Skip to content

Commit fb80acd

Browse files
ritz078ritz078
authored
chore: Rename @react-stately/* to @react-stately-nutrient/* (#10)
* chore: Rename @react-stately/* to @react-stately-nutrient/* * chore: Update yarn.lock to reflect package renaming from @react-stately-nutrient/* to @react-stately/*
1 parent 6f9ccfc commit fb80acd

File tree

703 files changed

+2276
-2276
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

703 files changed

+2276
-2276
lines changed

‎examples/rsp-cra-18/src/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {Provider, defaultTheme, Item, TagGroup, Cell, Column, Row, TableBody, Ta
33
import Lighting from './Lighting';
44
import {useState} from 'react'
55
import BodyContent from './BodyContent';
6-
import {enableTableNestedRows} from '@react-stately/flags';
6+
import {enableTableNestedRows} from '@react-stately-nutrient/flags';
77
import ButtonExamples from './sections/ButtonExamples';
88
import CollectionExamples from './sections/CollectionExamples';
99
import DateTimeExamples from './sections/DateTimeExamples';

‎examples/rsp-next-ts-17/pages/_app.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import { useState } from "react";
1414
import Moon from "@spectrum-icons/workflow/Moon";
1515
import Light from "@spectrum-icons/workflow/Light";
1616
import { ToastContainer } from "@react-spectrum/toast";
17-
import {enableTableNestedRows} from '@react-stately/flags';
17+
import {enableTableNestedRows} from '@react-stately-nutrient/flags';
1818

1919
function MyApp({ Component, pageProps }: AppProps) {
2020
const [theme, setTheme] = useState<ColorScheme>("light");

‎examples/rsp-next-ts/pages/_app.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import { useState } from "react";
1313
import Moon from "@spectrum-icons/workflow/Moon";
1414
import Light from "@spectrum-icons/workflow/Light";
1515
import { ToastContainer } from "@react-spectrum/toast";
16-
import {enableTableNestedRows} from '@react-stately/flags';
16+
import {enableTableNestedRows} from '@react-stately-nutrient/flags';
1717
import {useRouter, type NextRouter} from 'next/router';
1818
import Script from 'next/script';
1919

‎examples/rsp-webpack-4/src/App.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {Provider, defaultTheme, Item, TagGroup, Cell, Column, InlineAlert, Row,
33
import Lighting from './Lighting';
44
import {useState} from 'react'
55
import BodyContent from './BodyContent';
6-
import {enableTableNestedRows} from '@react-stately/flags';
6+
import {enableTableNestedRows} from '@react-stately-nutrient/flags';
77

88
let columns = [
99
{name: 'Foo', key: 'foo'},

‎packages/@adobe/react-spectrum/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,8 +97,8 @@
9797
"@react-spectrum/tree": "^3.0.1",
9898
"@react-spectrum/view": "^3.6.17",
9999
"@react-spectrum/well": "^3.4.21",
100-
"@react-stately/collections": "^3.12.2",
101-
"@react-stately/data": "^3.12.2",
100+
"@react-stately-nutrient/collections": "^3.12.2",
101+
"@react-stately-nutrient/data": "^3.12.2",
102102
"@react-types/shared": "^3.28.0",
103103
"client-only": "^0.0.1"
104104
},

‎packages/@adobe/react-spectrum/src/index.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -66,8 +66,8 @@ export {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';
6666
export {TreeView, TreeViewItem, TreeViewItemContent} from '@react-spectrum/tree';
6767
export {Content, Footer, Header, View} from '@react-spectrum/view';
6868
export {Well} from '@react-spectrum/well';
69-
export {Item, Section} from '@react-stately/collections';
70-
export {useAsyncList, useListData, useTreeData} from '@react-stately/data';
69+
export {Item, Section} from '@react-stately-nutrient/collections';
70+
export {useAsyncList, useListData, useTreeData} from '@react-stately-nutrient/data';
7171
export {VisuallyHidden} from '@react-aria-nutrient/visually-hidden';
7272
export {useCollator, useDateFormatter, useFilter, useLocale, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter} from '@react-aria-nutrient/i18n';
7373
export {SSRProvider} from '@react-aria-nutrient/ssr';
@@ -122,7 +122,7 @@ export type {SpectrumTooltipProps, SpectrumTooltipTriggerProps} from '@react-spe
122122
export type {SpectrumTreeViewProps, SpectrumTreeViewItemProps, SpectrumTreeViewItemContentProps} from '@react-spectrum/tree';
123123
export type {ContentProps, FooterProps, HeaderProps, ViewProps} from '@react-spectrum/view';
124124
export type {SpectrumWellProps} from '@react-spectrum/well';
125-
export type {AsyncListData, AsyncListOptions, ListData, ListOptions, TreeData, TreeOptions} from '@react-stately/data';
125+
export type {AsyncListData, AsyncListOptions, ListData, ListOptions, TreeData, TreeOptions} from '@react-stately-nutrient/data';
126126
export type {VisuallyHiddenAria, VisuallyHiddenProps} from '@react-aria-nutrient/visually-hidden';
127127
export type {DateFormatter, DateFormatterOptions, Filter, FormatMessage, Locale, LocalizedStrings} from '@react-aria-nutrient/i18n';
128128
export type {SSRProviderProps} from '@react-aria-nutrient/ssr';

‎packages/@react-aria/actiongroup/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
"@react-aria-nutrient/i18n": "^3.12.7",
2727
"@react-aria-nutrient/interactions": "^3.24.1",
2828
"@react-aria-nutrient/utils": "^3.28.1",
29-
"@react-stately/list": "^3.12.0",
29+
"@react-stately-nutrient/list": "^3.12.0",
3030
"@react-types/actiongroup": "^3.4.15",
3131
"@react-types/shared": "^3.28.0",
3232
"@swc/helpers": "^0.5.0"

‎packages/@react-aria/actiongroup/src/useActionGroup.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {AriaActionGroupProps} from '@react-types/actiongroup';
1414
import {createFocusManager} from '@react-aria-nutrient/focus';
1515
import {DOMAttributes, FocusableElement, Orientation, RefObject} from '@react-types/shared';
1616
import {filterDOMProps, useLayoutEffect} from '@react-aria-nutrient/utils';
17-
import {ListState} from '@react-stately/list';
17+
import {ListState} from '@react-stately-nutrient/list';
1818
import {useLocale} from '@react-aria-nutrient/i18n';
1919
import {useState} from 'react';
2020

‎packages/@react-aria/actiongroup/src/useActionGroupItem.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
*/
1212

