@digdir/designsystemet-react 1.1.3 → 1.1.5

package/dist/types/components/skip-link/skip-link.d.ts

@@ -0,0 +1,31 @@
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SkipLinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
+    /**
+     * The content to display inside the skiplink.
+     */
+    children: ReactNode;
+    /**
+     * Href of an element in the DOM the skiplink should skip to. E.g #main-content
+     */
+    href: string;
+}>;
+/**
+ * SkipLink component, used to display a skip link within the page.
+ * Place it at the top of the page to allow users to skip to the main content.
+ *
+ * @example
+ * <SkipLink href='#main-content'>Skip to main content</SkipLink>
+ */
+export declare const SkipLink: React.ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "href"> & {
+    /**
+     * The content to display inside the skiplink.
+     */
+    children: ReactNode;
+    /**
+     * Href of an element in the DOM the skiplink should skip to. E.g #main-content
+     */
+    href: string;
+} & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/types/components/skip-link/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","sourceRoot":"","sources":["../../../src/components/skip-link/skip-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;IAlBjB;;OAEG;cACO,SAAS;IACnB;;OAEG;UACG,MAAM;2CAmBf,CAAC"}

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

@@ -0,0 +1,25 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export type SpinnerProps = {
+    /**
+     * Accessibile label
+     */
+    'aria-label'?: string;
+    /**
+     * Spinner size
+     */
+    'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+} & ComponentPropsWithoutRef<'svg'> & ({
+    'aria-label': string;
+    'aria-hidden'?: never;
+} | {
+    'aria-label'?: string;
+    'aria-hidden': true | 'true';
+});
+/**
+ * Spinner component used for indicating busy or indeterminate loading.
+ *
+ * @example
+ * <Spinner aria-label='Loading users...' />
+ */
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAIlE,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACjC,CACI;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GAC/C;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAC1D,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,OAAO,oFA0ClB,CAAC"}

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

@@ -0,0 +1,99 @@
+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.
+ *
+ * @example
+ * <Suggestion>
+ *   <Suggestion.Input />
+ *   <Suggestion.Clear />
+ *   <Suggestion.List>
+ *     <Suggestion.Empty>Tomt</Suggestion.Empty>
+ *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
+ *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
+ *   </Suggestion.List>
+ * </Suggestion>
+ */
+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, 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';
+export type { SuggestionInputProps } from './suggestion-input';
+export type { SuggestionListProps } from './suggestion-list';
+export type { SuggestionOptionProps } from './suggestion-option';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type SuggestionChipsProps = DefaultProps & HTMLAttributes<HTMLDivElement>;
+/**
+ * @deprecated Suggestion.Chips is deprecated, use `renderSelected` on `Suggestion` instead
+ */
+export declare const SuggestionChips: {
+    (): null;
+    displayName: string;
+};
+//# sourceMappingURL=suggestion-chips.d.ts.map

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

