@digdir/designsystemet-react 1.8.0 → 1.10.0

package/README.md

@@ -3,8 +3,8 @@
 React implementation of the Designsystemet components
 
 - Uses `@digdir/designsystemet-css` for styling.
-- Uses `@digdir/designsystemet-theme` or CSS file generated from `@digdir/designsystemet tokens build` for theming.
-  - Build your own theme on https://theme.designsystemet.no/
+- Uses `@digdir/designsystemet-css/theme` or CSS file generated from `@digdir/designsystemet tokens build` for theming.
+  - Build your own theme on https://theme.designsystemet.no/en
 - All components support `ref`.
 - All components support SSR.
   - Use full component name, e.g. `CardBlock` instead of `Card.Block`

package/dist/cjs/components/Combobox/Combobox.js

@@ -6,6 +6,9 @@ var react$1 = require('@floating-ui/react');
 var reactVirtual = require('@tanstack/react-virtual');
 var cl = require('clsx/lite');
 var react = require('react');
+var useDebounceCallback = require('../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
+require('../../utilities/roving-focus/roving-focus-item.js');
+require('../../utilities/roving-focus/roving-focus-root.js');
 var spinner = require('../spinner/spinner.js');
 var ComboboxContext = require('./ComboboxContext.js');
 var ComboboxIdContext = require('./ComboboxIdContext.js');
@@ -20,7 +23,6 @@ var useComboboxKeyboard = require('./useComboboxKeyboard.js');
 var useFloatingCombobox = require('./useFloatingCombobox.js');
 var useFormField = require('./useFormField/useFormField.js');
 var utilities = require('./utilities.js');
-var useDebounceCallback = require('../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
 
 /**
  * @deprecated Use `Suggestion` instead

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

@@ -3,10 +3,12 @@
 
 var react$1 = require('@floating-ui/react');
 var react = require('react');
+var useDebounceCallback = require('../../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
+require('../../../utilities/roving-focus/roving-focus-item.js');
+require('../../../utilities/roving-focus/roving-focus-root.js');
 var ComboboxContext = require('../ComboboxContext.js');
 var ComboboxIdContext = require('../ComboboxIdContext.js');
 var utilities = require('../utilities.js');
-var useDebounceCallback = require('../../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
 
 const useComboboxOption = ({ id, ref, value, }) => {
     const generatedId = react.useId();

package/dist/cjs/components/Combobox/useComboboxKeyboard.js

@@ -1,8 +1,11 @@
 'use client';
 'use strict';
 
-var ComboboxIdContext = require('./ComboboxIdContext.js');
 var useDebounceCallback = require('../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
+require('react');
+require('../../utilities/roving-focus/roving-focus-item.js');
+require('../../utilities/roving-focus/roving-focus-root.js');
+var ComboboxIdContext = require('./ComboboxIdContext.js');
 
 const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }) => {
     const { activeIndex } = ComboboxIdContext.useComboboxId();

package/dist/cjs/components/details/details.js

@@ -4,8 +4,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cl = require('clsx/lite');
 var react = require('react');
-require('@u-elements/u-details');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+require('@u-elements/u-details');
 
 /**
  * Details component, contains `Details.Summary` and `Details.Content` components.

package/dist/cjs/components/dialog/dialog.js

@@ -5,9 +5,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var cl = require('clsx/lite');
 var react = require('react');
+var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
 var button = require('../button/button.js');
 var dialogTriggerContext = require('./dialog-trigger-context.js');
-var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
 
 /**
  * Dialog component, used to display a dialog dialog.
@@ -32,7 +32,7 @@ var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.
  *   Content
  * </Dialog>
  */
-const Dialog = react.forwardRef(function Dialog({ asChild, children, className, closeButton = 'Lukk dialogvindu', closedby = 'closerequest', modal = true, onClose, open, ...rest }, ref) {
+const Dialog = react.forwardRef(function Dialog({ asChild, children, className, placement = 'center', closeButton = 'Lukk dialogvindu', closedby = 'closerequest', modal = true, onClose, open, ...rest }, ref) {
     const contextRef = react.useContext(dialogTriggerContext.Context);
     const dialogRef = react.useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? reactSlot.Slot : 'dialog';
@@ -89,7 +89,7 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
         currentRef?.addEventListener('close', handleClose);
         return () => currentRef?.removeEventListener('close', handleClose);
     }, [onClose]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), ref: mergedRefs, "data-modal": modal, closedby: closedby, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', "data-command": 'close' })), children] }));
+    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), ref: mergedRefs, "data-placement": placement, "data-modal": modal, closedby: closedby, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', "data-command": 'close' })), children] }));
 });
 
 exports.Dialog = Dialog;

package/dist/cjs/components/field/field-counter.js

@@ -3,10 +3,12 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var useDebounceCallback = require('../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
+require('../../utilities/roving-focus/roving-focus-item.js');
+require('../../utilities/roving-focus/roving-focus-root.js');
 var paragraph = require('../paragraph/paragraph.js');
 var validationMessage = require('../validation-message/validation-message.js');
 var fieldObserver = require('./field-observer.js');
-var useDebounceCallback = require('../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
 
 const label = (text, count) => text.replace('%d', Math.abs(count).toString());
 /**

package/dist/cjs/components/field/field.js

@@ -5,8 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var cl = require('clsx/lite');
 var react = require('react');
-var fieldObserver = require('./field-observer.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+var fieldObserver = require('./field-observer.js');
 
 /**
  * Field component, used to wrap a form field.

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

@@ -6,8 +6,8 @@ var dom = require('@floating-ui/dom');
 var reactSlot = require('@radix-ui/react-slot');
 var cl = require('clsx/lite');
 var react = require('react');
-var popoverTriggerContext = require('./popover-trigger-context.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+var popoverTriggerContext = require('./popover-trigger-context.js');
 
 /**
  * Popover component, used to display content in a popover over an element.
@@ -47,7 +47,7 @@ const Popover = react.forwardRef(function Popover({ id, className, onClose, onOp
                 setInternalOpen(false);
                 onClose?.();
             }
-            else if (isTrigger) {
+            else if (!controlledOpen && isTrigger) {
                 setInternalOpen(true);
                 onOpen?.();
             }

package/dist/cjs/components/skeleton/skeleton.js

@@ -5,8 +5,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var cl = require('clsx/lite');
 var react = require('react');
-var useSynchronizedAnimation = require('../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+var useSynchronizedAnimation = require('../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
+require('../../utilities/roving-focus/roving-focus-item.js');
+require('../../utilities/roving-focus/roving-focus-root.js');
 
 /**
  * Skeleton is used to represent a draft of page while the content loads.

package/dist/cjs/components/spinner/spinner.js

@@ -4,8 +4,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cl = require('clsx/lite');
 var react = require('react');
-var useSynchronizedAnimation = require('../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+var useSynchronizedAnimation = require('../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
+require('../../utilities/roving-focus/roving-focus-item.js');
+require('../../utilities/roving-focus/roving-focus-root.js');
 
 /**
  * Spinner component used for indicating busy or indeterminate loading.

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

@@ -17,7 +17,7 @@ var button = require('../button/button.js');
  *   <Suggestion.List />
  * </Suggestion>
  */
-const SuggestionClear = react.forwardRef(function SuggestionClear({ 'aria-label': label = 'Tøm', onClick, ...rest }, ref) {
+const SuggestionClear = react.forwardRef(function SuggestionClear({ 'aria-label': label = 'Tøm', ...rest }, ref) {
     return (jsxRuntime.jsx(button.Button, { "aria-label": label, asChild: true, icon: true, hidden: true, ref: ref, variant: 'tertiary', ...rest, children: jsxRuntime.jsx("del", {}) }));
 });
 

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

@@ -18,7 +18,7 @@ var suggestion = require('./suggestion.js');
  *   <Suggestion.List />
  * </Suggestion>
  */
-const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, ...rest }, ref) {
+const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, autoPlacement = true, ...rest }, ref) {
     const { handleFilter, uComboboxRef } = react.useContext(suggestion.SuggestionContext);
     react.useEffect(handleFilter); // Must run on every render
     // Position with floating-ui
@@ -30,9 +30,22 @@ const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d
                 dom.computePosition(trigger, list, {
                     placement: 'bottom',
                     strategy: 'fixed',
-                    middleware: [triggerWidth],
-                }).then(({ x, y }) => {
-                    list.style.translate = `${Math.round(x)}px calc(${Math.round(y)}px + var(--dsc-suggestion-list-gap))`;
+                    middleware: [
+                        ...(autoPlacement
+                            ? [
+                                dom.flip({
+                                    fallbackAxisSideDirection: 'start',
+                                    fallbackPlacements: ['top'],
+                                }),
+                                dom.shift(),
+                            ]
+                            : []),
+                        undefined,
+                        triggerWidth,
+                    ],
+                }).then(({ x, y, placement }) => {
+                    const varOperator = placement.startsWith('top') ? '-' : '+';
+                    list.style.translate = `${Math.round(x)}px calc(${Math.round(y)}px ${varOperator} var(--dsc-suggestion-list-gap))`;
                 });
             });
         }