1313
import {DOMAttributes, FocusableElement, Key, RefObject} from '@react-types/shared';
14-
import {ListState} from '@react-stately/list';
14+
import {ListState} from '@react-stately-nutrient/list';
1515
import {mergeProps, useEffectEvent} from '@react-aria-nutrient/utils';
1616
import {PressProps} from '@react-aria-nutrient/interactions';
1717
import {useEffect} from 'react';

‎packages/@react-aria/actiongroup/test/useActionGroup.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {createRef} from 'react';
1414
import {FocusableElement} from '@react-types/shared';
1515
import {renderHook} from '@react-spectrum/test-utils-internal';
1616
import {useActionGroup} from '../';
17-
import {useListState} from '@react-stately/list';
17+
import {useListState} from '@react-stately-nutrient/list';
1818

1919
describe('useActionGroup', function () {
2020
let renderActionGroupHook = (props) => {

‎packages/@react-aria/autocomplete/docs/useAutocomplete.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default Layout;
1313
import docs from 'docs:@react-aria-nutrient/autocomplete';
1414
import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria-nutrient/autocomplete/package.json';
16-
import statelyDocs from 'docs:@react-stately/autocomplete';
16+
import statelyDocs from 'docs:@react-stately-nutrient/autocomplete';
1717
import {InlineAlert, Content, Heading} from '@adobe/react-spectrum';
1818

1919
---
@@ -56,7 +56,7 @@ to filter the collection. `useAutocomplete` handles exposing the correct ARIA at
5656
<InterfaceType properties={docs.links[docs.exports.useAutocomplete.return.base?.id ?? docs.exports.useAutocomplete.return.id].properties} />
5757
</TypeContext.Provider>
5858

59-
State is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useAutocompleteState} /> hook from `@react-stately/autocomplete`.
59+
State is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useAutocompleteState} /> hook from `@react-stately-nutrient/autocomplete`.
6060
The state object should be passed as an option to `useAutocomplete`.
6161

6262
## Internationalization

‎packages/@react-aria/autocomplete/docs/useSearchAutocomplete.mdx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@ import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescr
1616
import i18nDocs from 'docs:@react-aria-nutrient/i18n';
1717
import overlaysDocs from 'docs:@react-aria-nutrient/overlays';
1818
import packageData from '@react-aria-nutrient/autocomplete/package.json';
19-
import selectionDocs from 'docs:@react-stately/selection';
20-
import statelyDocs from 'docs:@react-stately/combobox';
19+
import selectionDocs from 'docs:@react-stately-nutrient/selection';
20+
import statelyDocs from 'docs:@react-stately-nutrient/combobox';
2121
import Anatomy from './anatomy.svg';
2222
import ChevronRight from '@spectrum-icons/workflow/ChevronRight';
2323
import {ExampleCard} from '@react-spectrum/docs/src/ExampleCard';
@@ -83,7 +83,7 @@ with [useListBox](useListBox.html), which handles the implementation of the popu
8383
<InterfaceType properties={docs.links[docs.exports.useSearchAutocomplete.return.base?.id ?? docs.exports.useSearchAutocomplete.return.id].properties} />
8484
</TypeContext.Provider>
8585

86-
State is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useComboBoxState} /> hook from `@react-stately/combobox`.
86+
State is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useComboBoxState} /> hook from `@react-stately-nutrient/combobox`.
8787
The state object should be passed as an option to `useSearchAutocomplete`.
8888

