@digdir/designsystemet-react 0.58.0 → 0.59.1-alpha.0

package/dist/types/components/form/Combobox/Combobox.d.ts

@@ -1,7 +1,5 @@
 import type * as React from 'react';
-import type { UseFloatingReturn, UseListNavigationProps } from '@floating-ui/react';
 import type { FormFieldProps } from '../useFormField';
-import { useFormField } from '../useFormField';
 import type { PortalProps } from '../../../types/Portal';
 import type { Option } from './useCombobox';
 export type ComboboxProps = {
@@ -100,6 +98,110 @@ export type ComboboxProps = {
      */
     chipSrLabel?: (option: Option) => string;
 } & PortalProps & FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
+export declare const ComboboxComponent: React.ForwardRefExoticComponent<{
+    /**
+     * Label for the combobox
+     */
+    label?: string | undefined;
+    /**
+     * Visually hides `label` and `description` (still available for screen readers)
+     * @default false
+     */
+    hideLabel?: boolean | undefined;
+    /**
+     * String array of selected options. Contains only one option during single selection mode.
+     */
+    value?: string[] | undefined;
+    /**
+     * String array of initial selected options. Contains only one option during single selection mode.
+     */
+    initialValue?: string[] | undefined;
+    /**
+     * Callback function that is called when the value changes
+     */
+    onValueChange?: ((value: string[]) => void) | undefined;
+    /**
+     * Multiple options can be selected
+     * @default false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Name of the value when used in a form
+     */
+    name?: string | undefined;
+    /**
+     * Exposes the HTML `size` attribute.
+     * @default 0
+     */
+    htmlSize?: number | undefined;
+    /**
+     * Hides chips when multiple options are selected
+     * @default false
+     */
+    hideChips?: boolean | undefined;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     * @deprecated Use `clearButtonLabel` instead
+     */
+    cleanButtonLabel?: string | undefined;
+    /**
+     * Hides the clear button
+     * @default false
+     */
+    hideClearButton?: boolean | undefined;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    clearButtonLabel?: string | undefined;
+    /**
+     * Enables virtualizing of options list.
+     * @see https://tanstack.com/virtual
+     * @default false
+     */
+    virtual?: boolean | undefined;
+    /**
+     * Value of the input field
+     */
+    inputValue?: string | undefined;
+    /**
+     * Adds `aria-busy` and displays loading state for the Combobox
+     * All options will be hidden and replaced with a loading message.
+     * @default false
+     */
+    loading?: boolean | undefined;
+    /**
+     * Text to display when the combobox is loading
+     * @default 'Laster...'
+     */
+    loadingLabel?: string | undefined;
+    /**
+     * Filter function for filtering the list of options. Return `true` to show option, `false` to hide option.
+     * @param inputValue
+     * @param option
+     * @returns boolean
+     *
+     * @default (inputValue, option) => option.value.toLowerCase().startsWith(inputValue.toLowerCase())
+     */
+    filter?: ((inputValue: string, option: Option) => boolean) | undefined;
+    /**
+     * Add a screen reader label to the chips
+     * @param option
+     * @returns string
+     *
+     * @default (option) => 'Slett ' + option.label,
+     */
+    chipSrLabel?: ((option: Option) => string) | undefined;
+} & PortalProps & {
+    error?: React.ReactNode;
+    errorId?: string | undefined;
+    disabled?: boolean | undefined;
+    description?: React.ReactNode;
+    id?: string | undefined;
+    readOnly?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+} & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 export declare const Combobox: React.ForwardRefExoticComponent<{
     /**
      * Label for the combobox
@@ -204,41 +306,4 @@ export declare const Combobox: React.ForwardRefExoticComponent<{
     readOnly?: boolean | undefined;
     size?: "small" | "medium" | "large" | undefined;
 } & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
-type ComboboxContextType = {
-    multiple: NonNullable<ComboboxProps['multiple']>;
-    disabled: NonNullable<ComboboxProps['disabled']>;
-    readOnly: NonNullable<ComboboxProps['readOnly']>;
-    name: ComboboxProps['name'];
-    error: ComboboxProps['error'];
-    htmlSize: ComboboxProps['htmlSize'];
-    hideChips: NonNullable<ComboboxProps['hideChips']>;
-    clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
-    hideClearButton: NonNullable<ComboboxProps['hideClearButton']>;
-    options: Option[];
-    selectedOptions: Option[];
-    size: NonNullable<ComboboxProps['size']>;
-    formFieldProps: ReturnType<typeof useFormField>;
-    refs: UseFloatingReturn['refs'];
-    inputRef: React.RefObject<HTMLInputElement>;
-    activeIndex: number | null;
-    open: boolean;
-    inputValue: string;
-    activeDescendant: string | undefined;
-    optionValues: string[];
-    listId: string;
-    setInputValue: React.Dispatch<React.SetStateAction<string>>;
-    setOpen: (open: boolean) => void;
-    handleKeyDown: (event: React.KeyboardEvent) => void;
-    setActiveIndex: (index: number | null) => void;
-    setActiveOption: (index: number, id: string) => void;
-    getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
-    onOptionClick: (value: string) => void;
-    setSelectedOptions: React.Dispatch<React.SetStateAction<Option[]>>;
-    chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
-    handleSelectOption: (option: Option) => void;
-    listRef: UseListNavigationProps['listRef'];
-    forwareddRef: React.Ref<HTMLInputElement>;
-};
-export declare const ComboboxContext: React.Context<ComboboxContextType | undefined>;
-export {};
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/types/components/form/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IAlG5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAiWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IAhcnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKA4WzC,CAAC"}

package/dist/types/components/form/Combobox/ComboboxContext.d.ts

@@ -0,0 +1,48 @@
+import type { UseFloatingReturn, UseListNavigationProps, useInteractions } from '@floating-ui/react';
+import type { useFormField } from '../useFormField';
+import type { ComboboxProps } from './Combobox';
+import type { Option } from './useCombobox';
+import type useCombobox from './useCombobox';
+type ComboboxContextType = {
+    multiple: NonNullable<ComboboxProps['multiple']>;
+    disabled: NonNullable<ComboboxProps['disabled']>;
+    readOnly: NonNullable<ComboboxProps['readOnly']>;
+    name: ComboboxProps['name'];
+    error: ComboboxProps['error'];
+    htmlSize: ComboboxProps['htmlSize'];
+    hideChips: NonNullable<ComboboxProps['hideChips']>;
+    clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
+    hideClearButton: NonNullable<ComboboxProps['hideClearButton']>;
+    filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
+    options: {
+        [key: string]: Option;
+    };
+    selectedOptions: {
+        [key: string]: Option;
+    };
+    size: NonNullable<ComboboxProps['size']>;
+    formFieldProps: ReturnType<typeof useFormField>;
+    refs: UseFloatingReturn['refs'];
+    inputRef: React.RefObject<HTMLInputElement>;
+    open: boolean;
+    inputValue: string;
+    optionValues: string[];
+    listId: string;
+    customIds: string[];
+    setInputValue: React.Dispatch<React.SetStateAction<string>>;
+    setOpen: (open: boolean) => void;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
+    getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
+    onOptionClick: (value: string) => void;
+    setSelectedOptions: React.Dispatch<React.SetStateAction<{
+        [key: string]: Option;
+    }>>;
+    chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
+    handleSelectOption: (option: Option) => void;
+    listRef: UseListNavigationProps['listRef'];
+    forwareddRef: React.Ref<HTMLInputElement>;
+};
+export declare const ComboboxContext: import("react").Context<ComboboxContextType | undefined>;
+export {};
+//# sourceMappingURL=ComboboxContext.d.ts.map

package/dist/types/components/form/Combobox/ComboboxContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/form/Combobox/ComboboxIdContext.d.ts

@@ -0,0 +1,19 @@
+import type { Dispatch } from 'react';
+type ComboboxIdContextType = {
+    activeIndex: number;
+};
+export declare const ComboboxIdContext: import("react").Context<ComboboxIdContextType>;
+type SetActiveIndexAction = {
+    type: 'SET_ACTIVE_INDEX';
+    payload: number;
+};
+type ComboboxIdReducerAction = SetActiveIndexAction;
+export declare const ComboboxIdReducer: (state: ComboboxIdContextType, action: ComboboxIdReducerAction) => ComboboxIdContextType;
+export declare const ComboboxIdDispatch: import("react").Context<Dispatch<SetActiveIndexAction>>;
+export declare const ComboboxIdProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useComboboxIdDispatch(): Dispatch<SetActiveIndexAction>;
+export declare function useComboboxId(): ComboboxIdContextType;
+export {};
+//# sourceMappingURL=ComboboxIdContext.d.ts.map

package/dist/types/components/form/Combobox/ComboboxIdContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,UACrB,qBAAqB,UACpB,uBAAuB,0BAWhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;cAGnB,MAAM,SAAS;6CAa1B,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}

package/dist/types/components/form/Combobox/Custom/Custom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Custom.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Custom/Custom.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3C,eAAO,MAAM,cAAc,4FAyC1B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"Custom.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Custom/Custom.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3C,eAAO,MAAM,cAAc,4FA6C1B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/components/form/Combobox/Option/Option.d.ts

@@ -14,7 +14,7 @@ export type ComboboxOptionProps = {
      */
     displayValue?: string;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const ComboboxOption: React.ForwardRefExoticComponent<{
+export declare const ComboboxOption: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     /**
      * The value returned when the option is selected
      */
@@ -28,5 +28,5 @@ export declare const ComboboxOption: React.ForwardRefExoticComponent<{
      * Required if children is not composed of strings only.
      */
     displayValue?: string | undefined;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
 //# sourceMappingURL=Option.d.ts.map

package/dist/types/components/form/Combobox/Option/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;IAfzB;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;;OAGG;;2FAuGH,CAAC"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;IAfzB;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;;OAGG;;4FAyEJ,CAAC"}

package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts

@@ -0,0 +1,14 @@
+type UseComboboxOptionProps = {
+    id?: string;
+    ref: React.Ref<HTMLButtonElement>;
+    value: string;
+};
+export default function useComboboxOption({ id, ref, value, }: UseComboboxOptionProps): {
+    id: string;
+    ref: ((instance: HTMLButtonElement | null) => void) | null;
+    selected: import("../useCombobox").Option;
+    active: boolean;
+    onOptionClick: (...args: never[]) => void;
+};
+export {};
+//# sourceMappingURL=useComboboxOption.d.ts.map

package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAOA,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,EAAE,EACF,GAAG,EACH,KAAK,GACN,EAAE,sBAAsB;;;;;;EAoDxB"}

package/dist/types/components/form/Combobox/internal/ComboboxChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;CAwDzB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;CA4DzB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts

@@ -1,4 +1,3 @@
-import type * as React from 'react';
 export declare const ComboboxInput: {
     ({ ...rest }: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,eAAO,MAAM,aAAa;kBAEvB,KAAK,MAAM,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;;CA8K3D,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,aAAa;kBAEvB,KAAK,MAAM,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;;CA+K3D,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/types/components/form/Combobox/internal/ComboboxNative.d.ts

@@ -1,7 +1,9 @@
 import type { Option } from '../useCombobox';
 import type { ComboboxProps } from '../Combobox';
 type ComboboxNativeProps = {
-    selectedOptions: Option[];
+    selectedOptions: {
+        [key: string]: Option;
+    };
     multiple: NonNullable<ComboboxProps['multiple']>;
     name: ComboboxProps['name'];
 };

package/dist/types/components/form/Combobox/internal/ComboboxNative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc;2CAIxB,mBAAmB;;CAqBrB,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc;2CAIxB,mBAAmB;;CAqBrB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/types/components/form/Combobox/useCombobox.d.ts

@@ -6,7 +6,7 @@ export type UseComboboxProps = {
     children: ReactNode;
     inputValue: string;
     multiple: boolean;
-    filter: NonNullable<ComboboxProps['filter']>;
+    filter?: NonNullable<ComboboxProps['filter']>;
     initialValue?: string[];
 };
 export type Option = {
@@ -19,14 +19,22 @@ export declare function isComboboxOption(child: ReactNode): child is ReactElemen
 export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
 export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
 export default function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
-    optionsChildren: ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>>[];
+    filteredOptionsChildren: (ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>> | undefined)[];
+    filteredOptions: string[];
     optionValues: string[];
     restChildren: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[];
-    options: Option[];
+    options: {
+        [key: string]: Option;
+    };
     customIds: string[];
-    selectedOptions: Option[];
-    setSelectedOptions: import("react").Dispatch<import("react").SetStateAction<Option[]>>;
+    selectedOptions: {
+        [key: string]: Option;
+    };
     prevSelectedHash: string;
+    interactiveChildren: ReactElement<ComboboxCustomProps, string | import("react").JSXElementConstructor<any>>[];
+    setSelectedOptions: import("react").Dispatch<import("react").SetStateAction<{
+        [key: string]: Option;
+    }>>;
     setPrevSelectedHash: import("react").Dispatch<import("react").SetStateAction<string>>;
 };
 //# sourceMappingURL=useCombobox.d.ts.map

package/dist/types/components/form/Combobox/useCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;EAmHlB"}
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;EA0IlB"}

package/dist/types/components/form/Combobox/useComboboxKeyboard.d.ts

@@ -0,0 +1,20 @@
+import type useCombobox from './useCombobox';
+import type { Option } from './useCombobox';
+type UseComboboxKeyboardProps = {
+    filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
+    selectedOptions: ReturnType<typeof useCombobox>['selectedOptions'];
+    interactiveChildren: ReturnType<typeof useCombobox>['interactiveChildren'];
+    options: ReturnType<typeof useCombobox>['options'];
+    readOnly: boolean;
+    disabled: boolean;
+    inputValue: string;
+    multiple: boolean;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    setSelectedOptions: ReturnType<typeof useCombobox>['setSelectedOptions'];
+    setInputValue: (value: string) => void;
+    handleSelectOption: (option: Option) => void;
+};
+export declare const useComboboxKeyboard: ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, setInputValue, setSelectedOptions, handleSelectOption, }: UseComboboxKeyboardProps) => (...args: import("react").KeyboardEvent<Element>[]) => void;
+export {};
+//# sourceMappingURL=useComboboxKeyboard.d.ts.map

package/dist/types/components/form/Combobox/useComboboxKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxKeyboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useComboboxKeyboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,KAAK,wBAAwB,GAAG;IAC9B,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,mBAAmB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAC3E,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,kBAAkB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACzE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,mBAAmB,wLAc7B,wBAAwB,gEAkF1B,CAAC"}

package/dist/types/components/form/Combobox/useFloatingCombobox.d.ts

@@ -0,0 +1,41 @@
+type UseFloatingComboboxProps = {
+    listRef: React.MutableRefObject<(HTMLElement | null)[]>;
+};
+export declare const useFloatingCombobox: ({ listRef }: UseFloatingComboboxProps) => {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    activeIndex: number;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
+    floatingStyles: import("react").CSSProperties;
+    context: {
+        x: number;
+        y: number;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: import("react").CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
+        elements: import("@floating-ui/react").ExtendedElements<HTMLInputElement>;
+    };
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: (Omit<import("react").HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean | undefined;
+        selected?: boolean | undefined;
+    }) | undefined) => Record<string, unknown>;
+};
+export {};
+//# sourceMappingURL=useFloatingCombobox.d.ts.map

package/dist/types/components/form/Combobox/useFloatingCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useFloatingCombobox.tsx"],"names":[],"mappings":"AAgBA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,gBAAiB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuExE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "0.58.0",
+  "version": "0.59.1-alpha.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": "https://github.com/digdir/designsystemet",
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/react": "0.26.4",
+    "@floating-ui/react": "0.26.12",
     "@navikt/aksel-icons": "^5.12.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@tanstack/react-virtual": "^3.2.0"
@@ -43,5 +43,5 @@
     "rollup": "^4.12.1",
     "typescript": "^5.4.2"
   },
