@digdir/designsystemet-react 1.0.7 → 1.1.0

package/dist/cjs/index.js

@@ -1,83 +1,84 @@
 'use client';
 'use strict';
 
+var Alert = require('./components/Alert/Alert.js');
 var Avatar = require('./components/Avatar/Avatar.js');
-var Button = require('./components/Button/Button.js');
 var index = require('./components/Badge/index.js');
 var BadgePosition = require('./components/Badge/BadgePosition.js');
 var index$1 = require('./components/Breadcrumbs/index.js');
 var BreadcrumbsList = require('./components/Breadcrumbs/BreadcrumbsList.js');
 var BreadcrumbsItem = require('./components/Breadcrumbs/BreadcrumbsItem.js');
 var BreadcrumbsLink = require('./components/Breadcrumbs/BreadcrumbsLink.js');
-var Spinner = require('./components/Spinner/Spinner.js');
-var Skeleton = require('./components/Skeleton/Skeleton.js');
-var Link = require('./components/Link/Link.js');
-var index$2 = require('./components/List/index.js');
-var Lists = require('./components/List/Lists.js');
-var ListItem = require('./components/List/ListItem.js');
-var Label = require('./components/Label/Label.js');
-var Heading = require('./components/Heading/Heading.js');
-var Paragraph = require('./components/Paragraph/Paragraph.js');
-var ValidationMessage = require('./components/ValidationMessage/ValidationMessage.js');
-var index$3 = require('./components/Details/index.js');
+var Button = require('./components/Button/Button.js');
+var index$2 = require('./components/Card/index.js');
+var CardBlock = require('./components/Card/CardBlock.js');
+var Checkbox = require('./components/Checkbox/Checkbox.js');
+var index$3 = require('./components/Chip/index.js');
+var Chips = require('./components/Chip/Chips.js');
+var index$4 = require('./components/Combobox/index.js');
+var Option = require('./components/Combobox/Option/Option.js');
+var Empty = require('./components/Combobox/Empty.js');
+var index$5 = require('./components/Details/index.js');
 var DetailsContent = require('./components/Details/DetailsContent.js');
 var DetailsSummary = require('./components/Details/DetailsSummary.js');
-var index$4 = require('./components/Select/index.js');
-var SelectOption = require('./components/Select/SelectOption.js');
-var SelectOptgroup = require('./components/Select/SelectOptgroup.js');
-var Alert = require('./components/Alert/Alert.js');
-var Tag = require('./components/Tag/Tag.js');
-var index$5 = require('./components/Chip/index.js');
-var Chips = require('./components/Chip/Chips.js');
-var index$6 = require('./components/Pagination/index.js');
-var PaginationList = require('./components/Pagination/PaginationList.js');
-var PaginationItem = require('./components/Pagination/PaginationItem.js');
-var PaginationButton = require('./components/Pagination/PaginationButton.js');
-var SkipLink = require('./components/SkipLink/SkipLink.js');
-var Tooltip = require('./components/Tooltip/Tooltip.js');
-var index$7 = require('./components/Field/index.js');
-var FieldDescription = require('./components/Field/FieldDescription.js');
-var FieldAffix = require('./components/Field/FieldAffix.js');
-var FieldCounter = require('./components/Field/FieldCounter.js');
-var Checkbox = require('./components/Checkbox/Checkbox.js');
-var Radio = require('./components/Radio/Radio.js');
-var index$8 = require('./components/Fieldset/index.js');
-var FieldsetLegend = require('./components/Fieldset/FieldsetLegend.js');
-var FieldsetDescription = require('./components/Fieldset/FieldsetDescription.js');
-var Switch = require('./components/Switch/Switch.js');
-var Textfield = require('./components/Textfield/Textfield.js');
-var Textarea = require('./components/Textarea/Textarea.js');
-var Input = require('./components/Input/Input.js');
-var index$9 = require('./components/Tabs/index.js');
-var TabsTab = require('./components/Tabs/TabsTab.js');
-var TabsList = require('./components/Tabs/TabsList.js');
-var TabsPanel = require('./components/Tabs/TabsPanel.js');
-var index$a = require('./components/ToggleGroup/index.js');
-var ToggleGroupItem = require('./components/ToggleGroup/ToggleGroupItem.js');
-var index$b = require('./components/Popover/index.js');
-var PopoverTriggerContext = require('./components/Popover/PopoverTriggerContext.js');
-var PopoverTrigger = require('./components/Popover/PopoverTrigger.js');
-var Divider = require('./components/Divider/Divider.js');
-var index$c = require('./components/Dialog/index.js');
+var index$6 = require('./components/Dialog/index.js');
 var DialogBlock = require('./components/Dialog/DialogBlock.js');
 var DialogTriggerContext = require('./components/Dialog/DialogTriggerContext.js');
 var DialogTrigger = require('./components/Dialog/DialogTrigger.js');
