@digdir/designsystemet-react 0.0.0-test-20250710104203 → 0.0.0-test-20250711123754

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

@@ -6,6 +6,8 @@ var react$1 = require('@floating-ui/react');
 var reactVirtual = require('@tanstack/react-virtual');
 var cl = require('clsx/lite');
 var react = require('react');
+var omit = require('../../utilities/omit/omit.js');
+var spinner = require('../spinner/spinner.js');
 var ComboboxContext = require('./ComboboxContext.js');
 var ComboboxIdContext = require('./ComboboxIdContext.js');
 var Custom = require('./Custom.js');
@@ -19,8 +21,6 @@ var useFloatingCombobox = require('./useFloatingCombobox.js');
 var useFormField = require('./useFormField/useFormField.js');
 var utilities = require('./utilities.js');
 var useDebounceCallback = require('../../utilities/hooks/use-debounce-callback/use-debounce-callback.js');
-var spinner = require('../spinner/spinner.js');
-var omit = require('../../utilities/omit/omit.js');
 
 /**
  * @deprecated Use `Suggestion` instead

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

@@ -6,10 +6,10 @@ var react$1 = require('@floating-ui/react');
 var reactSlot = require('@radix-ui/react-slot');
 var cl = require('clsx/lite');
 var react = require('react');
+var omit = require('../../utilities/omit/omit.js');
+var label = require('../label/label.js');
 var ComboboxContext = require('./ComboboxContext.js');
 var ComboboxIdContext = require('./ComboboxIdContext.js');
-var label = require('../label/label.js');
-var omit = require('../../utilities/omit/omit.js');
 
 const ComboboxCustom = react.forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
     if (interactive && !id) {

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

@@ -4,8 +4,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cl = require('clsx/lite');
 var react = require('react');
-var ComboboxContext = require('./ComboboxContext.js');
 var label = require('../label/label.js');
+var ComboboxContext = require('./ComboboxContext.js');
 
 const ComboboxEmpty = react.forwardRef(({ children, className, ...rest }, ref) => {
     const context = react.useContext(ComboboxContext.ComboboxContext);

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

@@ -5,11 +5,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var cl = require('clsx/lite');
 var react = require('react');
 var omit = require('../../../utilities/omit/omit.js');
+var label = require('../../label/label.js');
 var ComboboxContext = require('../ComboboxContext.js');
 var Description = require('./Description.js');
 var SelectedIcon = require('./SelectedIcon.js');
 var useComboboxOption = require('./useComboboxOption.js');
-var label = require('../../label/label.js');
 
 const ComboboxOption = react.memo(react.forwardRef(({ value, description, children, className, ...rest }, forwardedRef) => {
     const labelId = react.useId();

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

@@ -6,13 +6,13 @@ var react$1 = require('@floating-ui/react');
 var akselIcons = require('@navikt/aksel-icons');
 var cl = require('clsx/lite');
 var react = require('react');
+var omit = require('../../../utilities/omit/omit.js');
+var paragraph = require('../../paragraph/paragraph.js');
 var ComboboxContext = require('../ComboboxContext.js');
 var ComboboxIdContext = require('../ComboboxIdContext.js');
 var utilities = require('../utilities.js');
 var ComboboxChips = require('./ComboboxChips.js');
 var ComboboxClearButton = require('./ComboboxClearButton.js');
-var paragraph = require('../../paragraph/paragraph.js');
-var omit = require('../../../utilities/omit/omit.js');
 
 const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
     const context = react.useContext(ComboboxContext.ComboboxContext);

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

@@ -24,8 +24,9 @@ var react = require('react');
  */
 const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
     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: children }) }));
+    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 }) }));
 });
 
 exports.Avatar = Avatar;

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 button = require('../button/button.js');
 var dialogTriggerContext = require('./dialog-trigger-context.js');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