-  "gitHead": "a1ead4651e04770749e1d74f98db0fc093d78a34"
+  "gitHead": "0006fe3820b071bb4b1e948263072af46cf2c604"
 }

package/dist/cjs/components/Button/Button.module.css.js

@@ -1,6 +0,0 @@
-'use client';
-'use strict';
-
-var classes = {"button":"fds-button-button-8fa00f0f","small":"fds-button-small-8fa00f0f","medium":"fds-button-medium-8fa00f0f","large":"fds-button-large-8fa00f0f","fullWidth":"fds-button-fullWidth-8fa00f0f","secondary":"fds-button-secondary-8fa00f0f","tertiary":"fds-button-tertiary-8fa00f0f","onlyIcon":"fds-button-onlyIcon-8fa00f0f","primary":"fds-button-primary-8fa00f0f","first":"fds-button-first-8fa00f0f","second":"fds-button-second-8fa00f0f","success":"fds-button-success-8fa00f0f","danger":"fds-button-danger-8fa00f0f"};
-
-module.exports = classes;

package/dist/cjs/components/SkipLink/SkipLink.module.css.js

@@ -1,6 +0,0 @@
-'use client';
-'use strict';
-
-var classes = {"skiplink":"fds-skiplink-skiplink-d4abeaef"};
-
-module.exports = classes;