-var index$d = require('./components/Dropdown/index.js');
+var Divider = require('./components/Divider/Divider.js');
+var index$7 = require('./components/Dropdown/index.js');
 var DropdownTriggerContext = require('./components/Dropdown/DropdownTriggerContext.js');
 var DropdownList = require('./components/Dropdown/DropdownList.js');
 var DropdownHeading = require('./components/Dropdown/DropdownHeading.js');
 var DropdownItem = require('./components/Dropdown/DropdownItem.js');
 var DropdownButton = require('./components/Dropdown/DropdownButton.js');
 var DropdownTrigger = require('./components/Dropdown/DropdownTrigger.js');
+var index$8 = require('./components/ErrorSummary/index.js');
+var ErrorSummaryItem = require('./components/ErrorSummary/ErrorSummaryItem.js');
+var ErrorSummaryHeading = require('./components/ErrorSummary/ErrorSummaryHeading.js');
+var ErrorSummaryList = require('./components/ErrorSummary/ErrorSummaryList.js');
+var ErrorSummaryLink = require('./components/ErrorSummary/ErrorSummaryLink.js');
+var index$9 = require('./components/Field/index.js');
+var FieldDescription = require('./components/Field/FieldDescription.js');
+var FieldAffix = require('./components/Field/FieldAffix.js');
+var FieldCounter = require('./components/Field/FieldCounter.js');
+var index$a = require('./components/Fieldset/index.js');
+var FieldsetLegend = require('./components/Fieldset/FieldsetLegend.js');
+var FieldsetDescription = require('./components/Fieldset/FieldsetDescription.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/ListItem.js');
+var index$c = require('./components/Pagination/index.js');
+var PaginationList = require('./components/Pagination/PaginationList.js');
+var PaginationItem = require('./components/Pagination/PaginationItem.js');
+var PaginationButton = require('./components/Pagination/PaginationButton.js');
+var Paragraph = require('./components/Paragraph/Paragraph.js');
+var index$d = require('./components/Popover/index.js');
+var PopoverTriggerContext = require('./components/Popover/PopoverTriggerContext.js');
+var PopoverTrigger = require('./components/Popover/PopoverTrigger.js');
+var Radio = require('./components/Radio/Radio.js');
 var SearchClear = require('./components/Search/SearchClear.js');
 var SearchButton = require('./components/Search/SearchButton.js');
 var SearchInput = require('./components/Search/SearchInput.js');
 var index$e = require('./components/Search/index.js');
-var index$f = require('./components/Card/index.js');
-var CardBlock = require('./components/Card/CardBlock.js');
-var index$g = require('./components/Combobox/index.js');
-var Option = require('./components/Combobox/Option/Option.js');
-var Empty = require('./components/Combobox/Empty.js');
+var index$f = require('./components/Select/index.js');
+var SelectOption = require('./components/Select/SelectOption.js');
+var SelectOptgroup = require('./components/Select/SelectOptgroup.js');
+var Skeleton = require('./components/Skeleton/Skeleton.js');
+var SkipLink = require('./components/SkipLink/SkipLink.js');
+var Spinner = require('./components/Spinner/Spinner.js');
+var index$g = require('./components/Suggestion/index.js');
+var SuggestionChips = require('./components/Suggestion/SuggestionChips.js');
+var SuggestionList = require('./components/Suggestion/SuggestionList.js');
+var SuggestionInput = require('./components/Suggestion/SuggestionInput.js');
+var SuggestionEmpty = require('./components/Suggestion/SuggestionEmpty.js');
+var SuggestionOption = require('./components/Suggestion/SuggestionOption.js');
+var SuggestionClear = require('./components/Suggestion/SuggestionClear.js');
+var Switch = require('./components/Switch/Switch.js');
 var index$h = require('./components/Table/index.js');
 var TableHead = require('./components/Table/TableHead.js');
 var TableBody = require('./components/Table/TableBody.js');