-var button = require('../button/button.js');
 
 /**
  * Dialog component, used to display a dialog dialog.

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

@@ -2,7 +2,6 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-require('../popover/index.js');
 var popoverTriggerContext = require('../popover/popover-trigger-context.js');
 
 /**

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

@@ -3,7 +3,6 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-require('../popover/index.js');
 var popoverTrigger = require('../popover/popover-trigger.js');
 
 const DropdownTrigger = react.forwardRef(function DropdownTrigger({ asChild, ...rest }, ref) {

package/dist/cjs/components/dropdown/dropdown.js

@@ -4,7 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cl = require('clsx/lite');
 var react = require('react');
-var index = require('../popover/index.js');
+var popover = require('../popover/popover.js');
 
 /**
  * Dropdown component, used to display a list of options.
@@ -34,7 +34,7 @@ var index = require('../popover/index.js');
  * </Dropdown>
  */
 const Dropdown = react.forwardRef(function DropdownContent({ placement = 'bottom-end', className, ...rest }, ref) {
-    return (jsxRuntime.jsx(index.Popover, { className: cl('ds-dropdown', className), placement: placement, ref: ref, ...rest }));
+    return (jsxRuntime.jsx(popover.Popover, { className: cl('ds-dropdown', className), placement: placement, ref: ref, ...rest }));
 });
 
 exports.Dropdown = Dropdown;

package/dist/cjs/components/error-summary/error-summary-heading.js

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var errorSummary = require('./error-summary.js');
 var heading = require('../heading/heading.js');
+var errorSummary = require('./error-summary.js');
 
 const ErrorSummaryHeading = react.forwardRef(function ErrorSummaryHeading({ className, id, ...rest }, ref) {
     const { headingId, setHeadingId } = react.useContext(errorSummary.ErrorSummaryContext);

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

@@ -3,9 +3,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var fieldObserver = require('./field-observer.js');
-var validationMessage = require('../validation-message/validation-message.js');
 var paragraph = require('../paragraph/paragraph.js');
+var validationMessage = require('../validation-message/validation-message.js');
+var fieldObserver = require('./field-observer.js');
 
 const label = (text, count) => text.replace('%d', Math.abs(count).toString());
 /**

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

@@ -4,8 +4,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
-var popoverTriggerContext = require('./popover-trigger-context.js');
 var button = require('../button/button.js');
+var popoverTriggerContext = require('./popover-trigger-context.js');
 
 /**
  * PopoverTrigger component, used to trigger a popover.

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

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var utilities = require('../Combobox/utilities.js');
 var button = require('../button/button.js');
+var utilities = require('../Combobox/utilities.js');
 
 /**
  * SearchClear component, used to display a clear button when the search input is not empty.

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

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-var suggestion = require('./suggestion.js');
 var input = require('../input/input.js');
+var suggestion = require('./suggestion.js');
 
 /**
  * Component that provides an input field for the Suggestion list.
@@ -18,17 +18,20 @@ var input = require('../input/input.js');
  * </Suggestion>
  */
 const SuggestionInput = react.forwardRef(function SuggestionList({ value, onInput, onChange, ...rest }, ref) {
-    const { handleFilter } = react.useContext(suggestion.SuggestionContext);
+    const { listId, handleFilter } = react.useContext(suggestion.SuggestionContext);
     react.useEffect(handleFilter, [value]); // Filter if controlled value
     if (onChange)
         console.warn('SuggestionInput: Avoid using onChange, as Suggestion controls the Input. Use onValueChange on Suggest instead, or onInput if fetching API results');
     if (value)
         console.warn('SuggestionInput: Avoid using value, as Suggestion controls the Input. Use value on Suggest instead.');
+    const popoverProps = Object.assign({
+        [react.version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: listId,
+    }, rest);
     return (jsxRuntime.jsx(input.Input, { placeholder: '' // We need an empty placeholder for the clear button to be able to show/hide
         , ref: ref, onInput: (event) => {
             onInput?.(event); // Should run first
             handleFilter?.(); // Filter if uncontrolled value
-        }, ...rest }));
+        }, ...popoverProps }));
 });
 
 exports.SuggestionInput = SuggestionInput;

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

@@ -4,7 +4,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('@u-elements/u-datalist');
+var dom = require('@floating-ui/dom');
 var suggestion = require('./suggestion.js');
