@digdir/designsystemet-react 1.1.4 → 1.1.6

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

@@ -1,9 +1,77 @@
+import { Suggestion as SuggestionRoot } from './suggestion';
 import { SuggestionChips } from './suggestion-chips';
 import { SuggestionClear } from './suggestion-clear';
 import { SuggestionEmpty } from './suggestion-empty';
 import { SuggestionInput } from './suggestion-input';
 import { SuggestionList } from './suggestion-list';
 import { SuggestionOption } from './suggestion-option';
+type Suggestion = typeof SuggestionRoot & {
+    /**
+     * @deprecated Suggestion.Chips is deprecated, use `renderSelected` on `Suggestion` instead
+     */
+    Chips: typeof SuggestionChips;
+    /**
+     * Component that provides a Suggestion list.
+     *
+     * Place as a descendant of `Suggestion`
+     *
+     * @example
+     * <Suggestion>
+     *   <Suggestion.Input />
+     *   <Suggestion.List />
+     * </Suggestion>
+     */
+    List: typeof SuggestionList;
+    /**
+     * Component that provides an input field for the Suggestion list.
+     *
+     * Place as a descendant of `Suggestion`
+     *
+     * @example
+     * <Suggestion>
+     *   <Suggestion.Input />
+     *   <Suggestion.List />
+     * </Suggestion>
+     */
+    Input: typeof SuggestionInput;
+    /**
+     * Component that provides an empty Suggestion list.
+     *
+     * Place as a descendant of `Suggestion.List`
+     *
+     * @example
+     * <Suggestion.List>
+     *   <Suggestion.Empty>Tomt</Suggestion.Empty>
+     * </Suggestion.List>
+     */
+    Empty: typeof SuggestionEmpty;
+    /**
+     * A component for rendering individual options in the Suggestion list.
+     *
+     * @example
+     * <Suggestion>
+     *   <Suggestion.Input />
+     *   <Suggestion.List>
+     *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
+     *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
+     *   </Suggestion.List>
+     * </Suggestion>
+     */
+    Option: typeof SuggestionOption;
+    /**
+     * Component that provides a clear button for the Suggestion input.
+     *
+     * Place as a descendant of `Suggestion`
+     *
+     * @example
+     * <Suggestion>
+     *   <Suggestion.Input />
+     *   <Suggestion.Clear />
+     *   <Suggestion.List />
+     * </Suggestion>
+     */
+    Clear: typeof SuggestionClear;
+};
 /**
  * A component that provides a suggestion list for an input field.
  *
@@ -18,48 +86,10 @@ import { SuggestionOption } from './suggestion-option';
  *   </Suggestion.List>
  * </Suggestion>
  */