@@ -85,120 +86,114 @@ var TableRow = require('./components/Table/TableRow.js');
 var TableCell = require('./components/Table/TableCell.js');
 var TableHeaderCell = require('./components/Table/TableHeaderCell.js');
 var TableFoot = require('./components/Table/TableFoot.js');
-var index$i = require('./components/ErrorSummary/index.js');
-var ErrorSummaryItem = require('./components/ErrorSummary/ErrorSummaryItem.js');
-var ErrorSummaryHeading = require('./components/ErrorSummary/ErrorSummaryHeading.js');
-var ErrorSummaryList = require('./components/ErrorSummary/ErrorSummaryList.js');
-var ErrorSummaryLink = require('./components/ErrorSummary/ErrorSummaryLink.js');
-var index$j = require('./components/Suggestion/index.js');
-var SuggestionList = require('./components/Suggestion/SuggestionList.js');
-var SuggestionInput = require('./components/Suggestion/SuggestionInput.js');
-var SuggestionEmpty = require('./components/Suggestion/SuggestionEmpty.js');
-var SuggestionOption = require('./components/Suggestion/SuggestionOption.js');
-var SuggestionClear = require('./components/Suggestion/SuggestionClear.js');
-var index$k = require('./components/MultiSuggestion/index.js');
-var MultiSuggestionInput = require('./components/MultiSuggestion/MultiSuggestionInput.js');
-var MultiSuggestionList = require('./components/MultiSuggestion/MultiSuggestionList.js');
-var MultiSuggestionOption = require('./components/MultiSuggestion/MultiSuggestionOption.js');
-var MultiSuggestionChips = require('./components/MultiSuggestion/MultiSuggestionChips.js');
-var MultiSuggestionEmpty = require('./components/MultiSuggestion/MultiSuggestionEmpty.js');
-var MultiSuggestionClear = require('./components/MultiSuggestion/MultiSuggestionClear.js');
+var index$i = require('./components/Tabs/index.js');
+var TabsTab = require('./components/Tabs/TabsTab.js');
+var TabsList = require('./components/Tabs/TabsList.js');
+var TabsPanel = require('./components/Tabs/TabsPanel.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/ToggleGroup/index.js');
+var ToggleGroupItem = require('./components/ToggleGroup/ToggleGroupItem.js');
+var Tooltip = require('./components/Tooltip/Tooltip.js');
+var ValidationMessage = require('./components/ValidationMessage/ValidationMessage.js');
 var useCheckboxGroup = require('./utilities/hooks/useCheckboxGroup/useCheckboxGroup.js');