@@ -0,0 +1 @@
+{"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-clear.d.ts

@@ -0,0 +1,28 @@
+import { type ButtonProps } from '../button/button';
+export type SuggestionClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+};
+/**
+ * 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>
+ */
+export declare const SuggestionClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=suggestion-clear.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-clear.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-clear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAC7E;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;IAnB1B;;;OAGG;mBACY,MAAM;2CAmCrB,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { OptionHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type SuggestionEmptyProps = DefaultProps & OptionHTMLAttributes<HTMLOptionElement>;
+/**
+ * Component that provides an empty Suggestion list.
+ *
+ * Place as a descendant of `Suggestion.List`
+ *
+ * @example
+ * <Suggestion.List>
+ *   <Suggestion.Empty>Tomt</Suggestion.Empty>
+ * </Suggestion.List>
+ */
+export declare const SuggestionEmpty: React.ForwardRefExoticComponent<DefaultProps & OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+//# sourceMappingURL=suggestion-empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-empty.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAC7C,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,kIAM1B,CAAC"}

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

@@ -0,0 +1,33 @@
+import { type InputProps } from '../input/input';
+export type SuggestionInputProps = InputProps;
+declare global {
+    namespace React.JSX {
+        interface IntrinsicAttributes {
+            popovertarget?: string;
+        }
+    }
+    namespace React {
+        interface HTMLAttributes<T> {
+            popovertarget?: string;
+        }
+    }
+}
+/**
+ * Component that provides an input field for the Suggestion list.
+ *
+ * Place as a descendant of `Suggestion`
+ *
+ * @example
+ * <Suggestion>
+ *   <Suggestion.Input />
+ *   <Suggestion.List />
+ * </Suggestion>
+ */
+export declare const SuggestionInput: 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>>;
+//# sourceMappingURL=suggestion-input.d.ts.map

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

@@ -0,0 +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;;;;;;0CA2B1B,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { HTMLAttributes } from 'react';
+import '@u-elements/u-datalist';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SuggestionListProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDataListElement>, {
+    /**
+     * The screen reader announcement for singular Suggestion, where %d is the number of Suggestions
+     * @default '%d forslag'
+     */
+    singular?: string;
+    /**
+     * The screen reader announcement for plural Suggestions, where %d is the number of Suggestions
+     * @default '%d forslag'
+     */
+    plural?: string;
+}>;
+/**
+ * Component that provides a Suggestion list.
+ *
+ * Place as a descendant of `Suggestion`
+ *
+ * @example
+ * <Suggestion>
+ *   <Suggestion.Input />
+ *   <Suggestion.List />
+ * </Suggestion>
+ */
+export declare const SuggestionList: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDataListElement>, "singular" | "plural"> & {
+    /**
+     * The screen reader announcement for singular Suggestion, where %d is the number of Suggestions
+     * @default '%d forslag'
+     */
+    singular?: string;
+    /**
+     * The screen reader announcement for plural Suggestions, where %d is the number of Suggestions
+     * @default '%d forslag'
+     */
+    plural?: string;
+} & React.RefAttributes<HTMLDataListElement>>;
+//# sourceMappingURL=suggestion-list.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +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

@@ -0,0 +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;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,kIAW3B,CAAC"}

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

@@ -0,0 +1,187 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import '@u-elements/u-combobox';
+import type { UHTMLComboboxElement } from '@u-elements/u-combobox';
+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`
+     */
+    index: number;
+    /**
+     * Label content of the `option`
+     */
+    label: string;
+    /**
+     * Text content of the `option`
+     */
+    text: string;
+    /**
+     * Value of the `option`
+     */
+    value: string;
+    /**
+     * The DOM element of the `option`
+     */
+    optionElement: HTMLOptionElement;
+    /**
+     * The DOM element of the `input`
+     */
+    input: HTMLInputElement;
+}) => boolean;
+type SuggestionContextType = {
+    handleFilter: (input?: HTMLInputElement | null) => void;
+    isEmpty?: boolean;
+    uComboboxRef?: React.RefObject<UHTMLComboboxElement | null>;
+};
+export declare const SuggestionContext: React.Context<SuggestionContextType>;
+export type SuggestionProps = {
+    /**
+     * Filter options; boolean or a custom callback.
+     *
+     * See {@link Filter} for the callback signature.
+     *
+     * @default true
+     */
+    filter?: boolean | Filter;
+    /**
+     * Allows the user to create new items
+     *
+     * @default false
+     */
+    creatable?: boolean;
+    /**
+     * Allows the user to select multiple items
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 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 {@linkcode SuggestionProps.onSelectedChange|onSelectedChange}.
+     */
+    selected?: SuggestionSelected;
+    /**
+     * @deprecated Use {@linkcode SuggestionProps.selected|selected} instead
+     */
+    value?: SuggestionSelected;
+    /**
+     * Default selected items when uncontrolled
+     */
+    defaultSelected?: SuggestionSelected;
+    /**
+     * @deprecated Use `{@linkcode SuggestionProps.defaultSelected|defaultSelected} instead
+     */
+    defaultValue?: SuggestionSelected;
+    /**
+     * Callback when selected items changes
+     */
+    onSelectedChange?: (value: Item[]) => void;
+    /**
+     * @deprecated Use {@linkcode SuggestionProps.onSelectedChange|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; boolean or a custom callback.
+     *
+     * See {@link Filter} for the callback signature.
+     *
+     * @default true
+     */
+    filter?: boolean | Filter;
+    /**
+     * Allows the user to create new items
+     *
+     * @default false
+     */
+    creatable?: boolean;
+    /**
+     * Allows the user to select multiple items
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 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 {@linkcode SuggestionProps.onSelectedChange|onSelectedChange}.
+     */
+    selected?: SuggestionSelected;
+    /**
+     * @deprecated Use {@linkcode SuggestionProps.selected|selected} instead
+     */
+    value?: SuggestionSelected;
+    /**
+     * Default selected items when uncontrolled
+     */
+    defaultSelected?: SuggestionSelected;
+    /**
+     * @deprecated Use `{@linkcode SuggestionProps.defaultSelected|defaultSelected} instead
+     */
+    defaultValue?: SuggestionSelected;
+    /**
+     * Callback when selected items changes
+     */
+    onSelectedChange?: (value: Item[]) => void;
+    /**
+     * @deprecated Use {@linkcode SuggestionProps.onSelectedChange|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

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

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

@@ -0,0 +1,36 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../field';
+import { type InputProps } from '../input/input';
+export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, {
+    /**
+     * Optional aria-label
+     */
+    'aria-label'?: string;
+    /**
+     * Radio label
+     */
+    label?: ReactNode;
+    /**
+     * Description for field
+     */
+    description?: ReactNode;
+    /**
+     * Value of the `input` element
+     */
+    value?: InputProps['value'];
+    /**
+     * Position of switch
+     * @default start
+     */
+    position?: FieldProps['position'];
+} & LabelRequired>;
+/**
+ * Switch used to toggle options.
+ *
+ * @example
+ * <Switch label="I agree" value="agree" />
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,sFAyBjB,CAAC"}

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

@@ -0,0 +1,56 @@
+import type { TableProps } from './table';
+import type { TableBodyProps } from './table-body';
+import { TableBody } from './table-body';
+import type { TableCellProps } from './table-cell';
+import { TableCell } from './table-cell';
+import type { TableFootProps } from './table-foot';
+import { TableFoot } from './table-foot';
+import type { TableHeadProps } from './table-head';
+import { TableHead } from './table-head';
+import type { TableHeaderCellProps } from './table-header-cell';
+import { TableHeaderCell } from './table-header-cell';
+import type { TableRowProps } from './table-row';
+import { TableRow } from './table-row';
+/**
+ * Table component, used to display tabular data. Renders a native HTML table element.
+ *
+ * @example
+ * <Table>
+ *   <Table.Head>
+ *     <Table.Row>
+ *       <Table.HeaderCell>Name</Table.HeaderCell>
+ *       <Table.HeaderCell>Age</Table.HeaderCell>
+ *     </Table.Row>
+ *   </Table.Head>
+ *   <Table.Body>
+ *     <Table.Row>
+ *       <Table.Cell>John</Table.Cell>
+ *       <Table.Cell>25</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Body>
+ *   <Table.Foot>
+ *     <Table.Row>
+ *       <Table.Cell>Total</Table.Cell>
+ *       <Table.Cell>2</Table.Cell>
+ *     </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, };
+export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, TableFootProps, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import { type HTMLAttributes } from 'react';
+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>
+ */
+export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+//# sourceMappingURL=table-body.d.ts.map