@digdir/designsystemet-react 1.9.0 → 1.10.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/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'

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();

package/dist/esm/components/chip/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { ChipRemovable, ChipRadio, ChipCheckbox, ChipButton } from './chips.js';
+import { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './chips.js';
 
 const ChipComponent = {
     Button: ChipButton,

package/dist/esm/components/details/details.js

@@ -2,8 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
 import { forwardRef, useRef, useEffect } from 'react';
-import '@u-elements/u-details';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import '@u-elements/u-details';
 
 /**
  * Details component, contains `Details.Summary` and `Details.Content` components.

package/dist/esm/components/dialog/dialog.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import { forwardRef, useContext, useRef, useEffect } from 'react';
+import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
 import { Button } from '../button/button.js';
 import { Context } from './dialog-trigger-context.js';
-import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
 
 /**
  * Dialog component, used to display a dialog dialog.

package/dist/esm/components/error-summary/error-summary.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
-import { forwardRef, createContext, useId, useState } from 'react';
+import { createContext, forwardRef, useId, useState } from 'react';
 
 const ErrorSummaryContext = createContext({
     headingId: 'heading',

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

@@ -1,10 +1,12 @@
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, 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 { Paragraph } from '../paragraph/paragraph.js';
 import { ValidationMessage } from '../validation-message/validation-message.js';
 import { isInputLike } from './field-observer.js';
-import { useDebounceCallback } from '../../utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
 
 const label = (text, count) => text.replace('%d', Math.abs(count).toString());
 /**

package/dist/esm/components/field/field.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import { forwardRef, useRef, useEffect } from 'react';
-import { fieldObserver } from './field-observer.js';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import { fieldObserver } from './field-observer.js';
 
 /**
  * Field component, used to wrap a form field.

package/dist/esm/components/list/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { ListItem } from './list-item.js';
-import { ListUnordered, ListOrdered } from './lists.js';
+import { ListOrdered, ListUnordered } from './lists.js';
 
 const ListComponent = {
     Item: ListItem,

package/dist/esm/components/popover/popover.js

@@ -4,8 +4,8 @@ import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/d
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import { forwardRef, useRef, useContext, useState, useEffect } from 'react';
-import { Context } from './popover-trigger-context.js';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import { Context } from './popover-trigger-context.js';
 
 /**
  * Popover component, used to display content in a popover over an element.

package/dist/esm/components/skeleton/skeleton.js

@@ -3,8 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import cl from 'clsx/lite';
 import { forwardRef } from 'react';
-import { useSynchronizedAnimation } from '../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import { useSynchronizedAnimation } from '../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js';
+import '../../utilities/roving-focus/roving-focus-item.js';
+import '../../utilities/roving-focus/roving-focus-root.js';
 
 /**
  * Skeleton is used to represent a draft of page while the content loads.

package/dist/esm/components/spinner/spinner.js

@@ -2,8 +2,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
 import { forwardRef } from 'react';
-import { useSynchronizedAnimation } from '../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import { useSynchronizedAnimation } from '../../utilities/hooks/use-synchronized-animation/use-synchronized-animation.js';
+import '../../utilities/roving-focus/roving-focus-item.js';
+import '../../utilities/roving-focus/roving-focus-root.js';
 
 /**
  * Spinner component used for indicating busy or indeterminate loading.

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

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext, useEffect } from 'react';
 import '@u-elements/u-datalist';
-import { autoUpdate, computePosition } from '@floating-ui/dom';
+import { autoUpdate, computePosition, flip, shift } from '@floating-ui/dom';
 import { SuggestionContext } from './suggestion.js';
 
 /**
@@ -16,7 +16,7 @@ import { SuggestionContext } from './suggestion.js';
  *   <Suggestion.List />
  * </Suggestion>
  */
-const SuggestionList = forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, ...rest }, ref) {
+const SuggestionList = forwardRef(function SuggestionList({ singular = '%d forslag', plural = '%d forslag', className, id, autoPlacement = true, ...rest }, ref) {
     const { handleFilter, uComboboxRef } = useContext(SuggestionContext);
     useEffect(handleFilter); // Must run on every render
     // Position with floating-ui
@@ -28,9 +28,22 @@ const SuggestionList = forwardRef(function SuggestionList({ singular = '%d forsl
                 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
+                            ? [
+                                flip({
+                                    fallbackAxisSideDirection: 'start',
+                                    fallbackPlacements: ['top'],
+                                }),
+                                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/esm/components/suggestion/suggestion.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, createContext, useRef, useId, useState, useEffect, useCallback } from 'react';
+import { forwardRef, useRef, useId, useState, useEffect, useCallback, createContext } from 'react';
 import '@u-elements/u-combobox';
 import cl from 'clsx/lite';
-import { Chip as ChipComponent } from '../chip/index.js';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import { Chip as ChipComponent } from '../chip/index.js';
 
 const text = (el) => el.textContent?.trim() || '';
 const sanitizeItems = (values = []) => typeof values === 'string'

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
+import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
 import { RovingFocusRoot } from '../../utilities/roving-focus/roving-focus-root.js';
 import { Context } from './tabs.js';
-import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
 
 /**
  * The container for all `Tab` components.

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext, useId, useState, useRef, useEffect } from 'react';
-import { Context } from './tabs.js';
 import { useMergeRefs } from '../../utilities/hooks/use-merge-refs/use-merge-refs.js';
+import { Context } from './tabs.js';
 
 /**
  * A single content item in a Tabs component.

package/dist/esm/components/tabs/tabs.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
-import { forwardRef, createContext, useRef, useState } from 'react';
+import { createContext, forwardRef, useRef, useState } from 'react';
 
 const Context = createContext({});
 /**

package/dist/esm/components/toggle-group/toggle-group.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
-import { forwardRef, useId, useState, createContext } from 'react';
+import { createContext, forwardRef, useId, useState } from 'react';
 import { RovingFocusRoot } from '../../utilities/roving-focus/roving-focus-root.js';
 
 const ToggleGroupContext = createContext({});

package/dist/esm/index.js

@@ -1,106 +1,107 @@
 'use client';
+export { Alert } from './components/alert/alert.js';
+export { Avatar } from './components/avatar/avatar.js';
+export { Badge } from './components/badge/index.js';
+export { Breadcrumbs } from './components/breadcrumbs/index.js';
+export { Button } from './components/button/button.js';
+export { Combobox } from './components/Combobox/index.js';
+export { Card } from './components/card/index.js';
+export { Checkbox } from './components/checkbox/checkbox.js';
+export { Chip } from './components/chip/index.js';
+export { Details } from './components/details/index.js';
+export { Dialog } from './components/dialog/index.js';
+export { Divider } from './components/divider/divider.js';
+export { Dropdown } from './components/dropdown/index.js';
+export { ErrorSummary } from './components/error-summary/index.js';
+export { Field } from './components/field/index.js';
+export { Fieldset } from './components/fieldset/index.js';
+export { Heading } from './components/heading/heading.js';
+export { Input } from './components/input/input.js';
+export { Label } from './components/label/label.js';
+export { Link } from './components/link/link.js';
+export { List } from './components/list/index.js';
+export { Pagination } from './components/pagination/index.js';
+export { Paragraph } from './components/paragraph/paragraph.js';
+export { Popover } from './components/popover/index.js';
+export { Radio } from './components/radio/radio.js';
+export { Search } from './components/search/index.js';
+export { Select } from './components/select/index.js';
+export { Skeleton } from './components/skeleton/skeleton.js';
+export { SkipLink } from './components/skip-link/skip-link.js';
+export { Spinner } from './components/spinner/spinner.js';
+export { EXPERIMENTAL_Suggestion } from './components/suggestion/index.js';
+export { Switch } from './components/switch/switch.js';
+export { Table } from './components/table/index.js';
+export { Tabs } from './components/tabs/index.js';
+export { Tag } from './components/tag/tag.js';
+export { Textarea } from './components/textarea/textarea.js';
+export { Textfield } from './components/textfield/textfield.js';
+export { ToggleGroup } from './components/toggle-group/index.js';
+export { Tooltip } from './components/tooltip/tooltip.js';
+export { ValidationMessage } from './components/validation-message/validation-message.js';
 export { omit } from './components/Combobox/omit/omit.js';
-export { RovingFocusItem } from './utilities/roving-focus/roving-focus-item.js';
-export { RovingFocusRoot } from './utilities/roving-focus/roving-focus-root.js';
-export { useCheckboxGroup } from './utilities/hooks/use-checkbox-group/use-checkbox-group.js';
 export { useDebounceCallback } from './utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
 export { useIsomorphicLayoutEffect } from './utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js';
 export { useMediaQuery } from './utilities/hooks/deprecated/use-media-query/use-media-query.js';
+export { useCheckboxGroup } from './utilities/hooks/use-checkbox-group/use-checkbox-group.js';
+import 'react';
 export { usePagination } from './utilities/hooks/use-pagination/use-pagination.js';
 export { useRadioGroup } from './utilities/hooks/use-radio-group/use-radio-group.js';
 export { useSynchronizedAnimation } from './utilities/hooks/use-synchronized-animation/use-synchronized-animation.js';
-export { Alert } from './components/alert/alert.js';
-export { Avatar } from './components/avatar/avatar.js';
-export { Badge } from './components/badge/index.js';
+export { RovingFocusItem } from './utilities/roving-focus/roving-focus-item.js';
+export { RovingFocusRoot } from './utilities/roving-focus/roving-focus-root.js';
 export { BadgePosition } from './components/badge/badge-position.js';
-export { Breadcrumbs } from './components/breadcrumbs/index.js';
 export { BreadcrumbsItem } from './components/breadcrumbs/breadcrumbs-item.js';
 export { BreadcrumbsLink } from './components/breadcrumbs/breadcrumbs-link.js';
 export { BreadcrumbsList } from './components/breadcrumbs/breadcrumbs-list.js';
-export { Button } from './components/button/button.js';
-export { Combobox } from './components/Combobox/index.js';
 export { ComboboxEmpty } from './components/Combobox/Empty.js';
 export { ComboboxOption } from './components/Combobox/Option/Option.js';
-export { Card } from './components/card/index.js';
 export { CardBlock } from './components/card/card-block.js';
-export { Checkbox } from './components/checkbox/checkbox.js';
-export { Chip } from './components/chip/index.js';
 export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/chip/chips.js';
-export { Details } from './components/details/index.js';
 export { DetailsContent } from './components/details/details-content.js';
 export { DetailsSummary } from './components/details/details-summary.js';
-export { Dialog } from './components/dialog/index.js';
 export { DialogBlock } from './components/dialog/dialog-block.js';
 export { DialogTrigger } from './components/dialog/dialog-trigger.js';
 export { DialogTriggerContext } from './components/dialog/dialog-trigger-context.js';
-export { Divider } from './components/divider/divider.js';
-export { Dropdown } from './components/dropdown/index.js';
 export { DropdownButton } from './components/dropdown/dropdown-button.js';
 export { DropdownHeading } from './components/dropdown/dropdown-heading.js';
 export { DropdownItem } from './components/dropdown/dropdown-item.js';
 export { DropdownList } from './components/dropdown/dropdown-list.js';
 export { DropdownTrigger } from './components/dropdown/dropdown-trigger.js';
 export { DropdownTriggerContext } from './components/dropdown/dropdown-trigger-context.js';
-export { ErrorSummary } from './components/error-summary/index.js';
 export { ErrorSummaryHeading } from './components/error-summary/error-summary-heading.js';
 export { ErrorSummaryItem } from './components/error-summary/error-summary-item.js';
 export { ErrorSummaryLink } from './components/error-summary/error-summary-link.js';
 export { ErrorSummaryList } from './components/error-summary/error-summary-list.js';
-export { Field } from './components/field/index.js';
 export { FieldAffix, FieldAffixes } from './components/field/field-affix.js';
 export { FieldCounter } from './components/field/field-counter.js';
 export { FieldDescription } from './components/field/field-description.js';
-export { Fieldset } from './components/fieldset/index.js';
 export { FieldsetDescription } from './components/fieldset/fieldset-description.js';
 export { FieldsetLegend } from './components/fieldset/fieldset-legend.js';
-export { Heading } from './components/heading/heading.js';
-export { Input } from './components/input/input.js';
-export { Label } from './components/label/label.js';
-export { Link } from './components/link/link.js';
-export { List } from './components/list/index.js';
 export { ListItem } from './components/list/list-item.js';
 export { ListOrdered, ListUnordered } from './components/list/lists.js';
-export { Pagination } from './components/pagination/index.js';
 export { PaginationButton } from './components/pagination/pagination-button.js';
 export { PaginationItem } from './components/pagination/pagination-item.js';
 export { PaginationList } from './components/pagination/pagination-list.js';
-export { Paragraph } from './components/paragraph/paragraph.js';
-export { Popover } from './components/popover/index.js';
 export { PopoverTrigger } from './components/popover/popover-trigger.js';
 export { PopoverTriggerContext } from './components/popover/popover-trigger-context.js';
-export { Radio } from './components/radio/radio.js';
-export { Search } from './components/search/index.js';
 export { SearchButton } from './components/search/search-button.js';
 export { SearchClear } from './components/search/search-clear.js';
 export { SearchInput } from './components/search/search-input.js';
-export { Select } from './components/select/index.js';
 export { SelectOptgroup } from './components/select/select-optgroup.js';
 export { SelectOption } from './components/select/select-option.js';
-export { Skeleton } from './components/skeleton/skeleton.js';
-export { SkipLink } from './components/skip-link/skip-link.js';
-export { Spinner } from './components/spinner/spinner.js';
-export { EXPERIMENTAL_Suggestion } from './components/suggestion/index.js';
 export { SuggestionClear as EXPERIMENTAL_SuggestionClear } from './components/suggestion/suggestion-clear.js';
 export { SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty } from './components/suggestion/suggestion-empty.js';
 export { SuggestionInput as EXPERIMENTAL_SuggestionInput } from './components/suggestion/suggestion-input.js';
 export { SuggestionList as EXPERIMENTAL_SuggestionList } from './components/suggestion/suggestion-list.js';
 export { SuggestionOption as EXPERIMENTAL_SuggestionOption } from './components/suggestion/suggestion-option.js';
-export { Switch } from './components/switch/switch.js';
-export { Table } from './components/table/index.js';
 export { TableBody } from './components/table/table-body.js';
 export { TableCell } from './components/table/table-cell.js';
 export { TableFoot } from './components/table/table-foot.js';
 export { TableHead } from './components/table/table-head.js';
 export { TableHeaderCell } from './components/table/table-header-cell.js';
 export { TableRow } from './components/table/table-row.js';
-export { Tabs } from './components/tabs/index.js';
 export { TabsList } from './components/tabs/tabs-list.js';
 export { TabsPanel } from './components/tabs/tabs-panel.js';
 export { TabsTab } from './components/tabs/tabs-tab.js';
-export { Tag } from './components/tag/tag.js';
-export { Textarea } from './components/textarea/textarea.js';
-export { Textfield } from './components/textfield/textfield.js';
-export { ToggleGroup } from './components/toggle-group/index.js';
 export { ToggleGroupItem } from './components/toggle-group/toggle-group-item.js';
-export { Tooltip } from './components/tooltip/tooltip.js';
-export { ValidationMessage } from './components/validation-message/validation-message.js';

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

@@ -2,8 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
-import { useRovingFocus } from './use-roving-focus.js';
 import { useMergeRefs } from '../hooks/use-merge-refs/use-merge-refs.js';
+import { useRovingFocus } from './use-roving-focus.js';
 
 /** Get the next focusable RovingFocusItem */
 function getNextFocusableValue(items, value) {

package/dist/esm/utilities/roving-focus/roving-focus-root.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import { forwardRef, useState, useRef, useEffect, createContext } from 'react';
+import { createContext, forwardRef, useState, useRef, useEffect } from 'react';
 import { useMergeRefs } from '../hooks/use-merge-refs/use-merge-refs.js';
 
 const RovingFocusContext = createContext({

package/dist/types/components/suggestion/suggestion-list.d.ts

@@ -13,6 +13,11 @@ export type SuggestionListProps = MergeRight<DefaultProps & HTMLAttributes<HTMLD
      * @default '%d forslag'
      */
     plural?: string;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
 }>;
 /**
  * Component that provides a Suggestion list.
@@ -25,7 +30,7 @@ export type SuggestionListProps = MergeRight<DefaultProps & HTMLAttributes<HTMLD
  *   <Suggestion.List />
  * </Suggestion>
  */
-export declare const SuggestionList: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDataListElement>, "singular" | "plural"> & {
+export declare const SuggestionList: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDataListElement>, "autoPlacement" | "singular" | "plural"> & {
     /**
      * The screen reader announcement for singular Suggestion, where %d is the number of Suggestions
      * @default '%d forslag'
@@ -36,5 +41,10 @@ export declare const SuggestionList: import("react").ForwardRefExoticComponent<O
      * @default '%d forslag'
      */
     plural?: string;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
 } & import("react").RefAttributes<HTMLDataListElement>>;
 //# sourceMappingURL=suggestion-list.d.ts.map

package/dist/types/components/suggestion/suggestion-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IAxBvB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;uDAuDjB,CAAC"}
+{"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAQhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IA7BvB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;IACf;;;OAGG;oBACa,OAAO;uDA2EzB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -24,7 +24,6 @@
       "types": "./dist/react-types.d.ts"
     }
   },
-  "sideEffects": false,
   "files": [
     "dist/**"
   ],
@@ -38,42 +37,40 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^7.35.1",
+    "@navikt/aksel-icons": "^7.37.0",
     "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-virtual": "^3.13.12",
+    "@tanstack/react-virtual": "^3.13.16",
     "@u-elements/u-combobox": "^1.0.5",
     "@u-elements/u-datalist": "^1.0.14",
     "@u-elements/u-details": "^0.1.5",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "^1.9.0"
+    "@digdir/designsystemet-types": "^1.10.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-vitest": "^9.1.16",
-    "@storybook/react-vite": "^9.1.16",
-    "@testing-library/dom": "^10.4.1",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "rimraf": "^6.1.2",
-    "rollup": "^4.53.3",
+    "rollup": "^4.54.0",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^9.1.16",
+    "storybook": "^10.1.11",
     "tsx": "4.21.0",
     "typescript": "^5.9.3",
-    "@digdir/designsystemet": "^1.9.0",
-    "@digdir/designsystemet-css": "^1.9.0"
+    "@digdir/designsystemet": "^1.10.0",
+    "@digdir/designsystemet-css": "^1.10.0"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
     "clean": "rimraf dist && rimraf tsc-build && rimraf --glob \"*.tsbuildinfo\"",
-    "copy-css-to-build": "copyfiles -u 1 ./src/**/*.css ./tsc-build/",
     "types": "tsc --noEmit"
   }
 }