8989
If the search field does not have a visible label, an `aria-label` or `aria-labelledby` prop must be provided instead to
@@ -96,7 +96,7 @@ navigation and other interactions. It does this using the <TypeLink links={colle
9696
interface, which is a generic interface to access sequential unique keyed data. You can
9797
implement this interface yourself, e.g. by using a prop to pass a list of item objects,
9898
but <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useComboBoxState} /> from
99-
`@react-stately/combobox` implements a JSX based interface for building collections instead.
99+
`@react-stately-nutrient/combobox` implements a JSX based interface for building collections instead.
100100
See [Collection Components](/react-stately/collections.html) for more information,
101101
and [Collection Interface](/react-stately/Collection.html) for internal details.
102102

@@ -122,9 +122,9 @@ In addition, see [useListBox](useListBox.html) for examples of sections (option
122122
options.
123123

124124
```tsx example export=true
125-
import {Item} from '@react-stately/collections';
125+
import {Item} from '@react-stately-nutrient/collections';
126126
import {useButton} from '@react-aria-nutrient/button';
127-
import {useComboBoxState} from '@react-stately/combobox'
127+
import {useComboBoxState} from '@react-stately-nutrient/combobox'
128128
import {useSearchAutocomplete} from '@react-aria-nutrient/autocomplete';
129129
import {useFilter} from '@react-aria-nutrient/i18n';
130130

@@ -543,7 +543,7 @@ and filtering of data from a server. You may additionally want to display a spin
543543
state to the user, or support features like infinite scroll to load more data.
544544

545545
```tsx example
546-
import {useAsyncList} from '@react-stately/data';
546+
import {useAsyncList} from '@react-stately-nutrient/data';
547547

548548
function AsyncLoadingExample() {
549549
let list = useAsyncList({

‎packages/@react-aria/autocomplete/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@
3030
"@react-aria-nutrient/searchfield": "^3.8.2",
3131
"@react-aria-nutrient/textfield": "^3.17.1",
3232
"@react-aria-nutrient/utils": "^3.28.1",
33-
"@react-stately/autocomplete": "3.0.0-beta.0",
34-
"@react-stately/combobox": "^3.10.3",
33+
"@react-stately-nutrient/autocomplete": "3.0.0-beta.0",
34+
"@react-stately-nutrient/combobox": "^3.10.3",
3535
"@react-types/autocomplete": "3.0.0-alpha.29",
3636
"@react-types/button": "^3.11.0",
3737
"@react-types/shared": "^3.28.0",

‎packages/@react-aria/autocomplete/src/useAutocomplete.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
import {AriaLabelingProps, BaseEvent, DOMProps, RefObject} from '@react-types/shared';
1414
import {AriaTextFieldProps} from '@react-aria-nutrient/textfield';
15-
import {AutocompleteProps, AutocompleteState} from '@react-stately/autocomplete';
15+
import {AutocompleteProps, AutocompleteState} from '@react-stately-nutrient/autocomplete';
1616
import {CLEAR_FOCUS_EVENT, FOCUS_EVENT, getActiveElement, getOwnerDocument, isCtrlKeyPressed, mergeProps, mergeRefs, useEffectEvent, useId, useLabels, useObjectRef} from '@react-aria-nutrient/utils';
1717
import {dispatchVirtualBlur, dispatchVirtualFocus, moveVirtualFocus} from '@react-aria-nutrient/focus';
1818
import {getInteractionModality} from '@react-aria-nutrient/interactions';

‎packages/@react-aria/autocomplete/src/useSearchAutocomplete.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
import {AriaButtonProps} from '@react-types/button';
1414
import {AriaListBoxOptions} from '@react-aria-nutrient/listbox';
1515
import {AriaSearchAutocompleteProps} from '@react-types/autocomplete';
16-
import {ComboBoxState} from '@react-stately/combobox';
16+
import {ComboBoxState} from '@react-stately-nutrient/combobox';
1717
import {DOMAttributes, KeyboardDelegate, LayoutDelegate, RefObject, ValidationResult} from '@react-types/shared';
1818
import {InputHTMLAttributes} from 'react';
1919
import {mergeProps} from '@react-aria-nutrient/utils';

‎packages/@react-aria/autocomplete/test/useSearchAutocomplete.test.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010
* governing permissions and limitations under the License.
1111
*/
1212

13-
import {Item} from '@react-stately/collections';
13+
import {Item} from '@react-stately-nutrient/collections';
1414
import React from 'react';
1515
import {renderHook} from '@react-spectrum/test-utils-internal';
16-
import {useComboBoxState} from '@react-stately/combobox';
16+
import {useComboBoxState} from '@react-stately-nutrient/combobox';
1717
import {useSearchAutocomplete} from '../';
1818

1919
describe('useSearchAutocomplete', function () {

‎packages/@react-aria/button/docs/useToggleButton.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria-nutrient/button';
14-
import statelyDocs from 'docs:@react-stately/toggle';
14+
import statelyDocs from 'docs:@react-stately-nutrient/toggle';
1515
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import {Keyboard} from '@react-spectrum/text';
1717
import packageData from '@react-aria-nutrient/button/package.json';
@@ -62,7 +62,7 @@ whether the user is currently pressing the button:
6262
</TypeContext.Provider>
6363

6464
Selection state is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useToggleState} />
65-
hook in `@react-stately/toggle`. The state object should be passed as an option to `useToggleButton`.
65+
hook in `@react-stately-nutrient/toggle`. The state object should be passed as an option to `useToggleButton`.
6666

6767
If a visual label is not provided (e.g. an icon only button), then an `aria-label` or
6868
`aria-labelledby` prop must be passed to identify the button to assistive technology.
@@ -80,7 +80,7 @@ In addition, the `isPressed` state is used to adjust the background to be darker
8080
```tsx example export=true
8181
import {useRef} from 'react';
8282
import {useToggleButton} from '@react-aria-nutrient/button';
83-
import {useToggleState} from '@react-stately/toggle';
83+
import {useToggleState} from '@react-stately-nutrient/toggle';
8484

8585
function ToggleButton(props) {
8686
let ref = useRef<HTMLButtonElement | null>(null);

‎packages/@react-aria/button/docs/useToggleButtonGroup.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria-nutrient/button';
14-
import statelyDocs from 'docs:@react-stately/toggle';
14+
import statelyDocs from 'docs:@react-stately-nutrient/toggle';
1515
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import {Keyboard} from '@react-spectrum/text';
1717
import packageData from '@react-aria-nutrient/button/package.json';
@@ -66,7 +66,7 @@ A toggle button group consists of a set of toggle buttons, and coordinates the s
6666
</TypeContext.Provider>
6767

6868
Selection state is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useToggleGroupState} />
69-
hook in `@react-stately/toggle`. The state object should be passed as an option to `useToggleButtonGroup`
69+
hook in `@react-stately-nutrient/toggle`. The state object should be passed as an option to `useToggleButtonGroup`
7070
and `useToggleButtonGroupItem`.
7171

7272
**Note:** `useToggleButtonGroupItem` should only be used when it is contained within a toggle button group. For a
@@ -76,9 +76,9 @@ standalone toggle button, use the [useToggleButton](useToggleButton.html) hook i
7676

7777
```tsx example export=true
7878
import type {AriaToggleButtonGroupProps, AriaToggleButtonGroupItemProps} from '@react-aria-nutrient/button';
79-
import type {ToggleGroupState} from '@react-stately/toggle';
79+
import type {ToggleGroupState} from '@react-stately-nutrient/toggle';
8080
import {useToggleButtonGroup, useToggleButtonGroupItem} from '@react-aria-nutrient/button';
81-
import {useToggleGroupState} from '@react-stately/toggle';
81+
import {useToggleGroupState} from '@react-stately-nutrient/toggle';
8282

8383
interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps {
8484
children: React.ReactNode

‎packages/@react-aria/button/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
"@react-aria-nutrient/interactions": "^3.24.1",
2626
"@react-aria-nutrient/toolbar": "3.0.0-beta.14",
2727
"@react-aria-nutrient/utils": "^3.28.1",
28-
"@react-stately/toggle": "^3.8.2",
28+
"@react-stately-nutrient/toggle": "^3.8.2",
2929
"@react-types/button": "^3.11.0",
3030
"@react-types/shared": "^3.28.0",
3131
"@swc/helpers": "^0.5.0"

‎packages/@react-aria/button/src/useToggleButton.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ import {AriaToggleButtonProps} from '@react-types/button';
2222
import {ButtonAria, useButton} from './useButton';
2323
import {chain, mergeProps} from '@react-aria-nutrient/utils';
2424
import {DOMAttributes} from '@react-types/shared';
25-
import {ToggleState} from '@react-stately/toggle';
25+
import {ToggleState} from '@react-stately-nutrient/toggle';
2626

2727
export interface AriaToggleButtonOptions<E extends ElementType> extends Omit<AriaToggleButtonProps<E>, 'children'> {}
2828

‎packages/@react-aria/button/src/useToggleButtonGroup.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import {
2020
import {AriaLabelingProps, DOMAttributes, Orientation, RefObject} from '@react-types/shared';
2121
import {AriaToggleButtonGroupItemProps} from '@react-types/button';
2222
import {ToggleButtonAria, useToggleButton} from './useToggleButton';
23-
import {ToggleGroupProps, ToggleGroupState, ToggleState} from '@react-stately/toggle';
23+
import {ToggleGroupProps, ToggleGroupState, ToggleState} from '@react-stately-nutrient/toggle';
2424
import {useToolbar} from '@react-aria-nutrient/toolbar';
2525

2626
export interface AriaToggleButtonGroupProps extends ToggleGroupProps, AriaLabelingProps {

‎packages/@react-aria/calendar/docs/useCalendar.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria-nutrient/calendar';
14-
import statelyDocs from 'docs:@react-stately/calendar';
14+
import statelyDocs from 'docs:@react-stately-nutrient/calendar';
1515
import i18nDocs from 'docs:@internationalized/date';
1616
import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
1717
import packageData from '@react-aria-nutrient/calendar/package.json';
@@ -85,7 +85,7 @@ A calendar consists of a grouping element containing one or more date grids (e.g
8585
<InterfaceType properties={docs.links[docs.exports.useCalendarCell.return.id].properties} />
8686
</TypeContext.Provider>
8787

88-
State is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useCalendarState} /> hook from `@react-stately/calendar`. The state object should be passed as an option to `useCalendar`, `useCalendarGrid`, and `useCalendarCell`.
88+
State is managed by the <TypeLink links={statelyDocs.links} type={statelyDocs.exports.useCalendarState} /> hook from `@react-stately-nutrient/calendar`. The state object should be passed as an option to `useCalendar`, `useCalendarGrid`, and `useCalendarCell`.
8989

9090
Note that much of this anatomy is shared with [range calendars](useRangeCalendar.html). The only difference is that `useCalendarState` is used instead of `useRangeCalendarState`, and `useCalendar` is used instead of `useRangeCalendar`.
9191

@@ -104,7 +104,7 @@ A `Calendar` consists of three components: the main calendar wrapper element wit
104104
For simplicity, this example only displays a single month at a time. See the [styled examples](#styled-examples) section for more examples with multiple months, as well as other time ranges like weeks.
105105

106106
```tsx example render=false export=true
107-
import {useCalendarState} from '@react-stately/calendar';
107+
import {useCalendarState} from '@react-stately-nutrient/calendar';
108108
import {useCalendar} from '@react-aria-nutrient/calendar';
109109
import {useLocale} from '@react-aria-nutrient/i18n';
110110
import {createCalendar} from '@internationalized/date';
@@ -545,7 +545,7 @@ By default, this includes [all calendar systems](../internationalized/date/Calen
545545
For example, if your application only supports Gregorian dates, you could implement a `createCalendar` function like this:
546546

547547
```jsx
548-
import {useCalendarState} from '@react-stately/datepicker';
548+
import {useCalendarState} from '@react-stately-nutrient/datepicker';
549549
import {useLocale} from '@react-aria-nutrient/i18n';
550550
import {GregorianCalendar} from '@internationalized/date';
551551

0 commit comments

Comments
 (0)