@digdir/designsystemet-react 1.0.0-next.14 → 1.0.0-next.15

package/dist/cjs/components/Table/TableHeaderCell.js

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var akselIcons = require('@navikt/aksel-icons');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);

package/dist/cjs/components/Table/TableRow.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);

package/dist/cjs/components/Table/index.js

@@ -2,11 +2,11 @@
 'use strict';
 
 var Table$1 = require('./Table.js');
-var TableHead = require('./TableHead.js');
 var TableBody = require('./TableBody.js');
-var TableRow = require('./TableRow.js');
 var TableCell = require('./TableCell.js');
+var TableHead = require('./TableHead.js');
 var TableHeaderCell = require('./TableHeaderCell.js');
+var TableRow = require('./TableRow.js');
 
 const Table = Table$1.Table;
 Table.Head = TableHead.TableHead;
@@ -21,9 +21,9 @@ Table.Row.displayName = 'Table.Row';
 Table.Cell.displayName = 'Table.Cell';
 Table.HeaderCell.displayName = 'Table.HeaderCell';
 
-exports.TableHead = TableHead.TableHead;
 exports.TableBody = TableBody.TableBody;
-exports.TableRow = TableRow.TableRow;
 exports.TableCell = TableCell.TableCell;
+exports.TableHead = TableHead.TableHead;
 exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
+exports.TableRow = TableRow.TableRow;
 exports.Table = Table;

package/dist/cjs/components/Tabs/Tab.js

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
-var useTab = require('./useTab.js');
+var React = require('react');
 var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