-declare const EXPERIMENTAL_Suggestion: React.ForwardRefExoticComponent<{
-    filter?: boolean | ((args: {
-        index: number;
-        label: string;
-        text: string;
-        value: string;
-        optionElement: HTMLOptionElement;
-        input: HTMLInputElement;
-    }) => boolean);
-    creatable?: boolean;
-    multiple?: boolean;
-    value?: import("./suggestion").SuggestionValues;
-    defaultValue?: import("./suggestion").SuggestionValues;
-    onValueChange?: (value: {
-        label: string;
-        value: string;
-    }[]) => void;
-    name?: string;
-} & React.HTMLAttributes<import("@u-elements/u-combobox").UHTMLComboboxElement> & React.RefAttributes<import("@u-elements/u-combobox").UHTMLComboboxElement>> & {
-    Chips: {
-        ({ render, }: import("./suggestion-chips").SuggestionChipsProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    List: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDataListElement>, "singular" | "plural"> & {
-        singular?: string;
-        plural?: string;
-    } & React.RefAttributes<HTMLDataListElement>>;
-    Input: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
-        type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
-        size?: number;
-        disabled?: boolean;
-        readOnly?: boolean;
-        role?: React.AriaRole | undefined;
-    } & React.RefAttributes<HTMLInputElement>>;
-    Empty: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
-    Option: React.ForwardRefExoticComponent<React.OptionHTMLAttributes<HTMLOptionElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLOptionElement>>;
-    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
-        'aria-label'?: string;
-    } & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const EXPERIMENTAL_Suggestion: Suggestion;
 export { EXPERIMENTAL_Suggestion, SuggestionChips as EXPERIMENTAL_SuggestionChips, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionOption as EXPERIMENTAL_SuggestionOption, SuggestionClear as EXPERIMENTAL_SuggestionClear, };
-export type { SuggestionProps, SuggestionValues } from './suggestion';
+export type { SuggestionProps, SuggestionSelected, // Export SuggestionValues for easier useState
+SuggestionSelected as SuggestionValues, } from './suggestion';
 export type { SuggestionChipsProps } from './suggestion-chips';
 export type { SuggestionClearProps } from './suggestion-clear';
 export type { SuggestionEmptyProps } from './suggestion-empty';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO3B,CAAC;AAUH,OAAO,EACL,uBAAuB,EACvB,eAAe,IAAI,4BAA4B,EAC/C,cAAc,IAAI,2BAA2B,EAC7C,eAAe,IAAI,4BAA4B,EAC/C,eAAe,IAAI,4BAA4B,EAC/C,gBAAgB,IAAI,6BAA6B,EACjD,eAAe,IAAI,4BAA4B,GAChD,CAAC;AACF,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,UAAU,GAAG,OAAO,cAAc,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B;;;;;;;;;OASG;IACH,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,OAAO,gBAAgB,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,OAAO,eAAe,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB,EAAE,UAO7B,CAAC;AAUH,OAAO,EACL,uBAAuB,EACvB,eAAe,IAAI,4BAA4B,EAC/C,cAAc,IAAI,2BAA2B,EAC7C,eAAe,IAAI,4BAA4B,EAC/C,eAAe,IAAI,4BAA4B,EAC/C,gBAAgB,IAAI,6BAA6B,EACjD,eAAe,IAAI,4BAA4B,GAChD,CAAC;AACF,YAAY,EACV,eAAe,EACf,kBAAkB,EAAE,8CAA8C;AAClE,kBAAkB,IAAI,gBAAgB,GACvC,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/components/suggestion/suggestion-chips.d.ts

@@ -1,19 +1,11 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type SuggestionChipsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-    /**
-     * Change the rendered content of the chip.
-     *
-     * @default ({ label }) => label
-     */
-    render?: (args: {
-        label: string;
-        value: string;
-    }) => ReactNode;
-}>;
+export type SuggestionChipsProps = DefaultProps & HTMLAttributes<HTMLDivElement>;
+/**
+ * @deprecated Suggestion.Chips is deprecated, use `renderSelected` on `Suggestion` instead
+ */
 export declare const SuggestionChips: {
-    ({ render, }: SuggestionChipsProps): import("react/jsx-runtime").JSX.Element;
+    (): null;
     displayName: string;
 };
 //# sourceMappingURL=suggestion-chips.d.ts.map

package/dist/types/components/suggestion/suggestion-chips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-chips.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC3C,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChE,CACF,CAAC;AAEF,eAAO,MAAM,eAAe;kBAEzB,oBAAoB;;CAYtB,CAAC"}
+{"version":3,"file":"suggestion-chips.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAC7C,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,eAAe;;;CAK3B,CAAC"}