+var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
 
 /**
  * Component that provides a Suggestion list.
@@ -18,9 +20,38 @@ var suggestion = require('./suggestion.js');
  * </Suggestion>
  */
 const SuggestionList = react.forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, ...rest }, ref) {
-    const { handleFilter } = react.useContext(suggestion.SuggestionContext);
+    const { listId, setListId, handleFilter } = react.useContext(suggestion.SuggestionContext);
+    const listRef = react.useRef(null);
+    const mergedRefs = useMergeRefs.useMergeRefs([ref, listRef]);
     react.useEffect(handleFilter); // Must run on every render
-    return (jsxRuntime.jsx("u-datalist", { "data-nofilter": true, "data-sr-singular": singular, "data-sr-plural": plural, class: className, ref: ref, ...rest }));
+    react.useEffect(() => {
+        id && setListId(id);
+    }, [id]);
+    // Position with floating-ui
+    react.useEffect(() => {
+        const list = listRef.current;
+        const trigger = document.querySelector(`[popovertarget="${list?.id}"]`);
+        if (list && trigger) {
+            return dom.autoUpdate(trigger, list, () => {
+                dom.computePosition(trigger, list, {
+                    placement: 'bottom',
+                    strategy: 'fixed',
+                    middleware: [triggerWidth],
+                }).then(({ x, y }) => {
+                    list.style.translate = `${x}px calc(${y}px + var(--dsc-suggestion-list-gap))`;
+                });
+            });
+        }
+    }, [listId]);
+    return (jsxRuntime.jsx("u-datalist", { "data-nofilter": true, "data-sr-singular": singular, "data-sr-plural": plural, class: className, ref: mergedRefs, id: listId, popover: 'manual', ...rest }));
 });
+const triggerWidth = {
+    name: 'TriggerWidth',
+    fn(data) {
+        const { elements, rects } = data;
+        elements.floating.style.width = `${rects.reference.width}px`;
+        return data;
+    },
+};
 
 exports.SuggestionList = SuggestionList;

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

@@ -8,6 +8,7 @@ var cl = require('clsx/lite');
 var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
 
 const SuggestionContext = react.createContext({
+    setListId: () => undefined,
     handleFilter: () => undefined,
 });
 const text = (el) => el.textContent?.trim() || '';
@@ -28,38 +29,21 @@ const nextItems = (data, prev, multiple) => {
         : [...sanitizeItems(prev), item];
 };
 const defaultFilter = ({ label, input }) => label.toLowerCase().includes(input.value.trim().toLowerCase());
-// https://github.com/u-elements/u-elements/blob/fe076b724272c2fef00d41838b091b1563661829/packages/utils.ts#L222
-// TODO: DELETE THIS when bug in u-combobox is fixed. See https://github.com/u-elements/u-elements/issues/25
-const setValue = (input, data, type = '') => {
-    const event = { bubbles: true, composed: true, data, inputType: type };
-    const proto = HTMLInputElement.prototype;
-    input.dispatchEvent(new InputEvent('beforeinput', event));
-    Object.getOwnPropertyDescriptor(proto, 'value')?.set?.call(input, data);
-    input.dispatchEvent(new InputEvent('input', event));
-    input.dispatchEvent(new Event('change', { bubbles: true }));
-};
 const Suggestion = react.forwardRef(function Suggestion({ children, className, creatable = false, defaultValue, filter = true, multiple = false, name, onValueChange, value, ...rest }, ref) {
     const uComboboxRef = react.useRef(null);
-    const generatedSelectId = react.useId();
-    const selectId = rest.id ? `${rest.id}-select` : generatedSelectId;
+    const genId = react.useId();
+    const selectId = rest.id ? `${rest.id}-select` : genId;
     const isContolled = value !== undefined;
     const mergedRefs = useMergeRefs.useMergeRefs([ref, uComboboxRef]);
     const [isEmpty, setIsEmpty] = react.useState(false);
     const [selectedItems, setSelectedItems] = react.useState(sanitizeItems(defaultValue || value));
+    const [listId, setListId] = react.useState(rest.id ? `${rest.id}-list` : `${genId}-list`);
     // Update if controlled values
     const prevControlled = react.useRef(value);
     if (value !== prevControlled.current) {
         prevControlled.current = value;
         setSelectedItems(sanitizeItems(prevControlled.current));
     }
-    react.useEffect(() => {
-        // Workaround for missing input value update in u-combobox in single mode
-        const sanitizedValue = sanitizeItems(prevControlled.current);
-        const inputEl = uComboboxRef.current?.querySelector('input');
-        if (inputEl && !multiple && sanitizedValue[0]) {
-            setValue(inputEl, sanitizedValue[0].value, 'insertText');
-        }
-    }, [prevControlled.current, uComboboxRef.current]);
     /**
      * Listerners and handling of adding/removing
      */
@@ -98,7 +82,7 @@ const Suggestion = react.forwardRef(function Suggestion({ children, className, c
             }
         setIsEmpty(index === disabled);
     }, [filter]);
-    return (jsxRuntime.jsx(SuggestionContext.Provider, { value: { isEmpty, selectedItems, handleFilter }, children: jsxRuntime.jsxs("u-combobox", { "data-multiple": multiple || undefined, "data-creatable": creatable || undefined, class: cl('ds-suggestion', className), ref: mergedRefs, ...rest, children: [children, !!name && (jsxRuntime.jsx("select", { name: name, multiple: true, hidden: true, id: selectId }))] }) }));
+    return (jsxRuntime.jsx(SuggestionContext.Provider, { value: { isEmpty, selectedItems, listId, setListId, handleFilter }, children: jsxRuntime.jsxs("u-combobox", { "data-multiple": multiple || undefined, "data-creatable": creatable || undefined, class: cl('ds-suggestion', className), ref: mergedRefs, ...rest, children: [children, !!name && (jsxRuntime.jsx("select", { name: name, multiple: true, hidden: true, id: selectId }))] }) }));
 });
 
 exports.Suggestion = Suggestion;

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

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