package/dist/cjs/components/suggestion/suggestion.js

@@ -5,8 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('@u-elements/u-combobox');
 var cl = require('clsx/lite');
-var index = require('../chip/index.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+var index = require('../chip/index.js');
 
 const text = (el) => el.textContent?.trim() || '';
 const sanitizeItems = (values = []) => typeof values === 'string'

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

@@ -3,9 +3,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
 var rovingFocusRoot = require('../../utilities/roving-focus/roving-focus-root.js');
 var tabs = require('./tabs.js');
-var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
 
 /**
  * The container for all `Tab` components.

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

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var tabs = require('./tabs.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
+var tabs = require('./tabs.js');
 
 /**
  * A single content item in a Tabs component.

package/dist/cjs/index.js

@@ -1,221 +1,222 @@
 'use client';
 'use strict';
 
+var alert = require('./components/alert/alert.js');
+var avatar = require('./components/avatar/avatar.js');
+var index = require('./components/badge/index.js');
+var index$1 = require('./components/breadcrumbs/index.js');
+var button = require('./components/button/button.js');
+var index$2 = require('./components/Combobox/index.js');
+var index$3 = require('./components/card/index.js');
+var checkbox = require('./components/checkbox/checkbox.js');
+var index$4 = require('./components/chip/index.js');
+var index$5 = require('./components/details/index.js');
+var index$6 = require('./components/dialog/index.js');
+var divider = require('./components/divider/divider.js');
+var index$7 = require('./components/dropdown/index.js');
+var index$8 = require('./components/error-summary/index.js');
+var index$9 = require('./components/field/index.js');
+var index$a = require('./components/fieldset/index.js');
+var heading = require('./components/heading/heading.js');
+var input = require('./components/input/input.js');
+var label = require('./components/label/label.js');
+var link = require('./components/link/link.js');
+var index$b = require('./components/list/index.js');
+var index$c = require('./components/pagination/index.js');
+var paragraph = require('./components/paragraph/paragraph.js');
+var index$d = require('./components/popover/index.js');
+var radio = require('./components/radio/radio.js');
+var index$e = require('./components/search/index.js');
+var index$f = require('./components/select/index.js');
+var skeleton = require('./components/skeleton/skeleton.js');
+var skipLink = require('./components/skip-link/skip-link.js');
+var spinner = require('./components/spinner/spinner.js');
+var index$g = require('./components/suggestion/index.js');
+var _switch = require('./components/switch/switch.js');
+var index$h = require('./components/table/index.js');
+var index$i = require('./components/tabs/index.js');
+var tag = require('./components/tag/tag.js');
+var textarea = require('./components/textarea/textarea.js');
+var textfield = require('./components/textfield/textfield.js');
+var index$j = require('./components/toggle-group/index.js');
+var tooltip = require('./components/tooltip/tooltip.js');
+var validationMessage = require('./components/validation-message/validation-message.js');
 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 useCheckboxGroup = require('./utilities/hooks/use-checkbox-group/use-checkbox-group.js');
+require('react');
 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');
+var rovingFocusItem = require('./utilities/roving-focus/roving-focus-item.js');
+var rovingFocusRoot = require('./utilities/roving-focus/roving-focus-root.js');
 var badgePosition = require('./components/badge/badge-position.js');
-var index$1 = require('./components/breadcrumbs/index.js');
 var breadcrumbsItem = require('./components/breadcrumbs/breadcrumbs-item.js');
 var breadcrumbsLink = require('./components/breadcrumbs/breadcrumbs-link.js');
 var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.js');
-var button = require('./components/button/button.js');
-var index$2 = require('./components/Combobox/index.js');
 var Empty = require('./components/Combobox/Empty.js');
 var Option = require('./components/Combobox/Option/Option.js');
-var index$3 = require('./components/card/index.js');
 var cardBlock = require('./components/card/card-block.js');
-var checkbox = require('./components/checkbox/checkbox.js');
-var index$4 = require('./components/chip/index.js');
 var chips = require('./components/chip/chips.js');
-var index$5 = require('./components/details/index.js');
 var detailsContent = require('./components/details/details-content.js');
 var detailsSummary = require('./components/details/details-summary.js');
-var index$6 = require('./components/dialog/index.js');
 var dialogBlock = require('./components/dialog/dialog-block.js');
 var dialogTrigger = require('./components/dialog/dialog-trigger.js');
 var dialogTriggerContext = require('./components/dialog/dialog-trigger-context.js');
-var divider = require('./components/divider/divider.js');
-var index$7 = require('./components/dropdown/index.js');
 var dropdownButton = require('./components/dropdown/dropdown-button.js');
 var dropdownHeading = require('./components/dropdown/dropdown-heading.js');
 var dropdownItem = require('./components/dropdown/dropdown-item.js');
 var dropdownList = require('./components/dropdown/dropdown-list.js');
 var dropdownTrigger = require('./components/dropdown/dropdown-trigger.js');
 var dropdownTriggerContext = require('./components/dropdown/dropdown-trigger-context.js');
-var index$8 = require('./components/error-summary/index.js');
 var errorSummaryHeading = require('./components/error-summary/error-summary-heading.js');
 var errorSummaryItem = require('./components/error-summary/error-summary-item.js');
 var errorSummaryLink = require('./components/error-summary/error-summary-link.js');
 var errorSummaryList = require('./components/error-summary/error-summary-list.js');
-var index$9 = require('./components/field/index.js');
 var fieldAffix = require('./components/field/field-affix.js');
 var fieldCounter = require('./components/field/field-counter.js');
 var fieldDescription = require('./components/field/field-description.js');
-var index$a = require('./components/fieldset/index.js');
 var fieldsetDescription = require('./components/fieldset/fieldset-description.js');
 var fieldsetLegend = require('./components/fieldset/fieldset-legend.js');
-var heading = require('./components/heading/heading.js');
-var input = require('./components/input/input.js');
-var label = require('./components/label/label.js');
-var link = require('./components/link/link.js');
-var index$b = require('./components/list/index.js');
 var listItem = require('./components/list/list-item.js');
 var lists = require('./components/list/lists.js');
-var index$c = require('./components/pagination/index.js');
 var paginationButton = require('./components/pagination/pagination-button.js');
 var paginationItem = require('./components/pagination/pagination-item.js');
 var paginationList = require('./components/pagination/pagination-list.js');
-var paragraph = require('./components/paragraph/paragraph.js');
-var index$d = require('./components/popover/index.js');
 var popoverTrigger = require('./components/popover/popover-trigger.js');
 var popoverTriggerContext = require('./components/popover/popover-trigger-context.js');
-var radio = require('./components/radio/radio.js');
-var index$e = require('./components/search/index.js');
 var searchButton = require('./components/search/search-button.js');
 var searchClear = require('./components/search/search-clear.js');
 var searchInput = require('./components/search/search-input.js');
-var index$f = require('./components/select/index.js');
 var selectOptgroup = require('./components/select/select-optgroup.js');
 var selectOption = require('./components/select/select-option.js');
-var skeleton = require('./components/skeleton/skeleton.js');
-var skipLink = require('./components/skip-link/skip-link.js');
-var spinner = require('./components/spinner/spinner.js');
-var index$g = require('./components/suggestion/index.js');
 var suggestionClear = require('./components/suggestion/suggestion-clear.js');
 var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
 var suggestionInput = require('./components/suggestion/suggestion-input.js');
 var suggestionList = require('./components/suggestion/suggestion-list.js');
 var suggestionOption = require('./components/suggestion/suggestion-option.js');
-var _switch = require('./components/switch/switch.js');
-var index$h = require('./components/table/index.js');
 var tableBody = require('./components/table/table-body.js');
 var tableCell = require('./components/table/table-cell.js');
 var tableFoot = require('./components/table/table-foot.js');
 var tableHead = require('./components/table/table-head.js');
 var tableHeaderCell = require('./components/table/table-header-cell.js');
 var tableRow = require('./components/table/table-row.js');
-var index$i = require('./components/tabs/index.js');
 var tabsList = require('./components/tabs/tabs-list.js');
 var tabsPanel = require('./components/tabs/tabs-panel.js');
 var tabsTab = require('./components/tabs/tabs-tab.js');
-var tag = require('./components/tag/tag.js');
-var textarea = require('./components/textarea/textarea.js');
-var textfield = require('./components/textfield/textfield.js');
-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');
 
 
 
+exports.Alert = alert.Alert;
+exports.Avatar = avatar.Avatar;
+exports.Badge = index.Badge;
+exports.Breadcrumbs = index$1.Breadcrumbs;
+exports.Button = button.Button;
+exports.Combobox = index$2.Combobox;
+exports.Card = index$3.Card;
+exports.Checkbox = checkbox.Checkbox;
+exports.Chip = index$4.Chip;
+exports.Details = index$5.Details;
+exports.Dialog = index$6.Dialog;
+exports.Divider = divider.Divider;
+exports.Dropdown = index$7.Dropdown;
+exports.ErrorSummary = index$8.ErrorSummary;
+exports.Field = index$9.Field;
+exports.Fieldset = index$a.Fieldset;
+exports.Heading = heading.Heading;
+exports.Input = input.Input;
+exports.Label = label.Label;
+exports.Link = link.Link;
+exports.List = index$b.List;
+exports.Pagination = index$c.Pagination;
+exports.Paragraph = paragraph.Paragraph;
+exports.Popover = index$d.Popover;
+exports.Radio = radio.Radio;
+exports.Search = index$e.Search;
+exports.Select = index$f.Select;
+exports.Skeleton = skeleton.Skeleton;
+exports.SkipLink = skipLink.SkipLink;
+exports.Spinner = spinner.Spinner;
+exports.EXPERIMENTAL_Suggestion = index$g.EXPERIMENTAL_Suggestion;
+exports.Switch = _switch.Switch;
+exports.Table = index$h.Table;
+exports.Tabs = index$i.Tabs;
+exports.Tag = tag.Tag;
+exports.Textarea = textarea.Textarea;
+exports.Textfield = textfield.Textfield;
+exports.ToggleGroup = index$j.ToggleGroup;
+exports.Tooltip = tooltip.Tooltip;
+exports.ValidationMessage = validationMessage.ValidationMessage;
 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.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
 exports.usePagination = usePagination.usePagination;
 exports.useRadioGroup = useRadioGroup.useRadioGroup;
 exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
-exports.Alert = alert.Alert;
-exports.Avatar = avatar.Avatar;
-exports.Badge = index.Badge;
+exports.RovingFocusItem = rovingFocusItem.RovingFocusItem;
+exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
 exports.BadgePosition = badgePosition.BadgePosition;
-exports.Breadcrumbs = index$1.Breadcrumbs;
 exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
 exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
 exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
-exports.Button = button.Button;
-exports.Combobox = index$2.Combobox;
 exports.ComboboxEmpty = Empty.ComboboxEmpty;
 exports.ComboboxOption = Option.ComboboxOption;
-exports.Card = index$3.Card;
 exports.CardBlock = cardBlock.CardBlock;
-exports.Checkbox = checkbox.Checkbox;
-exports.Chip = index$4.Chip;
 exports.ChipButton = chips.ChipButton;
 exports.ChipCheckbox = chips.ChipCheckbox;
 exports.ChipRadio = chips.ChipRadio;
 exports.ChipRemovable = chips.ChipRemovable;
-exports.Details = index$5.Details;
 exports.DetailsContent = detailsContent.DetailsContent;
 exports.DetailsSummary = detailsSummary.DetailsSummary;
-exports.Dialog = index$6.Dialog;
 exports.DialogBlock = dialogBlock.DialogBlock;
 exports.DialogTrigger = dialogTrigger.DialogTrigger;
 exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
-exports.Divider = divider.Divider;
-exports.Dropdown = index$7.Dropdown;
 exports.DropdownButton = dropdownButton.DropdownButton;
 exports.DropdownHeading = dropdownHeading.DropdownHeading;
 exports.DropdownItem = dropdownItem.DropdownItem;
 exports.DropdownList = dropdownList.DropdownList;
 exports.DropdownTrigger = dropdownTrigger.DropdownTrigger;
 exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
-exports.ErrorSummary = index$8.ErrorSummary;
 exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
 exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
 exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
 exports.ErrorSummaryList = errorSummaryList.ErrorSummaryList;
-exports.Field = index$9.Field;
 exports.FieldAffix = fieldAffix.FieldAffix;
 exports.FieldAffixes = fieldAffix.FieldAffixes;
 exports.FieldCounter = fieldCounter.FieldCounter;
 exports.FieldDescription = fieldDescription.FieldDescription;
-exports.Fieldset = index$a.Fieldset;
 exports.FieldsetDescription = fieldsetDescription.FieldsetDescription;
 exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
-exports.Heading = heading.Heading;
-exports.Input = input.Input;
-exports.Label = label.Label;
-exports.Link = link.Link;
-exports.List = index$b.List;
 exports.ListItem = listItem.ListItem;
 exports.ListOrdered = lists.ListOrdered;
 exports.ListUnordered = lists.ListUnordered;
-exports.Pagination = index$c.Pagination;
 exports.PaginationButton = paginationButton.PaginationButton;
 exports.PaginationItem = paginationItem.PaginationItem;
 exports.PaginationList = paginationList.PaginationList;
-exports.Paragraph = paragraph.Paragraph;
-exports.Popover = index$d.Popover;
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
 exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
-exports.Radio = radio.Radio;
-exports.Search = index$e.Search;
 exports.SearchButton = searchButton.SearchButton;
 exports.SearchClear = searchClear.SearchClear;
 exports.SearchInput = searchInput.SearchInput;
-exports.Select = index$f.Select;
 exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
 exports.SelectOption = selectOption.SelectOption;
-exports.Skeleton = skeleton.Skeleton;
-exports.SkipLink = skipLink.SkipLink;
-exports.Spinner = spinner.Spinner;
-exports.EXPERIMENTAL_Suggestion = index$g.EXPERIMENTAL_Suggestion;
 exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
 exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
 exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
 exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
 exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
-exports.Switch = _switch.Switch;
-exports.Table = index$h.Table;
 exports.TableBody = tableBody.TableBody;
 exports.TableCell = tableCell.TableCell;
 exports.TableFoot = tableFoot.TableFoot;
 exports.TableHead = tableHead.TableHead;
 exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
 exports.TableRow = tableRow.TableRow;
-exports.Tabs = index$i.Tabs;
 exports.TabsList = tabsList.TabsList;
 exports.TabsPanel = tabsPanel.TabsPanel;
 exports.TabsTab = tabsTab.TabsTab;
-exports.Tag = tag.Tag;
-exports.Textarea = textarea.Textarea;
-exports.Textfield = textfield.Textfield;
-exports.ToggleGroup = index$j.ToggleGroup;
 exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.Tooltip = tooltip.Tooltip;
-exports.ValidationMessage = validationMessage.ValidationMessage;

package/dist/cjs/utilities/roving-focus/roving-focus-item.js

@@ -4,8 +4,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
-var useRovingFocus = require('./use-roving-focus.js');
 var useMergeRefs = require('../hooks/use-merge-refs/use-merge-refs.js');
+var useRovingFocus = require('./use-roving-focus.js');
 
 /** Get the next focusable RovingFocusItem */
 function getNextFocusableValue(items, value) {

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

@@ -1,9 +1,12 @@
 'use client';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 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 { useDebounceCallback } from '../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
+import '../../utilities/roving-focus/roving-focus-item.js';
+import '../../utilities/roving-focus/roving-focus-root.js';
 import { Spinner } from '../spinner/spinner.js';
 import { ComboboxContext } from './ComboboxContext.js';
 import { ComboboxIdProvider } from './ComboboxIdContext.js';
@@ -18,7 +21,6 @@ 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/deprecated/use-debounce-callback/use-debounce-callback.js';
 
 /**
  * @deprecated Use `Suggestion` instead

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { useReducer, createContext, useContext } from 'react';
+import { createContext, useContext, useReducer } from 'react';
 
 const ComboboxIdContext = createContext({
     activeIndex: 0,

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

@@ -1,10 +1,12 @@
 'use client';
 import { useMergeRefs } from '@floating-ui/react';
 import { useId, useContext, useMemo, useEffect } from 'react';
+import { useDebounceCallback } from '../../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
+import '../../../utilities/roving-focus/roving-focus-item.js';
+import '../../../utilities/roving-focus/roving-focus-root.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/useComboboxKeyboard.js

@@ -1,6 +1,9 @@
 'use client';
-import { useComboboxId } from './ComboboxIdContext.js';
 import { useDebounceCallback } from '../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
+import 'react';
+import '../../utilities/roving-focus/roving-focus-item.js';
+import '../../utilities/roving-focus/roving-focus-root.js';
+import { useComboboxId } from './ComboboxIdContext.js';
 
 const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }) => {
     const { activeIndex } = useComboboxId();