package/dist/types/components/suggestion/suggestion-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAI9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;0CAkC1B,CAAC"}
+{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAI9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;0CA2B1B,CAAC"}

package/dist/types/components/suggestion/suggestion-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IAxBvB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;6CAgEjB,CAAC"}
+{"version":3,"file":"suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IAxBvB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;6CAuDjB,CAAC"}

package/dist/types/components/suggestion/suggestion-option.d.ts

@@ -1,5 +1,17 @@
 import type { OptionHTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 export type SuggestionOptionProps = OptionHTMLAttributes<HTMLOptionElement> & DefaultProps;
+/**
+ * A component for rendering individual options in the Suggestion list.
+ *
+ * @example
+ * <Suggestion>
+ *   <Suggestion.Input />
+ *   <Suggestion.List>
+ *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
+ *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
+ *   </Suggestion.List>
+ * </Suggestion>
+ */
 export declare const SuggestionOption: React.ForwardRefExoticComponent<OptionHTMLAttributes<HTMLOptionElement> & DefaultProps & React.RefAttributes<HTMLOptionElement>>;
 //# sourceMappingURL=suggestion-option.d.ts.map

package/dist/types/components/suggestion/suggestion-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-option.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACzE,YAAY,CAAC;AAEf,eAAO,MAAM,gBAAgB,kIAW3B,CAAC"}
+{"version":3,"file":"suggestion-option.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACzE,YAAY,CAAC;AAEf;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,kIAW3B,CAAC"}

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

@@ -1,11 +1,14 @@
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import '@u-elements/u-combobox';
 import type { UHTMLComboboxElement } from '@u-elements/u-combobox';
-export type SuggestionValues = Array<string | Partial<Item>> | string;
+export type SuggestionSelected = Array<string | Partial<Item>> | string;
 type Item = {
     label: string;
     value: string;
 };
+type EventBeforeMatch = Omit<CustomEvent<HTMLOptionElement | undefined>, 'currentTarget'> & {
+    currentTarget: UHTMLComboboxElement;
+};
 type Filter = (args: {
     /**
      * Index of the `option`
@@ -33,20 +36,16 @@ type Filter = (args: {
     input: HTMLInputElement;
 }) => boolean;
 type SuggestionContextType = {
-    isEmpty?: boolean;
-    selectedItems?: Item[];
-    listId?: string;
-    setListId: (id: string) => void;
     handleFilter: (input?: HTMLInputElement | null) => void;
+    isEmpty?: boolean;
+    uComboboxRef?: React.RefObject<UHTMLComboboxElement | null>;
 };
 export declare const SuggestionContext: React.Context<SuggestionContextType>;
 export type SuggestionProps = {
     /**
-     * Filter options, either true, false or a custom callback () => boolean
+     * Filter options; boolean or a custom callback.
      *
-     * If true, the <datalist> will handle filtering.
-     * If false, the <datalist> will not handle filtering.
-     * If a custom callback, the callback will be used to filter the <option> elements.
+     * See {@link Filter} for the callback signature.
      *
      * @default true
      */
@@ -64,32 +63,60 @@ export type SuggestionProps = {
      */
     multiple?: boolean;
     /**
-     * The selected items of the multi-select.
-     * Using this makes the component controlled and it must be used in combination with onValueChange
+     * The selected items of the Suggestion.
+     *
+     * If `label` and `value` is the same, you can use `string[]`.
+     *
+     * If `label` and `value` is different, you must use `{ value: string; label: string}[]`.
+     *
+     * Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
+     */
+    selected?: SuggestionSelected;
+    /**
+     * @deprecated Use `selected` instead
      */
-    value?: SuggestionValues;
+    value?: SuggestionSelected;
     /**
      * Default selected items when uncontrolled
      */
-    defaultValue?: SuggestionValues;
+    defaultSelected?: SuggestionSelected;
+    /**
+     * @deprecated Use `defaultSelected` instead
+     */
+    defaultValue?: SuggestionSelected;
     /**
      * Callback when selected items changes
      */
+    onSelectedChange?: (value: Item[]) => void;
+    /**
+     * @deprecated Use `onSelectedChange` instead
+     */
     onValueChange?: (value: Item[]) => void;
+    /**
+     * Callback when matching input value against options
+     */
+    onBeforeMatch?: (event: EventBeforeMatch) => void;
     /**
      * The name of the associated form control
      *
      * @default undefined
      */
     name?: string;
+    /**
+     * Change how the selected options are rendered inside the `Chip`.
+     *
+     * @default ({ label }) => label
+     */
+    renderSelected?: (args: {
+        label: string;
+        value: string;
+    }) => ReactNode;
 } & HTMLAttributes<UHTMLComboboxElement>;
 export declare const Suggestion: React.ForwardRefExoticComponent<{
     /**
-     * Filter options, either true, false or a custom callback () => boolean
+     * Filter options; boolean or a custom callback.
      *
-     * If true, the <datalist> will handle filtering.
-     * If false, the <datalist> will not handle filtering.
-     * If a custom callback, the callback will be used to filter the <option> elements.
+     * See {@link Filter} for the callback signature.
      *
      * @default true
      */
@@ -107,24 +134,54 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      */
     multiple?: boolean;
     /**
-     * The selected items of the multi-select.
-     * Using this makes the component controlled and it must be used in combination with onValueChange
+     * The selected items of the Suggestion.
+     *
+     * If `label` and `value` is the same, you can use `string[]`.
+     *
+     * If `label` and `value` is different, you must use `{ value: string; label: string}[]`.
+     *
+     * Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
+     */
+    selected?: SuggestionSelected;
+    /**
+     * @deprecated Use `selected` instead
      */
-    value?: SuggestionValues;
+    value?: SuggestionSelected;
     /**
      * Default selected items when uncontrolled
      */
-    defaultValue?: SuggestionValues;
+    defaultSelected?: SuggestionSelected;
+    /**
+     * @deprecated Use `defaultSelected` instead
+     */
+    defaultValue?: SuggestionSelected;
     /**
      * Callback when selected items changes
      */
+    onSelectedChange?: (value: Item[]) => void;
+    /**
+     * @deprecated Use `onSelectedChange` instead
+     */
     onValueChange?: (value: Item[]) => void;
+    /**
+     * Callback when matching input value against options
+     */
+    onBeforeMatch?: (event: EventBeforeMatch) => void;
     /**
      * The name of the associated form control
      *
      * @default undefined
      */
     name?: string;
+    /**
+     * Change how the selected options are rendered inside the `Chip`.
+     *
+     * @default ({ label }) => label
+     */
+    renderSelected?: (args: {
+        label: string;
+        value: string;
+    }) => ReactNode;
 } & HTMLAttributes<UHTMLComboboxElement> & React.RefAttributes<UHTMLComboboxElement>>;
 export {};
 //# sourceMappingURL=suggestion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AACf,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAInE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC;AAEtE,KAAK,IAAI,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7C,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,KAAK,EAAE,gBAAgB,CAAC;CACzB,KAAK,OAAO,CAAC;AAEd,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAG5B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAgCzC,eAAO,MAAM,UAAU;IAzErB;;;;;;;;OAQG;aACM,OAAO,GAAG,MAAM;IACzB;;;;OAIG;gBACS,OAAO;IACnB;;;;OAIG;eACQ,OAAO;IAClB;;;OAGG;YACK,gBAAgB;IACxB;;OAEG;mBACY,gBAAgB;IAC/B;;OAEG;oBACa,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI;IACvC;;;;OAIG;WACI,MAAM;qFAqId,CAAC"}
+{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import type { TableProps } from './table';
+import { Table as TableRoot } from './table';
 import type { TableBodyProps } from './table-body';
 import { TableBody } from './table-body';
 import type { TableCellProps } from './table-cell';
@@ -11,6 +12,68 @@ import type { TableHeaderCellProps } from './table-header-cell';
 import { TableHeaderCell } from './table-header-cell';
 import type { TableRowProps } from './table-row';
 import { TableRow } from './table-row';
+type Table = typeof TableRoot & {
+    /**
+     * TableHead component, used to display the header of a table. Renders a native HTML thead element.
+     *
+     * @example
+     * <Table.Head>
+     *   <Table.Row>
+     *     <Table.HeaderCell>Name</Table.HeaderCell>
+     *     <Table.HeaderCell>Age</Table.HeaderCell>
+     *   </Table.Row>
+     * </Table.Head>
+     */
+    Head: typeof TableHead;
+    /**
+     * Table.Body component, used to display the body of a table. Renders a native HTML tbody element.
+     *
+     * @example
+     * <Table.Body>
+     *   <Table.Row>
+     *     <Table.Cell>John</Table.Cell>
+     *     <Table.Cell>25</Table.Cell>
+     *   </Table.Row>
+     * </Table.Body>
+     */
+    Body: typeof TableBody;
+    /**
+     * Table.Row component, used to display the rows of a table. Renders a native HTML tr element.
+     *
+     * @example
+     * <Table.Row>
+     *   <Table.Cell>John</Table.Cell>
+     *   <Table.Cell>25</Table.Cell>
+     * </Table.Row>
+     */
+    Row: typeof TableRow;
+    /**
+     * Table.Cell component, used to display the cells of a table. Renders a native HTML td element.
+     *
+     * @example
+     * <Table.Cell>John</Table.Cell>
+     */
+    Cell: typeof TableCell;
+    /**
+     * Table.HeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
+     *
+     * @example
+     * <Table.HeaderCell>Name</Table.HeaderCell>
+     */
+    HeaderCell: typeof TableHeaderCell;
+    /**
+     * Table.Foot component, used to display the footer of a table. Renders a native HTML tfoot element.
+     *
+     * @example
+     * <Table.Foot>
+     *   <Table.Row>
+     *     <Table.Cell>Total</Table.Cell>
+     *     <Table.Cell>2</Table.Cell>
+     *   </Table.Row>
+     * </Table.Foot>
+     */
+    Foot: typeof TableFoot;
+};
 /**
  * Table component, used to display tabular data. Renders a native HTML table element.
  *
@@ -36,21 +99,7 @@ import { TableRow } from './table-row';
  *   </Table.Foot>
  * </Table>
  */
-declare const Table: React.ForwardRefExoticComponent<{
-    zebra?: boolean;
-    stickyHeader?: boolean;
-    border?: boolean;
-    hover?: boolean;
-} & Omit<React.TableHTMLAttributes<HTMLTableElement>, "border"> & import("../../types").DefaultProps & React.RefAttributes<HTMLTableElement>> & {
-    Head: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-    Body: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-    Row: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-    Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    HeaderCell: React.ForwardRefExoticComponent<{
-        sort?: React.AriaAttributes["aria-sort"];
-    } & React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-    Foot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
-};
-export { Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell, TableFoot, };
+declare const TableComponent: Table;
+export { TableComponent as Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell, TableFoot, };
 export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, TableFootProps, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;CAOT,CAAC;AAUH,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,GACV,CAAC;AACF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,cAAc,GACf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,KAAK,KAAK,GAAG,OAAO,SAAS,GAAG;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,GAAG,EAAE,OAAO,QAAQ,CAAC;IACrB;;;;;OAKG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB;;;;;OAKG;IACH,UAAU,EAAE,OAAO,eAAe,CAAC;IACnC;;;;;;;;;;OAUG;IACH,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,cAAc,EAAE,KAOpB,CAAC;AAUH,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,GACV,CAAC;AACF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,cAAc,GACf,CAAC"}

package/dist/types/components/table/table-body.d.ts

@@ -4,12 +4,12 @@ export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
  * TableBody component, used to display the body of a table. Renders a native HTML tbody element.
  *
  * @example
- * <Table.Body>
- *   <Table.Row>
- *     <Table.Cell>John</Table.Cell>
- *     <Table.Cell>25</Table.Cell>
- *   </Table.Row>
- * </Table.Body>
+ * <TableBody>
+ *   <TableRow>
+ *     <TableCell>John</TableCell>
+ *     <TableCell>25</TableCell>
+ *   </TableRow>
+ * </TableBody>
  */
 export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=table-body.d.ts.map

package/dist/types/components/table/table-cell.d.ts

@@ -4,7 +4,7 @@ export type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
  * TableCell component, used to display the cells of a table. Renders a native HTML td element.
  *
  * @example
- * <Table.Cell>John</Table.Cell>
+ * <TableCell>John</TableCell>
  */
 export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 //# sourceMappingURL=table-cell.d.ts.map

package/dist/types/components/table/table-foot.d.ts

@@ -4,12 +4,12 @@ export type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
  * TableFoot component, used to display the footer of a table. Renders a native HTML tfoot element.
  *
  * @example
- * <Table.Foot>
- *   <Table.Row>
- *     <Table.Cell>Total</Table.Cell>
- *     <Table.Cell>2</Table.Cell>
- *   </Table.Row>
- * </Table.Foot>
+ * <TableFoot>
+ *   <TableRow>
+ *     <TableCell>Total</TableCell>
+ *     <TableCell>2</TableCell>
+ *   </TableRow>
+ * </TableFoot>
  */
 export declare const TableFoot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=table-foot.d.ts.map

package/dist/types/components/table/table-head.d.ts

@@ -4,12 +4,12 @@ export type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
  * TableHead component, used to display the header of a table. Renders a native HTML thead element.
  *
  * @example
- * <Table.Head>
- *   <Table.Row>
- *     <Table.HeaderCell>Name</Table.HeaderCell>
- *     <Table.HeaderCell>Age</Table.HeaderCell>
- *   </Table.Row>
- * </Table.Head>
+ * <TableHead>
+ *   <TableRow>
+ *     <TableHeaderCell>Name</TableHeaderCell>
+ *     <TableHeaderCell>Age</TableHeaderCell>
+ *   </TableRow>
+ * </TableHead>
  */
 export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=table-head.d.ts.map

package/dist/types/components/table/table-header-cell.d.ts

@@ -11,7 +11,7 @@ export type TableHeaderCellProps = {
  * TableHeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
  *
  * @example
- * <Table.HeaderCell>Name</Table.HeaderCell>
+ * <TableHeaderCell>Name</TableHeaderCell>
  */
 export declare const TableHeaderCell: React.ForwardRefExoticComponent<{
     /**

package/dist/types/components/table/table-row.d.ts

@@ -4,10 +4,10 @@ export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
  * TableRow component, used to display the rows of a table. Renders a native HTML tr element.
  *
  * @example
- * <Table.Row>
- *   <Table.Cell>John</Table.Cell>
- *   <Table.Cell>25</Table.Cell>
- * </Table.Row>
+ * <TableRow>
+ *   <TableCell>John</TableCell>
+ *   <TableCell>25</TableCell>
+ * </TableRow>
  */
 export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 //# sourceMappingURL=table-row.d.ts.map