package/dist/cjs/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.js

@@ -1,6 +0,0 @@
-'use client';
-'use strict';
-
-const floor = Math.floor;
-
-exports.floor = floor;

package/dist/cjs/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.js

@@ -1,68 +0,0 @@
-'use client';
-'use strict';
-
-function getNodeName(node) {
-  if (isNode(node)) {
-    return (node.nodeName || '').toLowerCase();
-  }
-  // Mocked nodes in testing environments may not be instances of Node. By
-  // returning `#document` an infinite loop won't occur.
-  // https://github.com/floating-ui/floating-ui/issues/2317
-  return '#document';
-}
-function getWindow(node) {
-  var _node$ownerDocument;
-  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-  var _ref;
-  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode(value) {
-  return value instanceof Node || value instanceof getWindow(value).Node;
-}
-function isElement(value) {
-  return value instanceof Element || value instanceof getWindow(value).Element;
-}
-function isHTMLElement(value) {
-  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
-}
-function isShadowRoot(value) {
-  // Browsers without `ShadowRoot` support.
-  if (typeof ShadowRoot === 'undefined') {
-    return false;
-  }
-  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
-}
-function isLastTraversableNode(node) {
-  return ['html', 'body', '#document'].includes(getNodeName(node));
-}
-function getComputedStyle(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function getParentNode(node) {
-  if (getNodeName(node) === 'html') {
-    return node;
-  }
-  const result =
-  // Step into the shadow DOM of the parent of a slotted node.
-  node.assignedSlot ||
-  // DOM Element detected.
-  node.parentNode ||
-  // ShadowRoot detected.
-  isShadowRoot(node) && node.host ||
-  // Fallback.
-  getDocumentElement(node);
-  return isShadowRoot(result) ? result.host : result;
-}
-
-exports.getComputedStyle = getComputedStyle;
-exports.getDocumentElement = getDocumentElement;
-exports.getNodeName = getNodeName;
-exports.getParentNode = getParentNode;
-exports.getWindow = getWindow;
-exports.isElement = isElement;
-exports.isHTMLElement = isHTMLElement;
-exports.isLastTraversableNode = isLastTraversableNode;
-exports.isNode = isNode;
-exports.isShadowRoot = isShadowRoot;

package/dist/esm/components/Button/Button.module.css.js

@@ -1,4 +0,0 @@
-'use client';
-var classes = {"button":"fds-button-button-8fa00f0f","small":"fds-button-small-8fa00f0f","medium":"fds-button-medium-8fa00f0f","large":"fds-button-large-8fa00f0f","fullWidth":"fds-button-fullWidth-8fa00f0f","secondary":"fds-button-secondary-8fa00f0f","tertiary":"fds-button-tertiary-8fa00f0f","onlyIcon":"fds-button-onlyIcon-8fa00f0f","primary":"fds-button-primary-8fa00f0f","first":"fds-button-first-8fa00f0f","second":"fds-button-second-8fa00f0f","success":"fds-button-success-8fa00f0f","danger":"fds-button-danger-8fa00f0f"};
-
-export { classes as default };

package/dist/esm/components/SkipLink/SkipLink.module.css.js

@@ -1,4 +0,0 @@
-'use client';
-var classes = {"skiplink":"fds-skiplink-skiplink-d4abeaef"};
-
-export { classes as default };

package/dist/esm/node_modules/@floating-ui/react/node_modules/@floating-ui/utils/dist/floating-ui.utils.js

@@ -1,4 +0,0 @@
-'use client';
-const floor = Math.floor;
-
-export { floor };