@digdir/designsystemet-react 1.0.0-rc.9 → 1.0.0

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

@@ -0,0 +1,317 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { FormFieldProps } from './useFormField/useFormField';
+import type { Option } from './useCombobox';
+export type ComboboxProps = {
+    /**
+     * Label for the combobox.
+     *
+     * Passed label will be encapsulated by a `label` element.
+     */
+    label?: ReactNode;
+    /**
+     * Visually hides `label` and `description` (still available for screen readers)
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * String array of selected options. Contains only one option during single selection mode.
+     */
+    value?: string[];
+    /**
+     * String array of initial selected options. Contains only one option during single selection mode.
+     */
+    initialValue?: string[];
+    /**
+     * Callback function that is called when the value changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Multiple options can be selected
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Name of the value when used in a formPuse
+     */
+    name?: string;
+    /**
+     * Exposes the HTML `size` attribute.
+     * @default 0
+     */
+    htmlSize?: number;
+    /**
+     * Hides chips when multiple options are selected
+     * @default false
+     */
+    hideChips?: boolean;
+    /**
+     * Hides the clear button
+     * @default false
+     */
+    hideClearButton?: boolean;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    clearButtonLabel?: string;
+    /**
+     * Enables virtualizing of options list.
+     * @see https://tanstack.com/virtual
+     * @default false
+     */
+    virtual?: boolean;
+    /**
+     * Value of the input field
+     */
+    inputValue?: string;
+    /**
+     * 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;
+    /**
+     * Text to display when the combobox is loading
+     * @default 'Laster...'
+     */
+    loadingLabel?: string;
+    /**
+     * 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;
+    /**
+     * Add a screen reader label to the chips
+     * @param option
+     * @returns string
+     *
+     * @default (option) => 'Slett ' + option.label,
+     */
+    chipSrLabel?: (option: Option) => string;
+    /**
+     * Portals the floating element outside of the app root and into the body.
+     * @see https://floating-ui.com/docs/floatingportal
+     * @default false
+     */
+    portal?: boolean;
+} & FormFieldProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+/**
+ * @deprecated Use `Suggestion` instead
+ */
+export declare const ComboboxComponent: React.ForwardRefExoticComponent<{
+    /**
+     * Label for the combobox.
+     *
+     * Passed label will be encapsulated by a `label` element.
+     */
+    label?: ReactNode;
+    /**
+     * Visually hides `label` and `description` (still available for screen readers)
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * String array of selected options. Contains only one option during single selection mode.
+     */
+    value?: string[];
+    /**
+     * String array of initial selected options. Contains only one option during single selection mode.
+     */
+    initialValue?: string[];
+    /**
+     * Callback function that is called when the value changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Multiple options can be selected
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Name of the value when used in a formPuse
+     */
+    name?: string;
+    /**
+     * Exposes the HTML `size` attribute.
+     * @default 0
+     */
+    htmlSize?: number;
+    /**
+     * Hides chips when multiple options are selected
+     * @default false
+     */
+    hideChips?: boolean;
+    /**
+     * Hides the clear button
+     * @default false
+     */
+    hideClearButton?: boolean;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    clearButtonLabel?: string;
+    /**
+     * Enables virtualizing of options list.
+     * @see https://tanstack.com/virtual
+     * @default false
+     */
+    virtual?: boolean;
+    /**
+     * Value of the input field
+     */
+    inputValue?: string;
+    /**
+     * 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;
+    /**
+     * Text to display when the combobox is loading
+     * @default 'Laster...'
+     */
+    loadingLabel?: string;
+    /**
+     * 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;
+    /**
+     * Add a screen reader label to the chips
+     * @param option
+     * @returns string
+     *
+     * @default (option) => 'Slett ' + option.label,
+     */
+    chipSrLabel?: (option: Option) => string;
+    /**
+     * Portals the floating element outside of the app root and into the body.
+     * @see https://floating-ui.com/docs/floatingportal
+     * @default false
+     */
+    portal?: boolean;
+} & {
+    error?: ReactNode;
+    errorId?: string;
+    disabled?: boolean;
+    description?: ReactNode;
+    id?: string;
+    readOnly?: boolean;
+    size?: import("../..").Size;
+} & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Combobox: React.ForwardRefExoticComponent<{
+    /**
+     * Label for the combobox.
+     *
+     * Passed label will be encapsulated by a `label` element.
+     */
+    label?: ReactNode;
+    /**
+     * Visually hides `label` and `description` (still available for screen readers)
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * String array of selected options. Contains only one option during single selection mode.
+     */
+    value?: string[];
+    /**
+     * String array of initial selected options. Contains only one option during single selection mode.
+     */
+    initialValue?: string[];
+    /**
+     * Callback function that is called when the value changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Multiple options can be selected
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Name of the value when used in a formPuse
+     */
+    name?: string;
+    /**
+     * Exposes the HTML `size` attribute.
+     * @default 0
+     */
+    htmlSize?: number;
+    /**
+     * Hides chips when multiple options are selected
+     * @default false
+     */
+    hideChips?: boolean;
+    /**
+     * Hides the clear button
+     * @default false
+     */
+    hideClearButton?: boolean;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    clearButtonLabel?: string;
+    /**
+     * Enables virtualizing of options list.
+     * @see https://tanstack.com/virtual
+     * @default false
+     */
+    virtual?: boolean;
+    /**
+     * Value of the input field
+     */
+    inputValue?: string;
+    /**
+     * 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;
+    /**
+     * Text to display when the combobox is loading
+     * @default 'Laster...'
+     */
+    loadingLabel?: string;
+    /**
+     * 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;
+    /**
+     * Add a screen reader label to the chips
+     * @param option
+     * @returns string
+     *
+     * @default (option) => 'Slett ' + option.label,
+     */
+    chipSrLabel?: (option: Option) => string;
+    /**
+     * Portals the floating element outside of the app root and into the body.
+     * @see https://floating-ui.com/docs/floatingportal
+     * @default false
+     */
+    portal?: boolean;
+} & {
+    error?: ReactNode;
+    errorId?: string;
+    disabled?: boolean;
+    description?: ReactNode;
+    id?: string;
+    readOnly?: boolean;
+    size?: import("../..").Size;
+} & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Combobox.d.ts.map

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

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

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

