@digdir/designsystemet-react 0.0.0-next-20250710132619 → 0.0.0-react-side-effects-20260113071010

package/dist/cjs/index.js

@@ -4,224 +4,219 @@
 var alert = require('./components/alert/alert.js');
 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 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 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 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 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 suggestionChips = require('./components/suggestion/suggestion-chips.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');
-var useCheckboxGroup = require('./utilities/hooks/use-checkbox-group/use-checkbox-group.js');
-var useDebounceCallback = require('./utilities/hooks/use-debounce-callback/use-debounce-callback.js');
-var useIsomorphicLayoutEffect = require('./utilities/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
-var useMediaQuery = require('./utilities/hooks/use-media-query/use-media-query.js');
-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 omit = require('./utilities/omit/omit.js');
-var rovingFocusItem = require('./utilities/roving-focus/roving-focus-item.js');
-var rovingFocusRoot = require('./utilities/roving-focus/roving-focus-root.js');
-var useRovingFocus = require('./utilities/roving-focus/use-roving-focus.js');
 
 
 
 exports.Alert = alert.Alert;
 exports.Avatar = avatar.Avatar;
 exports.Badge = index.Badge;
-exports.BadgePosition = badgePosition.BadgePosition;
 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.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.RovingFocusItem = rovingFocusItem.RovingFocusItem;
+exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
+exports.BadgePosition = badgePosition.BadgePosition;
 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_SuggestionChips = suggestionChips.SuggestionChips;
 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;
-exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
-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.RovingFocusItem = rovingFocusItem.RovingFocusItem;
-exports.getNextFocusableValue = rovingFocusItem.getNextFocusableValue;
-exports.getPrevFocusableValue = rovingFocusItem.getPrevFocusableValue;
-exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
-exports.useRovingFocus = useRovingFocus.useRovingFocus;

package/dist/cjs/utilities/hooks/use-merge-refs/use-merge-refs.js

@@ -12,7 +12,7 @@ function useMergeRefs(refs) {
     const refEffect = react.useCallback((instance) => {
         const cleanups = refs.map((ref) => {
             if (ref == null) {
-                return;
+                return null;
             }
             if (typeof ref === 'function') {
                 const refCallback = ref;

package/dist/cjs/utilities/hooks/use-pagination/use-pagination.js

@@ -77,13 +77,13 @@ const usePagination = ({ currentPage = 1, setCurrentPage, onChange, totalPages =
         })),
         /** Properties to spread on Pagination.Button used for previous naviagation */
         prevButtonProps: {
-            'aria-disabled': !hasPrev, // Using aria-disabled to support all HTML elements because of potential asChild
+            'aria-hidden': !hasPrev, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(currentPage - 1),
             variant: 'tertiary',
         },
         /** Properties to spread on Pagination.Button used for next naviagation */
         nextButtonProps: {
-            'aria-disabled': !hasNext, // Using aria-disabled to support all HTML elements because of potential asChild
+            'aria-hidden': !hasNext, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(currentPage + 1),
             variant: 'tertiary',
         },

package/dist/cjs/utilities/hooks/use-synchronized-animation/use-synchronized-animation.js

@@ -2,10 +2,11 @@
 'use strict';
 
 var react = require('react');
-var useIsomorphicLayoutEffect = require('../use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
 
 // Inspired by Sam Selikoff
 // https://github.com/samselikoff/2022-02-24-use-synchronized-animation/blob/main/src/App.js
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
 /**
  * Synchronizes the css animation of multiple elements with the same `animationName`.
  *
@@ -20,7 +21,7 @@ var useIsomorphicLayoutEffect = require('../use-isomorphic-layout-effect/use-iso
  */
 function useSynchronizedAnimation(animationName) {
     const ref = react.useRef(null);
-    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         const animations = document
             .getAnimations()
             .filter((animation) => 'animationName' in animation &&
@@ -45,4 +46,5 @@ function useSynchronizedAnimation(animationName) {
     return ref;
 }
 
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useSynchronizedAnimation = useSynchronizedAnimation;

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/cjs/utilities/roving-focus/roving-focus-root.js

@@ -20,7 +20,8 @@ const RovingFocusContext = react.createContext({
 });
 const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation = 'horizontal', onBlur, onFocus, ...rest }, ref) => {
     const Component = asChild ? reactSlot.Slot : 'div';
-    const [focusableValue, setFocusableValue] = react.useState(null);
+    const activeValueOrNull = activeValue ?? null;
+    const [focusableValue, setFocusableValue] = react.useState(activeValueOrNull);
     const [isShiftTabbing, setIsShiftTabbing] = react.useState(false);
     const elements = react.useRef(new Map());
     const myRef = react.useRef(null);
@@ -34,8 +35,8 @@ const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation =
             .map(([value, element]) => ({ value, element }));
     };
     react.useEffect(() => {
-        setFocusableValue(activeValue ?? null);
-    }, [activeValue]);
+        setFocusableValue(activeValueOrNull);
+    }, [activeValueOrNull]);
     return (jsxRuntime.jsx(RovingFocusContext.Provider, { value: {
             elements,
             getOrderedItems,

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

@@ -1,10 +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 { omit } from '../../utilities/omit/omit.js';
+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';
@@ -13,12 +15,12 @@ import ComboboxError from './internal/ComboboxError.js';
 import ComboboxInput from './internal/ComboboxInput.js';
 import ComboboxLabel from './internal/ComboboxLabel.js';
 import ComboboxNative from './internal/ComboboxNative.js';
+import { omit } from './omit/omit.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/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/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 { omit } from './omit/omit.js';
 
 const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
     if (interactive && !id) {

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

@@ -2,9 +2,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import cl from 'clsx/lite';
 import { memo, forwardRef, useId, useContext, isValidElement } from 'react';
-import { omit } from '../../../utilities/omit/omit.js';
 import { Label } from '../../label/label.js';
 import { ComboboxContext } from '../ComboboxContext.js';
+import { omit } from '../omit/omit.js';
 import ComboboxOptionDescription from './Description.js';
 import { SelectedIcon } from './SelectedIcon.js';
 import { useComboboxOption } from './useComboboxOption.js';

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

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

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

@@ -4,10 +4,10 @@ import { useMergeRefs } from '@floating-ui/react';
 import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
 import cl from 'clsx/lite';
 import { useContext, useRef } from 'react';
-import { omit } from '../../../utilities/omit/omit.js';
 import { Paragraph } from '../../paragraph/paragraph.js';
 import { ComboboxContext } from '../ComboboxContext.js';
 import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
+import { omit } from '../omit/omit.js';
 import { prefix } from '../utilities.js';
 import ComboboxChips from './ComboboxChips.js';
 import ComboboxClearButton from './ComboboxClearButton.js';

package/dist/esm/{utilities → components/Combobox}/omit/omit.js

@@ -1,5 +1,7 @@
 'use client';
 /**
+ * @deprecated This function is deprecated. Use suggest using `omit` from dedicated utiility libraries or create your own utility function.
+ *
  * Returns a partial copy of an object omitting the keys specified.
  * @param {Array} names an array of String property names to omit from the new object
  * @param {Object} obj The object to copy from

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

@@ -63,6 +63,7 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
                 displayValue: props.displayValue,
                 description: props.description,
             };
+            return null;
         });
         return allOptions;
     }, [optionsChildren]);
@@ -93,7 +94,7 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
                 filteredOptions.push(option);
                 return optionsChildren[index];
             }
-            return;
+            return null;
         })
             .filter((child) => child);
         return { filteredOptions, filteredOptionsChildren };

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

@@ -1,6 +1,9 @@
 'use client';
+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';
-import { useDebounceCallback } from '../../utilities/hooks/use-debounce-callback/use-debounce-callback.js';
 
 const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }) => {
     const { activeIndex } = useComboboxId();

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

@@ -1,5 +1,5 @@
 'use client';
-import { Breadcrumbs as Breadcrumbs$1 } from './breadcrumbs.js';
+import { Breadcrumbs } from './breadcrumbs.js';
 import { BreadcrumbsItem } from './breadcrumbs-item.js';
 import { BreadcrumbsLink } from './breadcrumbs-link.js';
 import { BreadcrumbsList } from './breadcrumbs-list.js';
@@ -8,7 +8,7 @@ import { BreadcrumbsList } from './breadcrumbs-list.js';
  * `Breadcrumbs` is a component that displays a list of breadcrumbs.
  *
  * @example
- * <Breadcrumbs aria-label='Du er her:' {...args}>
+ * <Breadcrumbs aria-label='Du er her:'>
  *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
  *    Nivå 1
  *  </Breadcrumbs.Link>
@@ -22,13 +22,13 @@ import { BreadcrumbsList } from './breadcrumbs-list.js';
  *  </Breadcrumbs.List>
  * </Breadcrumbs>
  */
-const Breadcrumbs = Object.assign(Breadcrumbs$1, {
+const BreadcrumbsComponent = Object.assign(Breadcrumbs, {
     List: BreadcrumbsList,
     Item: BreadcrumbsItem,
     Link: BreadcrumbsLink,
 });
-Breadcrumbs.List.displayName = 'Breadcrumbs.List';
-Breadcrumbs.Item.displayName = 'Breadcrumbs.Item';
-Breadcrumbs.Link.displayName = 'Breadcrumbs.Link';
+BreadcrumbsComponent.List.displayName = 'Breadcrumbs.List';
+BreadcrumbsComponent.Item.displayName = 'Breadcrumbs.Item';
+BreadcrumbsComponent.Link.displayName = 'Breadcrumbs.Link';
 
-export { Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList };
+export { BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList };

package/dist/esm/components/button/button.js

@@ -17,7 +17,7 @@ const Button = forwardRef(function Button({ asChild, className, children, icon =
     return (jsxs(Component, { "aria-busy": Boolean(loading) || undefined, "aria-disabled": Boolean(loading) || undefined, className: cl('ds-button', className), "data-icon": icon || undefined, "data-variant": variant, ref: ref, 
         /* don't set type when we use `asChild` */
         type: asChild ? undefined : 'button', ...rest, children: [loading === true ? (jsx(Spinner, { "aria-hidden": 'true' })) : (loading // Allow custom loading spinner
-            ), jsx(Slottable, { children: children })] }));
+            ), jsx(Slottable, { children: icon && loading ? null : children })] }));
 });
 
 export { Button };

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

@@ -1,5 +1,5 @@
 'use client';
-import { Card as Card$1 } from './card.js';
+import { Card } from './card.js';
 import { CardBlock } from './card-block.js';
 
 /**
@@ -12,9 +12,9 @@ import { CardBlock } from './card-block.js';
  *  <Card.Block>Footer</Card.Block>
  * </Card>
  */
-const Card = Object.assign(Card$1, {
+const CardComponent = Object.assign(Card, {
     Block: CardBlock,
 });
-Card.Block.displayName = 'Card.Block';
+CardComponent.Block.displayName = 'Card.Block';
 
-export { Card, CardBlock };
+export { CardComponent as Card, CardBlock };

package/dist/esm/components/checkbox/checkbox.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Field } from '../field/index.js';
+import { Field as FieldComponent } from '../field/index.js';
 import { Input } from '../input/input.js';
 import { Label } from '../label/label.js';
 import { ValidationMessage } from '../validation-message/validation-message.js';
@@ -13,7 +13,7 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * <Checkbox label="I agree" value="agree" />
  */
 const Checkbox = forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, ...rest }, ref) {
-    return (jsxs(Field, { "data-size": size, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+    return (jsxs(FieldComponent, { "data-size": size, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Checkbox };