-var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
-var usePagination = require('./utilities/hooks/usePagination/usePagination.js');
 var useDebounceCallback = require('./utilities/hooks/useDebounceCallback/useDebounceCallback.js');
 var useIsomorphicLayoutEffect = require('./utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
 var useMediaQuery = require('./utilities/hooks/useMediaQuery/useMediaQuery.js');
+var usePagination = require('./utilities/hooks/usePagination/usePagination.js');
+var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
 var useSynchronizedAnimation = require('./utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
 var omit = require('./utilities/omit/omit.js');
+var RovingFocusItem = require('./utilities/RovingFocus/RovingFocusItem.js');
 var RovingFocusRoot = require('./utilities/RovingFocus/RovingFocusRoot.js');
 var useRovingFocus = require('./utilities/RovingFocus/useRovingFocus.js');
-var RovingFocusItem = require('./utilities/RovingFocus/RovingFocusItem.js');
 
 
 
+exports.Alert = Alert.Alert;
 exports.Avatar = Avatar.Avatar;
-exports.Button = Button.Button;
 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.Spinner = Spinner.Spinner;
-exports.Skeleton = Skeleton.Skeleton;
-exports.Link = Link.Link;
-exports.List = index$2.List;
-exports.ListOrdered = Lists.ListOrdered;
-exports.ListUnordered = Lists.ListUnordered;
-exports.ListItem = ListItem.ListItem;
-exports.Label = Label.Label;
-exports.Heading = Heading.Heading;
-exports.Paragraph = Paragraph.Paragraph;
-exports.ValidationMessage = ValidationMessage.ValidationMessage;
-exports.Details = index$3.Details;
-exports.DetailsContent = DetailsContent.DetailsContent;
-exports.DetailsSummary = DetailsSummary.DetailsSummary;
-exports.Select = index$4.Select;
-exports.SelectOption = SelectOption.SelectOption;
-exports.SelectOptgroup = SelectOptgroup.SelectOptgroup;
-exports.Alert = Alert.Alert;
-exports.Tag = Tag.Tag;
-exports.Chip = index$5.Chip;
+exports.Button = Button.Button;
+exports.Card = index$2.Card;
+exports.CardBlock = CardBlock.CardBlock;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Chip = index$3.Chip;
 exports.ChipButton = Chips.ChipButton;
 exports.ChipCheckbox = Chips.ChipCheckbox;
 exports.ChipRadio = Chips.ChipRadio;
 exports.ChipRemovable = Chips.ChipRemovable;
-exports.Pagination = index$6.Pagination;
-exports.PaginationList = PaginationList.PaginationList;
-exports.PaginationItem = PaginationItem.PaginationItem;
-exports.PaginationButton = PaginationButton.PaginationButton;
-exports.SkipLink = SkipLink.SkipLink;
-exports.Tooltip = Tooltip.Tooltip;
-exports.Field = index$7.Field;
-exports.FieldDescription = FieldDescription.FieldDescription;
-exports.FieldAffix = FieldAffix.FieldAffix;
-exports.FieldAffixes = FieldAffix.FieldAffixes;
-exports.FieldCounter = FieldCounter.FieldCounter;
-exports.Checkbox = Checkbox.Checkbox;
-exports.Radio = Radio.Radio;
-exports.Fieldset = index$8.Fieldset;
-exports.FieldsetLegend = FieldsetLegend.FieldsetLegend;
-exports.FieldsetDescription = FieldsetDescription.FieldsetDescription;
-exports.Switch = Switch.Switch;
-exports.Textfield = Textfield.Textfield;
-exports.Textarea = Textarea.Textarea;
-exports.Input = Input.Input;
-exports.Tabs = index$9.Tabs;
-exports.TabsTab = TabsTab.TabsTab;
-exports.TabsList = TabsList.TabsList;
-exports.TabsPanel = TabsPanel.TabsPanel;
-exports.ToggleGroup = index$a.ToggleGroup;
-exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
-exports.Popover = index$b.Popover;
-exports.PopoverTriggerContext = PopoverTriggerContext.PopoverTriggerContext;
-exports.PopoverTrigger = PopoverTrigger.PopoverTrigger;
-exports.Divider = Divider.Divider;
-exports.Dialog = index$c.Dialog;
+exports.Combobox = index$4.Combobox;
+exports.ComboboxOption = Option.ComboboxOption;
+exports.ComboboxEmpty = Empty.ComboboxEmpty;
+exports.Details = index$5.Details;
+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.Dropdown = index$d.Dropdown;
+exports.Divider = Divider.Divider;
+exports.Dropdown = index$7.Dropdown;
 exports.DropdownTriggerContext = DropdownTriggerContext.DropdownTriggerContext;
 exports.DropdownList = DropdownList.DropdownList;
 exports.DropdownHeading = DropdownHeading.DropdownHeading;
 exports.DropdownItem = DropdownItem.DropdownItem;
 exports.DropdownButton = DropdownButton.DropdownButton;
 exports.DropdownTrigger = DropdownTrigger.DropdownTrigger;
+exports.ErrorSummary = index$8.ErrorSummary;
+exports.ErrorSummaryItem = ErrorSummaryItem.ErrorSummaryItem;
+exports.ErrorSummaryHeading = ErrorSummaryHeading.ErrorSummaryHeading;
+exports.ErrorSummaryList = ErrorSummaryList.ErrorSummaryList;
+exports.ErrorSummaryLink = ErrorSummaryLink.ErrorSummaryLink;
+exports.Field = index$9.Field;
+exports.FieldDescription = FieldDescription.FieldDescription;
+exports.FieldAffix = FieldAffix.FieldAffix;
+exports.FieldAffixes = FieldAffix.FieldAffixes;
+exports.FieldCounter = FieldCounter.FieldCounter;
+exports.Fieldset = index$a.Fieldset;
+exports.FieldsetLegend = FieldsetLegend.FieldsetLegend;
+exports.FieldsetDescription = FieldsetDescription.FieldsetDescription;
+exports.Heading = Heading.Heading;
+exports.Input = Input.Input;
+exports.Label = Label.Label;
+exports.Link = Link.Link;
+exports.List = index$b.List;
+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.Paragraph = Paragraph.Paragraph;
+exports.Popover = index$d.Popover;
+exports.PopoverTriggerContext = PopoverTriggerContext.PopoverTriggerContext;
+exports.PopoverTrigger = PopoverTrigger.PopoverTrigger;
+exports.Radio = Radio.Radio;
 exports.SearchClear = SearchClear.SearchClear;
 exports.SearchButton = SearchButton.SearchButton;
 exports.SearchInput = SearchInput.SearchInput;
 exports.Search = index$e.Search;
-exports.Card = index$f.Card;
-exports.CardBlock = CardBlock.CardBlock;
-exports.Combobox = index$g.Combobox;
-exports.ComboboxOption = Option.ComboboxOption;
-exports.ComboboxEmpty = Empty.ComboboxEmpty;
+exports.Select = index$f.Select;
+exports.SelectOption = SelectOption.SelectOption;
+exports.SelectOptgroup = SelectOptgroup.SelectOptgroup;
+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_SuggestionEmpty = SuggestionEmpty.SuggestionEmpty;
+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;
@@ -206,34 +201,27 @@ exports.TableRow = TableRow.TableRow;
 exports.TableCell = TableCell.TableCell;
 exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
 exports.TableFoot = TableFoot.TableFoot;
-exports.ErrorSummary = index$i.ErrorSummary;
-exports.ErrorSummaryItem = ErrorSummaryItem.ErrorSummaryItem;
-exports.ErrorSummaryHeading = ErrorSummaryHeading.ErrorSummaryHeading;
-exports.ErrorSummaryList = ErrorSummaryList.ErrorSummaryList;
-exports.ErrorSummaryLink = ErrorSummaryLink.ErrorSummaryLink;
-exports.EXPERIMENTAL_Suggestion = index$j.EXPERIMENTAL_Suggestion;
-exports.EXPERIMENTAL_SuggestionList = SuggestionList.SuggestionList;
-exports.EXPERIMENTAL_SuggestionInput = SuggestionInput.SuggestionInput;
-exports.EXPERIMENTAL_SuggestionEmpty = SuggestionEmpty.SuggestionEmpty;
-exports.EXPERIMENTAL_SuggestionOption = SuggestionOption.SuggestionOption;
-exports.EXPERIMENTAL_SuggestionClear = SuggestionClear.SuggestionClear;
-exports.EXPERIMENTAL_MultiSuggestion = index$k.EXPERIMENTAL_MultiSuggestion;
-exports.EXPERIMENTAL_MultiSuggestionInput = MultiSuggestionInput.MultiSuggestionInput;
-exports.EXPERIMENTAL_MultiSuggestionList = MultiSuggestionList.MultiSuggestionList;
-exports.EXPERIMENTAL_MultiSuggestionOption = MultiSuggestionOption.MultiSuggestionOption;
-exports.EXPERIMENTAL_MultiSuggestionChips = MultiSuggestionChips.MultiSuggestionChips;
-exports.EXPERIMENTAL_MultiSuggestionEmpty = MultiSuggestionEmpty.MultiSuggestionEmpty;
-exports.EXPERIMENTAL_MultiSuggestionClear = MultiSuggestionClear.MultiSuggestionClear;
+exports.Tabs = index$i.Tabs;
+exports.TabsTab = TabsTab.TabsTab;
+exports.TabsList = TabsList.TabsList;
+exports.TabsPanel = TabsPanel.TabsPanel;
+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;
 exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
-exports.useRadioGroup = useRadioGroup.useRadioGroup;
-exports.usePagination = usePagination.usePagination;
 exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
 exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.usePagination = usePagination.usePagination;
+exports.useRadioGroup = useRadioGroup.useRadioGroup;
 exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
 exports.omit = omit.omit;
-exports.RovingFocusRoot = RovingFocusRoot.RovingFocusRoot;
-exports.useRovingFocus = useRovingFocus.useRovingFocus;
 exports.RovingFocusItem = RovingFocusItem.RovingFocusItem;
 exports.getNextFocusableValue = RovingFocusItem.getNextFocusableValue;
 exports.getPrevFocusableValue = RovingFocusItem.getPrevFocusableValue;
+exports.RovingFocusRoot = RovingFocusRoot.RovingFocusRoot;
+exports.useRovingFocus = useRovingFocus.useRovingFocus;

package/dist/cjs/utilities/omit/omit.js

@@ -18,7 +18,7 @@ const omit = (names, obj) => {
         idx += 1;
     }
     for (const prop in obj) {
-        if (!Object.prototype.hasOwnProperty.call(index, prop)) {
+        if (!Object.hasOwn(index, prop)) {
             result[prop] = obj[prop];
         }
     }

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

@@ -4,7 +4,6 @@ import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import cl from 'clsx/lite';
 import { forwardRef, useRef, useState, useEffect } from 'react';
-import { useFormField } from './useFormField/useFormField.js';
 import { ComboboxContext } from './ComboboxContext.js';
 import { ComboboxIdProvider } from './ComboboxIdContext.js';
 import { ComboboxCustom } from './Custom.js';
@@ -15,6 +14,7 @@ import ComboboxNative from './internal/ComboboxNative.js';
 import { useCombobox } from './useCombobox.js';
 import { useComboboxKeyboard } from './useComboboxKeyboard.js';
 import { useFloatingCombobox } from './useFloatingCombobox.js';
+import { useFormField } from './useFormField/useFormField.js';
 import { prefix, setReactInputValue, removePrefix } from './utilities.js';
 import { useDebounceCallback } from '../../utilities/hooks/useDebounceCallback/useDebounceCallback.js';
 import { Spinner } from '../Spinner/Spinner.js';

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

@@ -19,7 +19,7 @@ const ComboboxIdReducer = (state, action) => {
 const ComboboxIdDispatch = createContext(() => {
     throw new Error('ComboboxIdDispatch must be used within a provider');
 });
-const ComboboxIdProvider = ({ children, }) => {
+const ComboboxIdProvider = ({ children }) => {
     const [state, dispatch] = useReducer(ComboboxIdReducer, {
         activeIndex: 0,
     });

package/dist/esm/components/Field/Field.js

@@ -1,5 +1,6 @@
 'use client';
 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 './fieldObserver.js';
@@ -16,11 +17,12 @@ import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js
  *   <ValidationMessage>Feilmelding</ValidationMessage>
  * </Field>
  */
-const Field = forwardRef(function Field({ className, position, ...rest }, ref) {
+const Field = forwardRef(function Field({ className, position, asChild, ...rest }, ref) {
+    const Component = asChild ? Slot : 'div';
     const fieldRef = useRef(null);
     const mergedRefs = useMergeRefs([fieldRef, ref]);
     useEffect(() => fieldObserver(fieldRef.current), []);
-    return (jsx("div", { className: cl('ds-field', className), "data-position": position, ref: mergedRefs, ...rest }));
+    return (jsx(Component, { className: cl('ds-field', className), "data-position": position, ref: mergedRefs, ...rest }));
 });
 
 export { Field };

package/dist/esm/components/Suggestion/Suggestion.js

@@ -1,51 +1,82 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { getDatalistValue, syncDatalistState } from '@u-elements/u-datalist';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, createContext, useRef, useState, useEffect, useCallback } from 'react';
+import '@u-elements/u-combobox';
 import cl from 'clsx/lite';
-import { forwardRef, createContext, useState, useId, useRef, useCallback } from 'react';
+import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
 
-const SuggestionContext = createContext({});
-/**
- * A component that provides a suggestion list for an input field.
- *
- * @example
- * <Suggestion>
- *   <Suggestion.Input />
- *   <Suggestion.Clear />
- *   <Suggestion.List>
- *     <Suggestion.Empty>Tomt</Suggestion.Empty>
- *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
- *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
- *   </Suggestion.List>
- * </Suggestion>
- */
-const Suggestion = forwardRef(function Suggestion({ className, filter = true, asChild, ...rest }, ref) {
-    const Component = asChild ? Slot : 'div';
-    const [listId, setListId] = useState(useId());
-    const inputRef = useRef(null);
-    const handleFilter = useCallback((input) => {
-        const list = input?.list;
-        // Let <datalist> handle filtering if filter is true
-        if (filter === true || !list)
-            return;
-        // Handle custom filter
-        if (filter !== false) {
-            let index = 0;
-            for (const option of list.getElementsByTagName('u-option')) {
-                if (!option.hasAttribute('data-empty'))
-                    option.disabled = !filter({
-                        index: index++, // Increment index for each <option>
-                        input,
-                        optionElement: option,
-                        text: option.text,
-                        value: getDatalistValue(option),
-                    });
+const SuggestionContext = createContext({
+    handleFilter: () => undefined,
+});
+const text = (el) => el.textContent?.trim() || '';
+const sanitizeItems = (values = []) => typeof values === 'string'
+    ? [{ label: values, value: values }]
+    : values.map((value) => typeof value === 'string'
+        ? { label: value, value }
+        : {
+            label: value.label || value.value || '',
+            value: value.value || '',
+        });
+const nextItems = (data, prev, multiple) => {
+    const item = { label: text(data), value: data.value };
+    if (!multiple)
+        return data.isConnected ? [] : [item];
+    return data.isConnected
+        ? sanitizeItems(prev).filter(({ value }) => value !== item.value)
+        : [...sanitizeItems(prev), item];
+};
+const defaultFilter = ({ label, input }) => label.toLowerCase().includes(input.value.trim().toLowerCase());
+const Suggestion = forwardRef(function Suggestion({ children, className, creatable = false, defaultValue, filter = true, multiple = false, name, onValueChange, value, ...rest }, ref) {
+    const uComboboxRef = useRef(null);
+    const isContolled = value !== undefined;
+    const mergedRefs = useMergeRefs([ref, uComboboxRef]);
+    const [isEmpty, setIsEmpty] = useState(false);
+    const [selectedItems, setSelectedItems] = useState(sanitizeItems(defaultValue || value));
+    // Update if controlled values
+    const prevControlled = useRef(value);
+    if (value !== prevControlled.current) {
+        prevControlled.current = value;
+        setSelectedItems(sanitizeItems(prevControlled.current));
+    }
+    /**
+     * Listerners and handling of adding/removing
+     */
+    useEffect(() => {
+        const combobox = uComboboxRef.current;
+        const beforeChange = (event) => {
+            event.preventDefault();
+            const multiple = combobox?.multiple;
+            const data = event.detail;
+            if (isContolled)
+                onValueChange?.(nextItems(data, prevControlled.current, multiple));
+            else
+                setSelectedItems((prevItems) => nextItems(data, prevItems, multiple));
+        };
+        combobox?.addEventListener('beforechange', beforeChange);
+        return () => combobox?.removeEventListener('beforechange', beforeChange);
+    }, [isContolled, setSelectedItems]);
+    const handleFilter = useCallback(() => {
+        const { control: input, options = [] } = uComboboxRef?.current || {};
+        const filterFn = filter === true ? defaultFilter : filter;
+        let disabled = 0;
+        let index = 0;
+        for (const option of options)
+            if (!option.hasAttribute('data-empty')) {
+                if (filterFn && input)
+                    option.disabled =
+                        !filterFn({
+                            index,
+                            input,
+                            label: option.label,
+                            optionElement: option,
+                            text: option.text,
+                            value: option.value,
+                        }) && Boolean(++disabled);
+                index++; // Increment index for each <option>
             }
-        }
-        syncDatalistState(input); // Sync the datalist state if filter is custom or false
+        setIsEmpty(index === disabled);
     }, [filter]);
-    return (jsx(SuggestionContext.Provider, { value: { inputRef, listId, setListId, handleFilter }, children: jsx(Component, { className: cl('ds-suggestion', className), ref: ref, ...rest }) }));
+    return (jsx(SuggestionContext.Provider, { value: { isEmpty, selectedItems, handleFilter }, children: jsxs("u-combobox", { "data-multiple": multiple || undefined, "data-creatable": creatable || undefined, class: cl('ds-suggestion', className), ref: mergedRefs, ...rest, children: [children, !!name && jsx("select", { name: name, multiple: true, hidden: true })] }) }));
 });
 
 export { Suggestion, SuggestionContext };

package/dist/esm/components/Suggestion/SuggestionChips.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { Chip } from '../Chip/index.js';
+import { SuggestionContext } from './Suggestion.js';
+
+const SuggestionChips = ({ render = ({ label }) => label, }) => {
+    const { selectedItems = [] } = useContext(SuggestionContext);
+    return (jsx(Fragment, { children: selectedItems.map((item) => (jsx(Chip.Removable, { value: item.value, asChild: true, children: jsx("data", { children: render(item) }) }, item.value))) }));
+};
+SuggestionChips.displayName = 'SuggestionChips';
+
+export { SuggestionChips };