@@ -0,0 +1,42 @@
+import type { UseFloatingReturn, UseListNavigationProps, useInteractions } from '@floating-ui/react';
+import type { Dispatch, Ref, RefObject, SetStateAction } from 'react';
+import type { useFormField } from './useFormField/useFormField';
+import type { ComboboxProps } from './Combobox';
+import type { Option, useCombobox } from './useCombobox';
+export type ComboboxContextType = {
+    multiple: NonNullable<ComboboxProps['multiple']>;
+    disabled: NonNullable<ComboboxProps['disabled']>;
+    readOnly: NonNullable<ComboboxProps['readOnly']>;
+    htmlSize: ComboboxProps['htmlSize'];
+    clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
+    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: RefObject<HTMLInputElement | null>;
+    open: boolean;
+    inputValue: string;
+    customIds: string[];
+    setInputValue: Dispatch<SetStateAction<string>>;
+    setOpen: (open: boolean) => void;
+    getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
+    getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
+    onOptionClick: (value: string) => void;
+    chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
+    handleSelectOption: (args: {
+        option: Option | null;
+        remove?: boolean;
+        clear?: boolean;
+    }) => void;
+    listRef: UseListNavigationProps['listRef'];
+    forwareddRef: Ref<HTMLInputElement>;
+    setListRef: (index: number, ref: HTMLElement | null) => void;
+};
+export declare const ComboboxContext: React.Context<ComboboxContextType | undefined>;
+//# sourceMappingURL=ComboboxContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,eAAe,gDAE3B,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { Dispatch, ReactNode } from 'react';
+type ComboboxIdContextType = {
+    activeIndex: number;
+};
+export declare const ComboboxIdContext: 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: React.Context<Dispatch<SetActiveIndexAction>>;
+export declare const ComboboxIdProvider: ({ children, }: {
+    children: 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/Combobox/ComboboxIdContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAE5B,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,+CAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,kBAE5B;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAYA,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}

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

@@ -0,0 +1,33 @@
+import type { HTMLAttributes } from 'react';
+type InteractiveProps = {
+    interactive: true;
+    id: string;
+};
+type NonInteractiveProps = {
+    interactive?: false;
+    id?: string;
+};
+export type ComboboxCustomProps = {
+    /**
+     * Adds the item to the navigation flow at the start of the list.
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * Required if the element is interactive.
+     */
+    id?: string;
+    /**
+     * Event handler for select event.
+     * Only called if the element is interactive.
+     */
+    onSelect?: () => void;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement> & (InteractiveProps | NonInteractiveProps);
+declare const ComboboxCustom: React.ForwardRefExoticComponent<ComboboxCustomProps & React.RefAttributes<HTMLDivElement>>;
+export { ComboboxCustom };
+//# sourceMappingURL=Custom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Custom.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Custom.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,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,cAAc,CAAC,cAAc,CAAC,GAChC,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;AAE3C,QAAA,MAAM,cAAc,4FA+CnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+export type ComboboxEmptyProps = HTMLAttributes<HTMLDivElement>;
+declare const ComboboxEmpty: React.ForwardRefExoticComponent<ComboboxEmptyProps & React.RefAttributes<HTMLDivElement>>;
+export { ComboboxEmpty };
+//# sourceMappingURL=Empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Empty.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,QAAA,MAAM,aAAa,2FAuBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+type ComboboxOptionDescriptionProps = HTMLAttributes<HTMLSpanElement>;
+declare const ComboboxOptionDescription: React.ForwardRefExoticComponent<ComboboxOptionDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+export default ComboboxOptionDescription;
+//# sourceMappingURL=Description.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/Description.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,8BAA8B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEtE,QAAA,MAAM,yBAAyB,wGAa7B,CAAC;AAIH,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { ButtonHTMLAttributes, ReactElement, ReactNode } from 'react';
+export type ComboboxOptionProps = {
+    /**
+     * The value returned when the option is selected
+     */
+    value: string;
+    /**
+     * The index of the option in the list, will be overwritten by Combobox.
+     */
+    description?: string;
+    /**
+     * The text displayed in the input or in the chips when the option is selected.
+     * Required if children is not composed of strings only.
+     */
+    displayValue?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const ComboboxOption: React.NamedExoticComponent<{
+    /**
+     * The value returned when the option is selected
+     */
+    value: string;
+    /**
+     * The index of the option in the list, will be overwritten by Combobox.
+     */
+    description?: string;
+    /**
+     * The text displayed in the input or in the chips when the option is selected.
+     * Required if children is not composed of strings only.
+     */
+    displayValue?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export { ComboboxOption };
+export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
+//# sourceMappingURL=Option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3E,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,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,QAAA,MAAM,cAAc;IAflB;;OAEG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;mBACY,MAAM;qFAoEtB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C"}

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

@@ -0,0 +1,10 @@
+type SelectedIconProps = {
+    multiple: boolean;
+    selected: boolean;
+};
+declare const SelectedIcon: {
+    ({ multiple, selected }: SelectedIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SelectedIcon };
+//# sourceMappingURL=SelectedIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/SelectedIcon.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,YAAY;6BAA4B,iBAAiB;;CAgB9D,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { Ref } from 'react';
+import type { Option } from '../useCombobox';
+type UseComboboxOptionProps = {
+    id?: string;
+    ref: Ref<HTMLButtonElement>;
+    value: string;
+};
+type UseComboboxOptionReturn = {
+    id: string;
+    ref: Ref<HTMLButtonElement>;
+    selected: Option;
+    active: boolean;
+    onOptionClick: () => void;
+};
+export declare const useComboboxOption: ({ id, ref, value, }: UseComboboxOptionProps) => UseComboboxOptionReturn;
+export {};
+//# sourceMappingURL=useComboboxOption.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG7C,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,wBAI3B,sBAAsB,KAAG,uBAuD3B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/data/data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;GAylEhB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { Combobox as ComboboxRoot } from './Combobox';
+import { ComboboxEmpty } from './Empty';
+import { ComboboxOption } from './Option/Option';
+type ComboboxComponent = typeof ComboboxRoot & {
+    Option: typeof ComboboxOption;
+    Empty: typeof ComboboxEmpty;
+};
+/**
+ * @deprecated Use `Suggestion` instead
+ */
+declare const Combobox: ComboboxComponent;
+export type { ComboboxProps } from './Combobox';
+export type { ComboboxOptionProps } from './Option/Option';
+export type { ComboboxEmptyProps } from './Empty';
+export { Combobox, ComboboxOption, ComboboxEmpty };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,KAAK,iBAAiB,GAAG,OAAO,YAAY,GAAG;IAC7C,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAmB,iBAAiB,CAAC;AAQnD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+declare const ComboboxChips: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ComboboxChips;
+//# sourceMappingURL=ComboboxChips.d.ts.map

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

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

package/dist/types/components/Combobox/internal/ComboboxClearButton.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonHTMLAttributes } from 'react';
+declare const ComboboxClearButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export default ComboboxClearButton;
+//# sourceMappingURL=ComboboxClearButton.d.ts.map

package/dist/types/components/Combobox/internal/ComboboxClearButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxClearButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxClearButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,QAAA,MAAM,mBAAmB,mHAqCvB,CAAC;AAIH,eAAe,mBAAmB,CAAC"}

package/dist/types/components/Combobox/internal/ComboboxError.d.ts

@@ -0,0 +1,13 @@
+import type { ComboboxProps } from '../Combobox';
+import type { useFormField } from '../useFormField/useFormField';
+type ComboboxErrorProps = {
+    size: ComboboxProps['size'];
+    error?: ComboboxProps['error'];
+    formFieldProps: ReturnType<typeof useFormField>;
+};
+declare const ComboboxError: {
+    ({ size, error, formFieldProps }: ComboboxErrorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ComboboxError;
+//# sourceMappingURL=ComboboxError.d.ts.map

package/dist/types/components/Combobox/internal/ComboboxError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxError.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxError.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;CACjD,CAAC;AAEF,QAAA,MAAM,aAAa;sCAAqC,kBAAkB;;CAWzE,CAAC;AAIF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { InputHTMLAttributes, KeyboardEvent } from 'react';
+import type { ComboboxProps } from '../Combobox';
+type ComboboxInputProps = {
+    hideClearButton: ComboboxProps['hideClearButton'];
+    listId: string;
+    error: ComboboxProps['error'];
+    hideChips: NonNullable<ComboboxProps['hideChips']>;
+    handleKeyDown: (event: KeyboardEvent) => void;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
+declare const ComboboxInput: {
+    ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ComboboxInput;
+//# sourceMappingURL=ComboboxInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,mBAAmB,EACnB,aAAa,EAEd,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,aAAa;4EAOhB,kBAAkB;;CAmIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts

@@ -0,0 +1,16 @@
+import type { ComboboxProps } from '../Combobox';
+import type { useFormField } from '../useFormField/useFormField';
+type ComboboxLabelProps = {
+    label?: ComboboxProps['label'];
+    description?: ComboboxProps['description'];
+    hideLabel?: ComboboxProps['hideLabel'];
+    size?: ComboboxProps['size'];
+    readOnly?: ComboboxProps['readOnly'];
+    formFieldProps: ReturnType<typeof useFormField>;
+};
+declare const ComboboxLabel: {
+    ({ label, description, hideLabel, size, readOnly, formFieldProps, }: ComboboxLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ComboboxLabel;
+//# sourceMappingURL=ComboboxLabel.d.ts.map

package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/internal/ComboboxLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;CACjD,CAAC;AAEF,QAAA,MAAM,aAAa;yEAOhB,kBAAkB;;CAiCpB,CAAC;AAIF,eAAe,aAAa,CAAC"}