+var useTab = require('./useTab.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
 /**

package/dist/cjs/components/Tabs/TabContent.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var TabsRoot = require('./TabsRoot.js');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 

package/dist/cjs/components/Tabs/TabList.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var TabsRoot = require('./TabsRoot.js');
 var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
 

package/dist/cjs/components/Tabs/TabsRoot.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 const TabsContext = React.createContext({});
 /**

package/dist/cjs/components/Tabs/index.js

@@ -1,10 +1,10 @@
 'use client';
 'use strict';
 
-var TabsRoot = require('./TabsRoot.js');
 var Tab = require('./Tab.js');
-var TabList = require('./TabList.js');
 var TabContent = require('./TabContent.js');
+var TabList = require('./TabList.js');
+var TabsRoot = require('./TabsRoot.js');
 
 /**
  * Display a group of tabs that can be toggled between.
@@ -32,8 +32,8 @@ Tabs.Tab.displayName = 'Tabs.Tab';
 Tabs.List.displayName = 'Tabs.List';
 Tabs.Content.displayName = 'Tabs.Content';
 
-exports.TabsRoot = TabsRoot.TabsRoot;
 exports.Tab = Tab.Tab;
-exports.TabList = TabList.TabList;
 exports.TabContent = TabContent.TabContent;
+exports.TabList = TabList.TabList;
+exports.TabsRoot = TabsRoot.TabsRoot;
 exports.Tabs = Tabs;

package/dist/cjs/components/Tag/Tag.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var Paragraph = require('../Typography/Paragraph/Paragraph.js');
 
 /**

package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../../node_modules/clsx/dist/lite.js');
-var useToggleGroupitem = require('./useToggleGroupitem.js');
+var React = require('react');
 var RovingFocusItem = require('../../../utilities/RovingFocus/RovingFocusItem.js');
+var useToggleGroupitem = require('./useToggleGroupitem.js');
 var Button = require('../../Button/Button.js');
 
 /**

package/dist/cjs/components/ToggleGroup/ToggleGroupRoot.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var RovingFocusRoot = require('../../utilities/RovingFocus/RovingFocusRoot.js');
 
 const ToggleGroupContext = React.createContext({});

package/dist/cjs/components/ToggleGroup/index.js

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var ToggleGroupRoot = require('./ToggleGroupRoot.js');
 var ToggleGroupItem = require('./ToggleGroupItem/ToggleGroupItem.js');
+var ToggleGroupRoot = require('./ToggleGroupRoot.js');
 
 /**
  * Display a group of buttons that can be toggled between.
@@ -21,6 +21,6 @@ ToggleGroup.Item = ToggleGroupItem.ToggleGroupItem;
 ToggleGroup.Root.displayName = 'ToggleGroup.Root';
 ToggleGroup.Item.displayName = 'ToggleGroup.Item';
 
-exports.ToggleGroupRoot = ToggleGroupRoot.ToggleGroupRoot;
 exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
+exports.ToggleGroupRoot = ToggleGroupRoot.ToggleGroupRoot;
 exports.ToggleGroup = ToggleGroup;

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
 var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var lite = require('../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
 var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var floatingUi_reactDom = require('../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');

package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /** Use `ErrorMessage` to display text as error message. */
 const ErrorMessage = React.forwardRef(({ size = 'md', className, spacing, asChild, error = true, ...rest }, ref) => {

package/dist/cjs/components/Typography/Heading/Heading.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /**
  * Use `Heading` to render h1-6 elements with heading text styles.

package/dist/cjs/components/Typography/Ingress/Ingress.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /**
  * Use `Ingress` to display text as ingress.

package/dist/cjs/components/Typography/Label/Label.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 /**
  * Use `Label` for labels.

package/dist/cjs/components/Typography/Paragraph/Paragraph.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 const lineHeightMap = {
     short: 'ds-line-height--sm',

package/dist/cjs/components/form/Checkbox/Checkbox.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var floatingUi_react = require('../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var useCheckbox = require('./useCheckbox.js');
 var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
 var omit = require('../../../utilities/omit/omit.js');

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

@@ -2,21 +2,22 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var floatingUi_react = require('../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
 var index = require('../../../node_modules/@tanstack/react-virtual/dist/esm/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var useFormField = require('../useFormField.js');
-var useCombobox = require('./useCombobox.js');
+var ComboboxContext = require('./ComboboxContext.js');
+var ComboboxIdContext = require('./ComboboxIdContext.js');
+var Custom = require('./Custom.js');
+var ComboboxError = require('./internal/ComboboxError.js');
 var ComboboxInput = require('./internal/ComboboxInput.js');
 var ComboboxLabel = require('./internal/ComboboxLabel.js');
-var ComboboxError = require('./internal/ComboboxError.js');
 var ComboboxNative = require('./internal/ComboboxNative.js');
-var Custom = require('./Custom.js');
-var useFloatingCombobox = require('./useFloatingCombobox.js');
+var useCombobox = require('./useCombobox.js');
 var useComboboxKeyboard = require('./useComboboxKeyboard.js');
-var ComboboxIdContext = require('./ComboboxIdContext.js');
-var ComboboxContext = require('./ComboboxContext.js');
+var useFloatingCombobox = require('./useFloatingCombobox.js');
+var utilities = require('./utilities.js');
 var Box = require('../../Box/Box.js');
 var Spinner = require('../../Spinner/Spinner.js');
 var useDebounceCallback = require('../../../utilities/hooks/useDebounceCallback/useDebounceCallback.js');
@@ -28,7 +29,7 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
     const listRef = React.useRef([]);
     const listId = React.useId();
     const [inputValue, setInputValue] = React.useState(rest.inputValue || '');
-    const { selectedOptions, options, restChildren, interactiveChildren, customIds, filteredOptionsChildren, filteredOptions, setSelectedOptions, } = useCombobox.default({
+    const { selectedOptions, options, restChildren, interactiveChildren, customIds, filteredOptionsChildren, filteredOptions, setSelectedOptions, } = useCombobox.useCombobox({
         children,
         inputValue,
         filter,
@@ -50,18 +51,18 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
     // if value is set, set input value to the label of the value
     React.useEffect(() => {
         if (value && value.length > 0 && !multiple) {
-            const option = options[useCombobox.prefix(value[0])];
+            const option = options[utilities.prefix(value[0])];
             setInputValue(option?.label || '');
         }
     }, [multiple, value, options]);
     React.useEffect(() => {
         if (value && Object.keys(options).length >= 0) {
             const updatedSelectedOptions = value.map((option) => {
-                const value = options[useCombobox.prefix(option)];
+                const value = options[utilities.prefix(option)];
                 return value;
             });
             setSelectedOptions(updatedSelectedOptions.reduce((acc, value) => {
-                acc[useCombobox.prefix(value.value)] = value;
+                acc[utilities.prefix(value.value)] = value;
                 return acc;
             }, {}));
         }
@@ -79,18 +80,18 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
             return;
         if (remove) {
             const newSelectedOptions = { ...selectedOptions };
-            delete newSelectedOptions[useCombobox.prefix(option.value)];
+            delete newSelectedOptions[utilities.prefix(option.value)];
             setSelectedOptions(newSelectedOptions);
-            onValueChange?.(Object.keys(newSelectedOptions).map((key) => useCombobox.removePrefix(key)));
+            onValueChange?.(Object.keys(newSelectedOptions).map((key) => utilities.removePrefix(key)));
             return;
         }
         const newSelectedOptions = { ...selectedOptions };
         if (multiple) {
-            if (newSelectedOptions[useCombobox.prefix(option.value)]) {
-                delete newSelectedOptions[useCombobox.prefix(option.value)];
+            if (newSelectedOptions[utilities.prefix(option.value)]) {
+                delete newSelectedOptions[utilities.prefix(option.value)];
             }
             else {
-                newSelectedOptions[useCombobox.prefix(option.value)] = option;
+                newSelectedOptions[utilities.prefix(option.value)] = option;
             }
             setInputValue('');
             inputRef.current?.focus();
@@ -100,7 +101,7 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
             Object.keys(newSelectedOptions).forEach((key) => {
                 delete newSelectedOptions[key];
             });
-            newSelectedOptions[useCombobox.prefix(option.value)] = option;
+            newSelectedOptions[utilities.prefix(option.value)] = option;
             setInputValue(option?.label || '');
             // move cursor to the end of the input
             setTimeout(() => {
@@ -108,7 +109,7 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
             }, 0);
         }
         setSelectedOptions(newSelectedOptions);
-        onValueChange?.(Object.keys(newSelectedOptions).map((key) => useCombobox.removePrefix(key)));
+        onValueChange?.(Object.keys(newSelectedOptions).map((key) => utilities.removePrefix(key)));
         !multiple && setOpen(false);
         refs.domReference.current?.focus();
     };
@@ -162,7 +163,7 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
                     return;
                 if (disabled)
                     return;
-                const option = options[useCombobox.prefix(value)];
+                const option = options[utilities.prefix(value)];
                 debouncedHandleSelectOption({ option: option });
             },
             handleSelectOption: debouncedHandleSelectOption,
@@ -170,7 +171,7 @@ const ComboboxComponent = React.forwardRef(({ value, initialValue = [], onValueC
             listRef,
             forwareddRef,
             setListRef: (index, node) => {
-                return (listRef.current[index] = node);
+                listRef.current[index] = node;
             },
         }, children: [jsxRuntime.jsxs(Box.Box, { className: lite.clsx('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsxRuntime.jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsxRuntime.jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsxRuntime.jsx(ComboboxInput, { ...omit.omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: listId, error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsxRuntime.jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsxRuntime.jsx(floatingUi_react.FloatingPortal, { root: portal ? null : portalRef, children: jsxRuntime.jsx(floatingUi_react.FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxRuntime.jsxs(Box.Box, { id: listId, shadow: 'md', borderRadius: 'md', borderColor: 'default', "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
                             ref: refs.setFloating,

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

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
 var floatingUi_react = require('../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var ComboboxContext = require('./ComboboxContext.js');
 var ComboboxIdContext = require('./ComboboxIdContext.js');
 var Label = require('../../Typography/Label/Label.js');

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

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var ComboboxContext = require('./ComboboxContext.js');
 var Label = require('../../Typography/Label/Label.js');
 

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

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 
 const ComboboxOptionDescription = React.forwardRef(({ children, className, ...rest }, ref) => {
     return (jsxRuntime.jsx("span", { className: lite.clsx('ds-combobox__option__description', className), ref: ref, ...rest, children: children }));

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

@@ -2,18 +2,18 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var lite = require('../../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var ComboboxContext = require('../ComboboxContext.js');
-var SelectedIcon = require('./SelectedIcon.js');
 var Description = require('./Description.js');
+var SelectedIcon = require('./SelectedIcon.js');
 var useComboboxOption = require('./useComboboxOption.js');
 var Label = require('../../../Typography/Label/Label.js');
 var omit = require('../../../../utilities/omit/omit.js');
 
 const ComboboxOption = React.memo(React.forwardRef(({ value, description, children, className, ...rest }, forwardedRef) => {
     const labelId = React.useId();
-    const { id, ref, selected, active, onOptionClick } = useComboboxOption({
+    const { id, ref, selected, active, onOptionClick } = useComboboxOption.useComboboxOption({
         id: rest.id,
         ref: forwardedRef,
         value,

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

@@ -1,14 +1,14 @@
 'use client';
 'use strict';
 
-var React = require('react');
 var floatingUi_react = require('../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var React = require('react');
 var ComboboxContext = require('../ComboboxContext.js');
 var ComboboxIdContext = require('../ComboboxIdContext.js');
-var useCombobox = require('../useCombobox.js');
+var utilities = require('../utilities.js');
 var useDebounceCallback = require('../../../../utilities/hooks/useDebounceCallback/useDebounceCallback.js');
 
-function useComboboxOption({ id, ref, value, }) {
+const useComboboxOption = ({ id, ref, value, }) => {
     const generatedId = React.useId();
     const newId = id || generatedId;
     const context = React.useContext(ComboboxContext.ComboboxContext);
@@ -18,7 +18,7 @@ function useComboboxOption({ id, ref, value, }) {
         throw new Error('ComboboxOption must be used within a Combobox');
     }
     const { selectedOptions, onOptionClick, setListRef, customIds, filteredOptions, } = context;
-    const index = React.useMemo(() => filteredOptions.indexOf(useCombobox.prefix(String(value))) + customIds.length, [customIds.length, filteredOptions, value]);
+    const index = React.useMemo(() => filteredOptions.indexOf(utilities.prefix(String(value))) + customIds.length, [customIds.length, filteredOptions, value]);
     const combinedRef = floatingUi_react.useMergeRefs([
         (node) => {
             setListRef(index, node);
@@ -28,7 +28,7 @@ function useComboboxOption({ id, ref, value, }) {
     if (index === -1) {
         throw new Error('Internal error: ComboboxOption did not find index');
     }
-    const selected = selectedOptions[useCombobox.prefix(value)];
+    const selected = selectedOptions[utilities.prefix(value)];
     const active = activeIndex === index;
     React.useEffect(() => {
         if (active) {
@@ -43,6 +43,6 @@ function useComboboxOption({ id, ref, value, }) {
         active,
         onOptionClick: onOptionClickDebounced,
     };
-}
+};
 
-module.exports = useComboboxOption;
+exports.useComboboxOption = useComboboxOption;

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

@@ -2,8 +2,8 @@
 'use strict';
 
 var Combobox$1 = require('./Combobox.js');
-var Option = require('./Option/Option.js');
 var Empty = require('./Empty.js');
+var Option = require('./Option/Option.js');
 
 const Combobox = Combobox$1.Combobox;
 Combobox.Option = Option.ComboboxOption;
@@ -11,6 +11,6 @@ Combobox.Empty = Empty.ComboboxEmpty;
 Combobox.Option.displayName = 'Combobox.Option';
 Combobox.Empty.displayName = 'Combobox.Empty';
 
-exports.ComboboxOption = Option.ComboboxOption;
 exports.ComboboxEmpty = Empty.ComboboxEmpty;
+exports.ComboboxOption = Option.ComboboxOption;
 exports.Combobox = Combobox;

package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js

@@ -2,9 +2,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var akselIcons = require('@navikt/aksel-icons');
 var lite = require('../../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var ComboboxContext = require('../ComboboxContext.js');
 
 const ComboboxClearButton = React.forwardRef((props, ref) => {

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

@@ -2,13 +2,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../../node_modules/clsx/dist/lite.js');
-var akselIcons = require('@navikt/aksel-icons');
 var floatingUi_react = require('../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
+var akselIcons = require('@navikt/aksel-icons');
+var lite = require('../../../../node_modules/clsx/dist/lite.js');
+var React = require('react');
 var ComboboxContext = require('../ComboboxContext.js');
 var ComboboxIdContext = require('../ComboboxIdContext.js');
-var useCombobox = require('../useCombobox.js');
+var utilities = require('../utilities.js');
 var ComboboxChips = require('./ComboboxChips.js');
 var ComboboxClearButton = require('./ComboboxClearButton.js');
 var Box = require('../../../Box/Box.js');
@@ -36,7 +36,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
         Object.values(options).forEach((option) => {
             if (option.label.toLowerCase() === value.toLowerCase()) {
                 /* if option is already selected, discard selecting it, since it would de-select */
-                if (selectedOptions[useCombobox.prefix(option.value)])
+                if (selectedOptions[utilities.prefix(option.value)])
                     return;
                 handleSelectOption({ option: option });
             }
@@ -74,7 +74,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
     return (jsxRuntime.jsx(Paragraph.Paragraph, { size: size, asChild: true, children: jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: lite.clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips, {}), jsxRuntime.jsx(Paragraph.Paragraph, { size: size, asChild: true, children: jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
                                     onChange(e);
                                     !open && setOpen(true);
-                                    rest.onChange && rest.onChange(e);
+                                    rest.onChange?.(e);
                                 } }) })] }), showClearButton && jsxRuntime.jsx(ComboboxClearButton, { ref: clearButtonRef }), jsxRuntime.jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsxRuntime.jsx(akselIcons.ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }) }));
 };
 ComboboxInput.displayName = 'ComboboxInput';

package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var lite = require('../../../../node_modules/clsx/dist/lite.js');
 var akselIcons = require('@navikt/aksel-icons');
+var lite = require('../../../../node_modules/clsx/dist/lite.js');
 var Label = require('../../../Typography/Label/Label.js');
 var Paragraph = require('../../../Typography/Paragraph/Paragraph.js');
 

package/dist/cjs/components/form/Combobox/internal/ComboboxNative.js

@@ -2,10 +2,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var useCombobox = require('../useCombobox.js');
+var utilities = require('../utilities.js');
 
 const ComboboxNative = ({ selectedOptions, multiple, name, }) => {
-    const VALUE = Object.keys(selectedOptions).map((key) => useCombobox.removePrefix(key));
+    const VALUE = Object.keys(selectedOptions).map((key) => utilities.removePrefix(key));
     return (jsxRuntime.jsx("select", { name: name, multiple: multiple, style: { display: 'none' }, value: multiple ? VALUE : VALUE[0], onChange: () => { }, children: VALUE.map((value) => (jsxRuntime.jsx("option", { value: value }, value))) }));
 };
 ComboboxNative.displayName = 'ComboboxNative';