package/dist/cjs/components/textfield/textfield.js

@@ -4,12 +4,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var index = require('../field/index.js');
+var input = require('../input/input.js');
 var label = require('../label/label.js');
-var fieldDescription = require('../field/field-description.js');
-var fieldAffix = require('../field/field-affix.js');
 var textarea = require('../textarea/textarea.js');
-var input = require('../input/input.js');
 var validationMessage = require('../validation-message/validation-message.js');
+var fieldDescription = require('../field/field-description.js');
+var fieldAffix = require('../field/field-affix.js');
 
 /**
  *  Composed text input component using `Field`

package/dist/cjs/index.js

@@ -6,13 +6,13 @@ var avatar = require('./components/avatar/avatar.js');
 var index = require('./components/badge/index.js');
 var badgePosition = require('./components/badge/badge-position.js');
 var index$1 = require('./components/breadcrumbs/index.js');
-var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.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 Option = require('./components/Combobox/Option/Option.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');
@@ -23,73 +23,73 @@ 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 dialogTriggerContext = require('./components/dialog/dialog-trigger-context.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 dropdownTriggerContext = require('./components/dropdown/dropdown-trigger-context.js');
-var dropdownList = require('./components/dropdown/dropdown-list.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 dropdownButton = require('./components/dropdown/dropdown-button.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 errorSummaryItem = require('./components/error-summary/error-summary-item.js');
 var errorSummaryHeading = require('./components/error-summary/error-summary-heading.js');
-var errorSummaryList = require('./components/error-summary/error-summary-list.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 fieldDescription = require('./components/field/field-description.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 fieldsetLegend = require('./components/fieldset/fieldset-legend.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 lists = require('./components/list/lists.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 paginationList = require('./components/pagination/pagination-list.js');
-var paginationItem = require('./components/pagination/pagination-item.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 popoverTriggerContext = require('./components/popover/popover-trigger-context.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 searchClear = require('./components/search/search-clear.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$e = require('./components/search/index.js');
 var index$f = require('./components/select/index.js');
-var selectOption = require('./components/select/select-option.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 suggestionChips = require('./components/suggestion/suggestion-chips.js');
-var suggestionList = require('./components/suggestion/suggestion-list.js');
-var suggestionInput = require('./components/suggestion/suggestion-input.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 suggestionClear = require('./components/suggestion/suggestion-clear.js');
 var _switch = require('./components/switch/switch.js');
 var index$h = require('./components/table/index.js');
-var tableHead = require('./components/table/table-head.js');
 var tableBody = require('./components/table/table-body.js');
-var tableRow = require('./components/table/table-row.js');
 var tableCell = require('./components/table/table-cell.js');
-var tableHeaderCell = require('./components/table/table-header-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 tabsTab = require('./components/tabs/tabs-tab.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');
@@ -116,13 +116,13 @@ exports.Avatar = avatar.Avatar;
 exports.Badge = index.Badge;
 exports.BadgePosition = badgePosition.BadgePosition;
 exports.Breadcrumbs = index$1.Breadcrumbs;
-exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
 exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
 exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
+exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
 exports.Button = button.Button;
 exports.Combobox = index$2.Combobox;
-exports.ComboboxOption = Option.ComboboxOption;
 exports.ComboboxEmpty = Empty.ComboboxEmpty;
+exports.ComboboxOption = Option.ComboboxOption;
 exports.Card = index$3.Card;
 exports.CardBlock = cardBlock.CardBlock;
 exports.Checkbox = checkbox.Checkbox;
@@ -136,75 +136,75 @@ exports.DetailsContent = detailsContent.DetailsContent;
 exports.DetailsSummary = detailsSummary.DetailsSummary;
 exports.Dialog = index$6.Dialog;
 exports.DialogBlock = dialogBlock.DialogBlock;
-exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
 exports.DialogTrigger = dialogTrigger.DialogTrigger;
+exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
 exports.Divider = divider.Divider;
 exports.Dropdown = index$7.Dropdown;
-exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
-exports.DropdownList = dropdownList.DropdownList;
+exports.DropdownButton = dropdownButton.DropdownButton;
 exports.DropdownHeading = dropdownHeading.DropdownHeading;
 exports.DropdownItem = dropdownItem.DropdownItem;
-exports.DropdownButton = dropdownButton.DropdownButton;
+exports.DropdownList = dropdownList.DropdownList;
 exports.DropdownTrigger = dropdownTrigger.DropdownTrigger;
+exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
 exports.ErrorSummary = index$8.ErrorSummary;
-exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
 exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
-exports.ErrorSummaryList = errorSummaryList.ErrorSummaryList;
+exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
 exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
+exports.ErrorSummaryList = errorSummaryList.ErrorSummaryList;
 exports.Field = index$9.Field;
-exports.FieldDescription = fieldDescription.FieldDescription;
 exports.FieldAffix = fieldAffix.FieldAffix;
 exports.FieldAffixes = fieldAffix.FieldAffixes;
 exports.FieldCounter = fieldCounter.FieldCounter;
+exports.FieldDescription = fieldDescription.FieldDescription;
 exports.Fieldset = index$a.Fieldset;
-exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
 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.ListItem = listItem.ListItem;
 exports.Pagination = index$c.Pagination;
-exports.PaginationList = paginationList.PaginationList;
-exports.PaginationItem = paginationItem.PaginationItem;
 exports.PaginationButton = paginationButton.PaginationButton;
+exports.PaginationItem = paginationItem.PaginationItem;
+exports.PaginationList = paginationList.PaginationList;
 exports.Paragraph = paragraph.Paragraph;
 exports.Popover = index$d.Popover;
-exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
+exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
 exports.Radio = radio.Radio;
-exports.SearchClear = searchClear.SearchClear;
+exports.Search = index$e.Search;
 exports.SearchButton = searchButton.SearchButton;
+exports.SearchClear = searchClear.SearchClear;
 exports.SearchInput = searchInput.SearchInput;
-exports.Search = index$e.Search;
 exports.Select = index$f.Select;
-exports.SelectOption = selectOption.SelectOption;
 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_SuggestionChips = suggestionChips.SuggestionChips;
-exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
-exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
+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.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
 exports.Switch = _switch.Switch;
 exports.Table = index$h.Table;
-exports.TableHead = tableHead.TableHead;
 exports.TableBody = tableBody.TableBody;
-exports.TableRow = tableRow.TableRow;
 exports.TableCell = tableCell.TableCell;
-exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
 exports.TableFoot = tableFoot.TableFoot;
+exports.TableHead = tableHead.TableHead;
+exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
+exports.TableRow = tableRow.TableRow;
 exports.Tabs = index$i.Tabs;
-exports.TabsTab = tabsTab.TabsTab;
 exports.TabsList = tabsList.TabsList;
 exports.TabsPanel = tabsPanel.TabsPanel;
+exports.TabsTab = tabsTab.TabsTab;
 exports.Tag = tag.Tag;
 exports.Textarea = textarea.Textarea;
 exports.Textfield = textfield.Textfield;

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

@@ -4,6 +4,8 @@ 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';
 import { ComboboxCustom } from './Custom.js';
@@ -17,8 +19,6 @@ 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 { Spinner } from '../spinner/spinner.js';
-import { omit } from '../../utilities/omit/omit.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 { Label } from '../label/label.js';
-import { omit } from '../../utilities/omit/omit.js';
 
 const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
     if (interactive && !id) {

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

@@ -2,8 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
 import { forwardRef, useContext } from 'react';
-import { ComboboxContext } from './ComboboxContext.js';
 import { Label } from '../label/label.js';
+import { ComboboxContext } from './ComboboxContext.js';
 
 const ComboboxEmpty = forwardRef(({ children, className, ...rest }, ref) => {
     const context = useContext(ComboboxContext);