@digdir/designsystemet-react 1.1.5 → 1.1.7

package/dist/cjs/components/pagination/index.js

@@ -24,16 +24,16 @@ var paginationList = require('./pagination-list.js');
  *   </Pagination.List>
  * </Pagination>
  */
-const Pagination = Object.assign(pagination.Pagination, {
+const PaginationComponent = Object.assign(pagination.Pagination, {
     List: paginationList.PaginationList,
     Item: paginationItem.PaginationItem,
     Button: paginationButton.PaginationButton,
 });
-Pagination.List.displayName = 'Pagination.List';
-Pagination.Item.displayName = 'Pagination.Item';
-Pagination.Button.displayName = 'Pagination.Button';
+PaginationComponent.List.displayName = 'Pagination.List';
+PaginationComponent.Item.displayName = 'Pagination.Item';
+PaginationComponent.Button.displayName = 'Pagination.Button';
 
 exports.PaginationButton = paginationButton.PaginationButton;
 exports.PaginationItem = paginationItem.PaginationItem;
 exports.PaginationList = paginationList.PaginationList;
-exports.Pagination = Pagination;
+exports.Pagination = PaginationComponent;

package/dist/cjs/components/pagination/pagination-button.js

@@ -9,9 +9,9 @@ var button = require('../button/button.js');
  * PaginationButton component, use within a Pagination.Item.
  *
  * @example
- * <Pagination.Item>
- *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- * </Pagination.Item>
+ * <PaginationItem>
+ *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ * </PaginationItem>
  */
 const PaginationButton = react.forwardRef(function PaginationButton(rest, ref) {
     return jsxRuntime.jsx(button.Button, { ref: ref, ...rest });

package/dist/cjs/components/pagination/pagination-item.js

@@ -9,11 +9,11 @@ var react = require('react');
  * PaginationItem component, use within a Pagination.List.
  *
  * @example
- * <Pagination.List>
- *   <Pagination.Item>
- *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination.List>
+ * <PaginationList>
+ *   <PaginationItem>
+ *     <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *   </PaginationItem>
+ * </PaginationList>
  */
 const PaginationItem = react.forwardRef(function PaginationItem({ asChild, className, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'li';

package/dist/cjs/components/pagination/pagination-list.js

@@ -10,11 +10,11 @@ var react = require('react');
  *
  * @example
  * <Pagination>
- *   <Pagination.List>
- *     <Pagination.Item>
- *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *     </Pagination.Item>
- *   </Pagination.List>
+ *   <PaginationList>
+ *     <PaginationItem>
+ *       <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *     </PaginationItem>
+ *   </PaginationList>
  * </Pagination>
  */
 const PaginationList = react.forwardRef(function PaginationList({ asChild, ...rest }, ref) {

package/dist/cjs/components/popover/index.js

@@ -16,13 +16,13 @@ var popoverTriggerContext = require('./popover-trigger-context.js');
  *   </Popover>
  * </Popover.TriggerContext>
  */
-const Popover = Object.assign(popover.Popover, {
+const PopoverComponent = Object.assign(popover.Popover, {
     TriggerContext: popoverTriggerContext.PopoverTriggerContext,
     Trigger: popoverTrigger.PopoverTrigger,
 });
-Popover.TriggerContext.displayName = 'Popover.TriggerContext';
-Popover.Trigger.displayName = 'Popover.Trigger';
+PopoverComponent.TriggerContext.displayName = 'Popover.TriggerContext';
+PopoverComponent.Trigger.displayName = 'Popover.Trigger';
 
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
 exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
-exports.Popover = Popover;
+exports.Popover = PopoverComponent;

package/dist/cjs/components/popover/popover-trigger-context.js

@@ -8,12 +8,12 @@ var react = require('react');
  * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 const PopoverTriggerContext = ({ children, }) => {
     const randomPopoverId = react.useId();

package/dist/cjs/components/popover/popover-trigger.js

@@ -11,22 +11,22 @@ var popoverTriggerContext = require('./popover-trigger-context.js');
  * PopoverTrigger component, used to trigger a popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  *
  * @example inline
- * <Popover.TriggerContext>
+ * <PopoverTriggerContext>
  *   <Paragraph>
- *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+ *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
  *   </Paragraph>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 const PopoverTrigger = react.forwardRef(function PopoverTrigger({ id, inline, asChild, ...rest }, ref) {
     const { popoverId } = react.useContext(popoverTriggerContext.Context);

package/dist/cjs/components/search/index.js

@@ -22,16 +22,16 @@ var searchInput = require('./search-input.js');
  *   <Search.Clear />
  * </Search>
  */
-const Search = Object.assign(search.Search, {
+const SearchComponent = Object.assign(search.Search, {
     Clear: searchClear.SearchClear,
     Button: searchButton.SearchButton,
     Input: searchInput.SearchInput,
 });
-Search.Clear.displayName = 'Search.Clear';
-Search.Button.displayName = 'Search.Button';
-Search.Input.displayName = 'Search.Input';
+SearchComponent.Clear.displayName = 'Search.Clear';
+SearchComponent.Button.displayName = 'Search.Button';
+SearchComponent.Input.displayName = 'Search.Input';
 
 exports.SearchButton = searchButton.SearchButton;
 exports.SearchClear = searchClear.SearchClear;
 exports.SearchInput = searchInput.SearchInput;
-exports.Search = Search;
+exports.Search = SearchComponent;

package/dist/cjs/components/search/search-button.js

@@ -10,8 +10,8 @@ var button = require('../button/button.js');
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Button>Søk</Search.Button>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
 const SearchButton = react.forwardRef(function SearchButton({ children = 'Søk', ...rest }, ref) {

package/dist/cjs/components/search/search-clear.js

@@ -11,8 +11,8 @@ var utilities = require('../Combobox/utilities.js');
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Clear />
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchClear />
  * </Search>
  */
 const SearchClear = react.forwardRef(function SearchClear({ 'aria-label': label = 'Tøm', onClick, ...rest }, ref) {

package/dist/cjs/components/search/search-input.js

@@ -10,7 +10,7 @@ var input = require('../input/input.js');
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
+ *   <SearchInput aria-label='Søk' />
  * </Search>
  */
 const SearchInput = react.forwardRef(function SearchInput({ ...rest }, ref) {

package/dist/cjs/components/select/index.js

@@ -14,13 +14,13 @@ var selectOption = require('./select-option.js');
  *   <Select.Option value='2'>Option 2</Select.Option>
  * </Select>
  */
-const Select = Object.assign(select.Select, {
+const SelectComponent = Object.assign(select.Select, {
     Option: selectOption.SelectOption,
     Optgroup: selectOptgroup.SelectOptgroup,
 });
-Select.Option.displayName = 'Select.Option';
-Select.Optgroup.displayName = 'Select.Optgroup';
+SelectComponent.Option.displayName = 'Select.Option';
+SelectComponent.Optgroup.displayName = 'Select.Optgroup';
 
 exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
 exports.SelectOption = selectOption.SelectOption;
-exports.Select = Select;
+exports.Select = SelectComponent;

package/dist/cjs/components/select/select-optgroup.js

@@ -10,10 +10,10 @@ var react = require('react');
  *
  * @example
  * <Select>
- *   <Select.Optgroup label='Group 1'>
- *     <Select.Option value='1'>Option 1</Select.Option>
- *     <Select.Option value='2'>Option 2</Select.Option>
- *   </Select.Optgroup>
+ *   <SelectOptgroup label='Group 1'>
+ *     <SelectOption value='1'>Option 1</SelectOption>
+ *     <SelectOption value='2'>Option 2</SelectOption>
+ *   </SelectOptgroup>
  * </Select>
  */
 const SelectOptgroup = react.forwardRef(function SelectOptgroup({ asChild, ...rest }, ref) {

package/dist/cjs/components/select/select-option.js

@@ -10,8 +10,8 @@ var react = require('react');
  *
  * @example
  * <Select>
- *   <Select.Option value='1'>Option 1</Select.Option>
- *   <Select.Option value='2'>Option 2</Select.Option>
+ *   <SelectOption value='1'>Option 1</SelectOption>
+ *   <SelectOption value='2'>Option 2</SelectOption>
  * </Select>
  */
 const SelectOption = react.forwardRef(function SelectOption({ asChild, ...rest }, ref) {

package/dist/cjs/components/table/index.js

@@ -34,7 +34,7 @@ var tableRow = require('./table-row.js');
  *   </Table.Foot>
  * </Table>
  */
-const Table = Object.assign(table.Table, {
+const TableComponent = Object.assign(table.Table, {
     Head: tableHead.TableHead,
     Body: tableBody.TableBody,
     Row: tableRow.TableRow,
@@ -42,13 +42,13 @@ const Table = Object.assign(table.Table, {
     HeaderCell: tableHeaderCell.TableHeaderCell,
     Foot: tableFoot.TableFoot,
 });
-Table.displayName = 'Table';
-Table.Head.displayName = 'Table.Head';
-Table.Body.displayName = 'Table.Body';
-Table.Row.displayName = 'Table.Row';
-Table.Cell.displayName = 'Table.Cell';
-Table.HeaderCell.displayName = 'Table.HeaderCell';
-Table.Foot.displayName = 'Table.Foot';
+TableComponent.displayName = 'Table';
+TableComponent.Head.displayName = 'Table.Head';
+TableComponent.Body.displayName = 'Table.Body';
+TableComponent.Row.displayName = 'Table.Row';
+TableComponent.Cell.displayName = 'Table.Cell';
+TableComponent.HeaderCell.displayName = 'Table.HeaderCell';
+TableComponent.Foot.displayName = 'Table.Foot';
 
 exports.TableBody = tableBody.TableBody;
 exports.TableCell = tableCell.TableCell;
@@ -56,4 +56,4 @@ exports.TableFoot = tableFoot.TableFoot;
 exports.TableHead = tableHead.TableHead;
 exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
 exports.TableRow = tableRow.TableRow;
-exports.Table = Table;
+exports.Table = TableComponent;

package/dist/cjs/components/table/table-body.js

@@ -8,12 +8,12 @@ var react = require('react');
  * TableBody component, used to display the body of a table. Renders a native HTML tbody element.
  *
  * @example
- * <Table.Body>
- *   <Table.Row>
- *     <Table.Cell>John</Table.Cell>
- *     <Table.Cell>25</Table.Cell>
- *   </Table.Row>
- * </Table.Body>
+ * <TableBody>
+ *   <TableRow>
+ *     <TableCell>John</TableCell>
+ *     <TableCell>25</TableCell>
+ *   </TableRow>
+ * </TableBody>
  */
 const TableBody = react.forwardRef(function TableBody(rest, ref) {
     return jsxRuntime.jsx("tbody", { ref: ref, ...rest });

package/dist/cjs/components/table/table-cell.js

@@ -8,7 +8,7 @@ var react = require('react');
  * TableCell component, used to display the cells of a table. Renders a native HTML td element.
  *
  * @example
- * <Table.Cell>John</Table.Cell>
+ * <TableCell>John</TableCell>
  */
 const TableCell = react.forwardRef(function TableCell(rest, ref) {
     return jsxRuntime.jsx("td", { ref: ref, ...rest });

package/dist/cjs/components/table/table-foot.js

@@ -8,12 +8,12 @@ var react = require('react');
  * TableFoot component, used to display the footer of a table. Renders a native HTML tfoot element.
  *
  * @example
- * <Table.Foot>
- *   <Table.Row>
- *     <Table.Cell>Total</Table.Cell>
- *     <Table.Cell>2</Table.Cell>
- *   </Table.Row>
- * </Table.Foot>
+ * <TableFoot>
+ *   <TableRow>
+ *     <TableCell>Total</TableCell>
+ *     <TableCell>2</TableCell>
+ *   </TableRow>
+ * </TableFoot>
  */
 const TableFoot = react.forwardRef(function TableFoot(rest, ref) {
     return jsxRuntime.jsx("tfoot", { ref: ref, ...rest });

package/dist/cjs/components/table/table-head.js

@@ -8,12 +8,12 @@ var react = require('react');
  * TableHead component, used to display the header of a table. Renders a native HTML thead element.
  *
  * @example
- * <Table.Head>
- *   <Table.Row>
- *     <Table.HeaderCell>Name</Table.HeaderCell>
- *     <Table.HeaderCell>Age</Table.HeaderCell>
- *   </Table.Row>
- * </Table.Head>
+ * <TableHead>
+ *   <TableRow>
+ *     <TableHeaderCell>Name</TableHeaderCell>
+ *     <TableHeaderCell>Age</TableHeaderCell>
+ *   </TableRow>
+ * </TableHead>
  */
 const TableHead = react.forwardRef(function TableHead(rest, ref) {
     return jsxRuntime.jsx("thead", { ref: ref, ...rest });

package/dist/cjs/components/table/table-header-cell.js

@@ -8,7 +8,7 @@ var react = require('react');
  * TableHeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
  *
  * @example
- * <Table.HeaderCell>Name</Table.HeaderCell>
+ * <TableHeaderCell>Name</TableHeaderCell>
  */
 const TableHeaderCell = react.forwardRef(function TableHeaderCell({ sort, children, ...rest }, ref) {
     return (jsxRuntime.jsx("th", { "aria-sort": sort, ref: ref, ...rest, children: sort ? jsxRuntime.jsx("button", { type: 'button', children: children }) : children }));

package/dist/cjs/components/table/table-row.js

@@ -8,10 +8,10 @@ var react = require('react');
  * TableRow component, used to display the rows of a table. Renders a native HTML tr element.
  *
  * @example
- * <Table.Row>
- *   <Table.Cell>John</Table.Cell>
- *   <Table.Cell>25</Table.Cell>
- * </Table.Row>
+ * <TableRow>
+ *   <TableCell>John</TableCell>
+ *   <TableCell>25</TableCell>
+ * </TableRow>
  */
 const TableRow = react.forwardRef(function TableRow(rest, ref) {
     return jsxRuntime.jsx("tr", { ref: ref, ...rest });

package/dist/cjs/components/tabs/index.js

@@ -21,16 +21,16 @@ var tabsTab = require('./tabs-tab.js');
  *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
  * </Tabs>
  */
-const Tabs = Object.assign(tabs.Tabs, {
+const TabsComponent = Object.assign(tabs.Tabs, {
     List: tabsList.TabsList,
     Tab: tabsTab.TabsTab,
     Panel: tabsPanel.TabsPanel,
 });
-Tabs.Tab.displayName = 'Tabs.Tab';
-Tabs.List.displayName = 'Tabs.List';
-Tabs.Panel.displayName = 'Tabs.Panel';
+TabsComponent.Tab.displayName = 'Tabs.Tab';
+TabsComponent.List.displayName = 'Tabs.List';
+TabsComponent.Panel.displayName = 'Tabs.Panel';
 
 exports.TabsList = tabsList.TabsList;
 exports.TabsPanel = tabsPanel.TabsPanel;
 exports.TabsTab = tabsTab.TabsTab;
-exports.Tabs = Tabs;
+exports.Tabs = TabsComponent;

package/dist/cjs/components/tabs/tabs-list.js

@@ -10,10 +10,10 @@ var tabs = require('./tabs.js');
  * The container for all `Tab` components.
  *
  * @example
- * <Tabs.List>
- *  <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- *  <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
- * </Tabs.List>
+ * <TabsList>
+ *  <TabsTab value='1'>Tab 1</TabsTab>
+ *  <TabsTab value='2'>Tab 2</TabsTab>
+ * </TabsList>
  */
 const TabsList = react.forwardRef(function TabsList({ children, ...rest }, ref) {
     const { value } = react.useContext(tabs.Context);

package/dist/cjs/components/tabs/tabs-panel.js

@@ -10,7 +10,7 @@ var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.
  * A single content item in a Tabs component.
  *
  * @example
- * <Tabs.Panel value='1'>content 1</Tabs.Panel>
+ * <TabsPanel value='1'>content 1</TabsPanel>
  */
 const TabsPanel = react.forwardRef(function TabsPanel({ children, value, ...rest }, ref) {
     const { value: tabsValue } = react.useContext(tabs.Context);

package/dist/cjs/components/tabs/tabs-tab.js

@@ -10,7 +10,7 @@ var tabs = require('./tabs.js');
  * A single item in a Tabs component.
  *
  * @example
- * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ * <TabsTab value='1'>Tab 1</TabsTab>
  */
 const TabsTab = react.forwardRef(function TabsTab({ value, id, ...rest }, ref) {
     const tabs$1 = react.useContext(tabs.Context);

package/dist/cjs/components/toggle-group/index.js

@@ -14,10 +14,10 @@ var toggleGroupItem = require('./toggle-group-item.js');
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-const ToggleGroup = Object.assign(toggleGroup.ToggleGroup, {
+const ToggleGroupComponent = Object.assign(toggleGroup.ToggleGroup, {
     Item: toggleGroupItem.ToggleGroupItem,
 });
-ToggleGroup.Item.displayName = 'ToggleGroup.Item';
+ToggleGroupComponent.Item.displayName = 'ToggleGroup.Item';
 
 exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroup = ToggleGroupComponent;

package/dist/cjs/components/toggle-group/toggle-group-item.js

@@ -10,7 +10,7 @@ var useToggleGroupitem = require('./use-toggle-groupitem.js');
 /**
  * A single item in a ToggleGroup.
  * @example
- * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+ * <ToggleGroupItem value='1'>Toggle 1</ToggleGroupItem>
  */
 const ToggleGroupItem = react.forwardRef(function ToggleGroupItem(rest, ref) {
     const { active, buttonProps, value } = useToggleGroupitem.useToggleGroupItem(rest);

package/dist/cjs/index.js

@@ -1,6 +1,16 @@
 'use client';
 'use strict';
 
+var omit = require('./components/Combobox/omit/omit.js');
+var rovingFocusItem = require('./utilities/roving-focus/roving-focus-item.js');
+var rovingFocusRoot = require('./utilities/roving-focus/roving-focus-root.js');
+var useCheckboxGroup = require('./utilities/hooks/use-checkbox-group/use-checkbox-group.js');
+var useDebounceCallback = require('./utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
+var useIsomorphicLayoutEffect = require('./utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
+var useMediaQuery = require('./utilities/hooks/deprecated/use-media-query/use-media-query.js');
+var usePagination = require('./utilities/hooks/use-pagination/use-pagination.js');
+var useRadioGroup = require('./utilities/hooks/use-radio-group/use-radio-group.js');
+var useSynchronizedAnimation = require('./utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
 var alert = require('./components/alert/alert.js');
 var avatar = require('./components/avatar/avatar.js');
 var index = require('./components/badge/index.js');
@@ -97,20 +107,19 @@ var index$j = require('./components/toggle-group/index.js');
 var toggleGroupItem = require('./components/toggle-group/toggle-group-item.js');
 var tooltip = require('./components/tooltip/tooltip.js');
 var validationMessage = require('./components/validation-message/validation-message.js');
-var useCheckboxGroup = require('./utilities/hooks/use-checkbox-group/use-checkbox-group.js');
-var useDebounceCallback = require('./utilities/hooks/use-debounce-callback/use-debounce-callback.js');
-var useIsomorphicLayoutEffect = require('./utilities/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
-var useMediaQuery = require('./utilities/hooks/use-media-query/use-media-query.js');
-var usePagination = require('./utilities/hooks/use-pagination/use-pagination.js');
-var useRadioGroup = require('./utilities/hooks/use-radio-group/use-radio-group.js');
-var useSynchronizedAnimation = require('./utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
-var omit = require('./utilities/omit/omit.js');
-var rovingFocusItem = require('./utilities/roving-focus/roving-focus-item.js');
-var rovingFocusRoot = require('./utilities/roving-focus/roving-focus-root.js');
-var useRovingFocus = require('./utilities/roving-focus/use-roving-focus.js');
 
 
 
+exports.omit = omit.omit;
+exports.RovingFocusItem = rovingFocusItem.RovingFocusItem;
+exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
+exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
+exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.usePagination = usePagination.usePagination;
+exports.useRadioGroup = useRadioGroup.useRadioGroup;
+exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
 exports.Alert = alert.Alert;
 exports.Avatar = avatar.Avatar;
 exports.Badge = index.Badge;
@@ -212,16 +221,3 @@ exports.ToggleGroup = index$j.ToggleGroup;
 exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
 exports.Tooltip = tooltip.Tooltip;
 exports.ValidationMessage = validationMessage.ValidationMessage;
-exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
-exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.useMediaQuery = useMediaQuery.useMediaQuery;
-exports.usePagination = usePagination.usePagination;
-exports.useRadioGroup = useRadioGroup.useRadioGroup;
-exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
-exports.omit = omit.omit;
-exports.RovingFocusItem = rovingFocusItem.RovingFocusItem;
-exports.getNextFocusableValue = rovingFocusItem.getNextFocusableValue;
-exports.getPrevFocusableValue = rovingFocusItem.getPrevFocusableValue;
-exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
-exports.useRovingFocus = useRovingFocus.useRovingFocus;

package/dist/cjs/utilities/hooks/use-synchronized-animation/use-synchronized-animation.js

@@ -2,10 +2,11 @@
 'use strict';
 
 var react = require('react');
-var useIsomorphicLayoutEffect = require('../use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
 
 // Inspired by Sam Selikoff
 // https://github.com/samselikoff/2022-02-24-use-synchronized-animation/blob/main/src/App.js
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
 /**
  * Synchronizes the css animation of multiple elements with the same `animationName`.
  *
@@ -20,7 +21,7 @@ var useIsomorphicLayoutEffect = require('../use-isomorphic-layout-effect/use-iso
  */
 function useSynchronizedAnimation(animationName) {
     const ref = react.useRef(null);
-    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         const animations = document
             .getAnimations()
             .filter((animation) => 'animationName' in animation &&
@@ -45,4 +46,5 @@ function useSynchronizedAnimation(animationName) {
     return ref;
 }
 
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useSynchronizedAnimation = useSynchronizedAnimation;

package/dist/esm/components/Combobox/Combobox.js

@@ -4,7 +4,6 @@ import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import cl from 'clsx/lite';
 import { forwardRef, useRef, useState, useEffect } from 'react';
-import { omit } from '../../utilities/omit/omit.js';
 import { Spinner } from '../spinner/spinner.js';
 import { ComboboxContext } from './ComboboxContext.js';
 import { ComboboxIdProvider } from './ComboboxIdContext.js';
@@ -13,12 +12,13 @@ import ComboboxError from './internal/ComboboxError.js';
 import ComboboxInput from './internal/ComboboxInput.js';
 import ComboboxLabel from './internal/ComboboxLabel.js';
 import ComboboxNative from './internal/ComboboxNative.js';
+import { omit } from './omit/omit.js';
 import { useCombobox } from './useCombobox.js';
 import { useComboboxKeyboard } from './useComboboxKeyboard.js';
 import { useFloatingCombobox } from './useFloatingCombobox.js';
 import { useFormField } from './useFormField/useFormField.js';
 import { prefix, setReactInputValue, removePrefix } from './utilities.js';
-import { useDebounceCallback } from '../../utilities/hooks/use-debounce-callback/use-debounce-callback.js';
+import { useDebounceCallback } from '../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
 
 /**
  * @deprecated Use `Suggestion` instead

package/dist/esm/components/Combobox/Custom.js

@@ -4,10 +4,10 @@ import { useMergeRefs } from '@floating-ui/react';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import { forwardRef, useId, useContext, useMemo } from 'react';
-import { omit } from '../../utilities/omit/omit.js';
 import { Label } from '../label/label.js';
 import { ComboboxContext } from './ComboboxContext.js';
 import { useComboboxId } from './ComboboxIdContext.js';
+import { omit } from './omit/omit.js';
 
 const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
     if (interactive && !id) {

package/dist/esm/components/Combobox/Option/Option.js

@@ -2,9 +2,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
 import { memo, forwardRef, useId, useContext, isValidElement } from 'react';
-import { omit } from '../../../utilities/omit/omit.js';
 import { Label } from '../../label/label.js';
 import { ComboboxContext } from '../ComboboxContext.js';
+import { omit } from '../omit/omit.js';
 import ComboboxOptionDescription from './Description.js';
 import { SelectedIcon } from './SelectedIcon.js';
 import { useComboboxOption } from './useComboboxOption.js';

package/dist/esm/components/Combobox/Option/useComboboxOption.js

@@ -1,10 +1,10 @@
 'use client';
 import { useMergeRefs } from '@floating-ui/react';
 import { useId, useContext, useMemo, useEffect } from 'react';
-import { useDebounceCallback } from '../../../utilities/hooks/use-debounce-callback/use-debounce-callback.js';
 import { ComboboxContext } from '../ComboboxContext.js';
 import { useComboboxId, useComboboxIdDispatch } from '../ComboboxIdContext.js';
 import { prefix } from '../utilities.js';
+import { useDebounceCallback } from '../../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
 
 const useComboboxOption = ({ id, ref, value, }) => {
     const generatedId = useId();

package/dist/esm/components/Combobox/internal/ComboboxInput.js

@@ -4,10 +4,10 @@ import { useMergeRefs } from '@floating-ui/react';
 import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
 import cl from 'clsx/lite';
 import { useContext, useRef } from 'react';
-import { omit } from '../../../utilities/omit/omit.js';
 import { Paragraph } from '../../paragraph/paragraph.js';
 import { ComboboxContext } from '../ComboboxContext.js';
 import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
+import { omit } from '../omit/omit.js';
 import { prefix } from '../utilities.js';
 import ComboboxChips from './ComboboxChips.js';
 import ComboboxClearButton from './ComboboxClearButton.js';