@digdir/designsystemet-react 1.9.0 → 1.11.0

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/avatar/avatar.js

@@ -22,11 +22,12 @@ var react = require('react');
  *  <Icon />
  * </Avatar>
  */
-const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
+const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, asChild, ...rest }, ref) {
+    const OuterComponent = asChild ? reactSlot.Slot : 'span';
     const useSlot = children && typeof children !== 'string';
     const textChild = children && typeof children === 'string';
     const Component = useSlot ? reactSlot.Slot : react.Fragment;
-    return (jsxRuntime.jsx("span", { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
+    return (jsxRuntime.jsx(OuterComponent, { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: textChild ? jsxRuntime.jsx("span", { children: children }) : children }) }));
 });
 
 exports.Avatar = Avatar;

package/dist/cjs/components/avatar-stack/avatar-stack.js

@@ -0,0 +1,33 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cl = require('clsx/lite');
+var react = require('react');
+
+/**
+ * Use `AvatarStack` to constrain Avatars into a stack.
+ *
+ * @example
+ * <EXPERIMENTAL_AvatarStack>
+ *   <Avatar aria-label='name'>
+ *     <img src={cat1} alt='' />
+ *   </Avatar>
+ *   <Avatar aria-label='name'>
+ *     <BriefcaseIcon />
+ *   </Avatar>
+ *   <Avatar aria-label='name' initials='sm' />
+ * </EXPERIMENTAL_AvatarStack>
+ */
+const EXPERIMENTAL_AvatarStack = react.forwardRef(function AvatarStack({ className, gap, suffix, avatarSize, overlap, expandable, children, ...rest }, ref) {
+    const style = {
+        ...(rest.style || {}),
+        '--dsc-avatar-stack-gap': gap !== undefined ? `${gap}` : undefined,
+        '--dsc-avatar-stack-size': avatarSize ? `${avatarSize}` : undefined,
+        '--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
+        '--dsc-avatar-count': expandable === 'fixed' ? react.Children.count(children) : undefined,
+    };
+    return (jsxRuntime.jsx("figure", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : -1, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
+});
+
+exports.EXPERIMENTAL_AvatarStack = EXPERIMENTAL_AvatarStack;

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.

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.

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-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'
@@ -33,10 +33,14 @@ const Suggestion = react.forwardRef(function Suggestion({ children, className, c
     const [defaultItems, setDefaultItems] = react.useState(sanitizeItems(defaultSelected));
     const selectedItems = selected ? sanitizeItems(selected) : defaultItems;
     const onSelectedChangeRef = react.useRef(onSelectedChange);
+    const selectedItemsRef = react.useRef(selectedItems);
     // Keep the ref updated with the latest callback
     react.useEffect(() => {
         onSelectedChangeRef.current = onSelectedChange;
     }, [onSelectedChange]);
+    react.useEffect(() => {
+        selectedItemsRef.current = selectedItems;
+    }, [selectedItems]);
     /**
      * Listerners and handling of adding/removing
      */
@@ -46,15 +50,14 @@ const Suggestion = react.forwardRef(function Suggestion({ children, className, c
             event.preventDefault();
             const multiple = combobox?.multiple;
             const data = event.detail;
-            const nextItem = nextItems(data, selectedItems, multiple);
-            if (isControlled)
-                onSelectedChangeRef.current?.(nextItem);
-            else
+            const nextItem = nextItems(data, selectedItemsRef.current, multiple);
+            onSelectedChangeRef.current?.(nextItem || null);
+            if (!isControlled)
                 setDefaultItems(sanitizeItems(nextItem));
         };
         combobox?.addEventListener('comboboxbeforeselect', beforeChange);
         return () => combobox?.removeEventListener('comboboxbeforeselect', beforeChange);
-    }, [selectedItems, isControlled]);
+    }, [isControlled]);
     // Before match event listener
     react.useEffect(() => {
         const combobox = uComboboxRef.current;

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,224 @@
 'use client';
 'use strict';
 
+var alert = require('./components/alert/alert.js');
+var avatar = require('./components/avatar/avatar.js');
+var avatarStack = require('./components/avatar-stack/avatar-stack.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.EXPERIMENTAL_AvatarStack = avatarStack.EXPERIMENTAL_AvatarStack;
+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