@digdir/designsystemet-react 0.63.0 → 0.100.51-next.51

package/dist/types/components/Search/SearchInput.d.ts

@@ -0,0 +1,12 @@
+import type { DefaultProps } from '../../types';
+export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'type'>;
+/**
+ * SearchInput component, used to display a search input within the Search component.
+ *
+ * @example
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ * </Search>
+ */
+export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/types/components/Search/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACzC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AAEzE;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,gKAYvB,CAAC"}

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

@@ -0,0 +1,38 @@
+import { SearchButton } from './SearchButton';
+import { SearchClear } from './SearchClear';
+import { SearchInput } from './SearchInput';
+/**
+ * Search component, use to display different variations of a search input
+ *
+ * @example with button
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ *   <Search.Button />
+ * </Search>
+ *
+ * @example with icon
+ * <Search>
+ *   <Search.Input aria-label='Søk' />
+ *   <Search.Clear />
+ * </Search>
+ */
+declare const Search: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
+        'aria-label'?: string;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Button: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "variant" | "icon" | "loading" | "asChild"> & {
+        variant?: "primary" | "secondary" | "tertiary";
+        icon?: boolean;
+        loading?: boolean | React.ReactNode;
+        asChild?: boolean;
+        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
+};
+export type { SearchProps } from './Search';
+export type { SearchButtonProps } from './SearchButton';
+export type { SearchClearProps } from './SearchClear';
+export type { SearchInputProps } from './SearchInput';
+export { SearchClear, SearchButton, SearchInput, Search };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { SelectHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type SelectProps = MergeRight<Omit<DefaultProps, 'data-color'> & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, // Also Omit size as this sets amount of visible options in multiselect
+{
+    /**
+     * Defines if the select is readOnly
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Defines the width of Select, where "auto" matches the content width.
+     * @default full
+     */
+    width?: 'full' | 'auto';
+}>;
+/**
+ * Select component, used to display a native select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+export declare const Select: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & Omit<SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
+    /**
+     * Defines if the select is readOnly
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Defines the width of Select, where "auto" matches the content width.
+     * @default full
+     */
+    width?: "full" | "auto";
+} & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAC9B,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,EAAE,uEAAuE;AAC7I;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;IAtBf;;;OAGG;eACQ,OAAO;IAClB;;;OAGG;YACK,MAAM,GAAG,MAAM;2CAiC1B,CAAC"}

package/dist/types/components/Select/SelectOptgroup.d.ts

@@ -0,0 +1,27 @@
+import type { OptgroupHTMLAttributes } from 'react';
+export type SelectOptgroupProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptgroupHTMLAttributes<HTMLOptGroupElement>;
+/**
+ * SelectOptgroup component, used to display a native optgroup within a select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Optgroup label='Group 1'>
+ *     <Select.Option value='1'>Option 1</Select.Option>
+ *     <Select.Option value='2'>Option 2</Select.Option>
+ *   </Select.Optgroup>
+ * </Select>
+ */
+export declare const SelectOptgroup: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
+//# sourceMappingURL=SelectOptgroup.d.ts.map

package/dist/types/components/Select/SelectOptgroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptgroup.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectOptgroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;IAlBzB;;;OAGG;cACO,OAAO;2FAqBjB,CAAC"}

package/dist/types/components/Select/SelectOption.d.ts

@@ -0,0 +1,25 @@
+import type { OptionHTMLAttributes } from 'react';
+export type SelectOptionProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptionHTMLAttributes<HTMLOptionElement>;
+/**
+ * SelectOption component, used to display a native option within a select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+export declare const SelectOption: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+//# sourceMappingURL=SelectOption.d.ts.map

package/dist/types/components/Select/SelectOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;IAhBvB;;;OAGG;cACO,OAAO;qFAkBlB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { SelectOptgroup } from './SelectOptgroup';
+import { SelectOption } from './SelectOption';
+/**
+ * Select component, used to display a native select.
+ *
+ * @example
+ * <Select>
+ *   <Select.Option value='1'>Option 1</Select.Option>
+ *   <Select.Option value='2'>Option 2</Select.Option>
+ * </Select>
+ */
+declare const Select: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps, "data-color"> & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
+    readOnly?: boolean;
+    width?: "full" | "auto";
+} & React.RefAttributes<HTMLSelectElement>> & {
+    Option: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+    Optgroup: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
+};
+export type { SelectProps } from './Select';
+export type { SelectOptionProps } from './SelectOption';
+export type { SelectOptgroupProps } from './SelectOptgroup';
+export { Select, SelectOption, SelectOptgroup };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;;;;GAQG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;CAGV,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,37 @@
+import { type HTMLAttributes } from 'react';
+export type SkeletonProps = {
+    /**
+     * The width of the component
+     */
+    width?: string | number;
+    /**
+     * The height of the component
+     */
+    height?: string | number;
+    /**
+     * The shape variant
+     * @default 'rectangle'
+     */
+    variant?: 'rectangle' | 'circle' | 'text';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLSpanElement> & ({
+    variant: 'text';
+    characters?: number;
+} | {
+    variant?: 'rectangle' | 'circle';
+    characters?: never;
+});
+/**
+ * Skeleton is used to represent a draft of page while the content loads.
+ *
+ * @example
+ * <Skeleton variant="circle" />
+ * <Skeleton variant="text" />
+ * <Skeleton variant="rectangle" />
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,eAAe,CAAC,GACjC,CACI;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,CAC3D,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,uFAgCpB,CAAC"}

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

@@ -1,24 +1,3 @@
-import { Circle as SkeletonCircle, type CircleProps as SkeletonCircleProps } from './Circle/Circle';
-import { Rectangle as SkeletonRectangle, type RectangleProps as SkeletonRectangleProps } from './Rectangle/Rectangle';
-import { Text as SkeletonText, type TextProps as SkeletonTextProps } from './Text/Text';
-/**
- * Represent a draft of page while the content loads. Mix different skeleton components to create your layout.
- * @example
- *   <Skeleton.Circle />
- *   <Skeleton.Text />
- *   <Skeleton.Text />
- *   <Skeleton.Text />
- *   <Skeleton.Rectangle />
- */
-type SkeletonComponent = {
-    /**  Skeleton component used for indicating loading elements of circular shape */
-    Circle: typeof SkeletonCircle;
-    /**  Skeleton component used for indicating loading elements of rectangle shape */
-    Rectangle: typeof SkeletonRectangle;
-    /**  Skeleton component used for indicating loading elements of text */
-    Text: typeof SkeletonText;
-};
-declare const Skeleton: SkeletonComponent;
-export type { SkeletonCircleProps, SkeletonRectangleProps, SkeletonTextProps };
-export { Skeleton, SkeletonCircle, SkeletonRectangle, SkeletonText };
+export type { SkeletonProps } from './Skeleton';
+export { Skeleton } from './Skeleton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,cAAc,EACxB,KAAK,WAAW,IAAI,mBAAmB,EACxC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,SAAS,IAAI,iBAAiB,EAC9B,KAAK,cAAc,IAAI,sBAAsB,EAC9C,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,IAAI,IAAI,YAAY,EACpB,KAAK,SAAS,IAAI,iBAAiB,EACpC,MAAM,aAAa,CAAC;AAErB;;;;;;;;GAQG;AACH,KAAK,iBAAiB,GAAG;IACvB,iFAAiF;IACjF,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,kFAAkF;IAClF,SAAS,EAAE,OAAO,iBAAiB,CAAC;IACpC,uEAAuE;IACvE,IAAI,EAAE,OAAO,YAAY,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,iBAIf,CAAC;AAMF,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,12 +1,31 @@
-import type { AnchorHTMLAttributes, ReactNode } from 'react';
-export type SkipLinkProps = {
-    /** The content to display inside the skiplink. */
+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 of an element in the DOM the skiplink should skip to. E.g #main-content
+     */
     href: string;
-} & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const SkipLink: {
-    ({ href, children, className, ...rest }: SkipLinkProps): JSX.Element;
-    displayName: 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=SkipLink.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG;IAC1B,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IAEpB,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,QAAQ;6CAKlB,aAAa,GAAG,WAAW;;CAU7B,CAAC"}
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAc,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/SkipLink/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkipLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,22 +1,25 @@
-import type * as React from 'react';
-type OldSpinnerSizes = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+import { type ComponentPropsWithoutRef } from 'react';
 export type SpinnerProps = {
-    /** Spinner title  */
-    title: string;
+    /**
+     * Accessibile label
+     */
+    'aria-label'?: string;
     /**
      * Spinner size
-     *
-     * @default md
-     * @note `xxsmall`, `xsmall`, `small`, `medium`, `large`, `xlarge` is deprecated
      */
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldSpinnerSizes;
-    /** Spinner appearance  */
-    variant?: 'default' | 'interaction' | 'inverted';
-} & React.ComponentPropsWithoutRef<'svg'>;
-/**  Spinner component used for indicating busy or indeterminate loading */
-export declare const Spinner: {
-    ({ title, variant, className, style, ...rest }: SpinnerProps): JSX.Element;
-    displayName: string;
-};
-export {};
+    '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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAab,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,eAAe,CAAC;IAClE,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;CAClD,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO;oDAMjB,YAAY,GAAG,WAAW;;CAgD5B,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,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/Spinner/index.d.ts

@@ -1,3 +1,3 @@
-export type { SpinnerProps } from './Spinner';
 export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,102 @@
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+type SuggestionContextType = {
+    listId?: string;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    setListId?: (id: string) => void;
+    handleFilter?: (input?: HTMLInputElement | null) => void;
+};
+export declare const SuggestionContext: React.Context<SuggestionContextType>;
+export type SuggestionProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Filter options, either true, false or a custom callback () => boolean
+     *
+     * 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.
+     *
+     * @default true
+     */
+    filter?: boolean | ((args: {
+        /**
+         * Index of the `option`
+         */
+        index: number;
+        /**
+         * 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);
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * 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>
+ */
+export declare const Suggestion: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "filter" | "asChild"> & {
+    /**
+     * Filter options, either true, false or a custom callback () => boolean
+     *
+     * 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.
+     *
+     * @default true
+     */
+    filter?: boolean | ((args: {
+        /**
+         * Index of the `option`
+         */
+        index: number;
+        /**
+         * 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);
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+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":"AAGA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,sCAA2C,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;;;;;OAQG;IACH,MAAM,CAAC,EACH,OAAO,GACP,CAAC,CAAC,IAAI,EAAE;QACN;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,MAAM,CAAC;QACb;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,EAAE,iBAAiB,CAAC;QACjC;;WAEG;QACH,KAAK,EAAE,gBAAgB,CAAC;KACzB,KAAK,OAAO,CAAC,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU;IAvDnB;;;;;;;;OAQG;aAEC,OAAO,GACP,CAAC,CAAC,IAAI,EAAE;QACN;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,MAAM,CAAC;QACb;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,aAAa,EAAE,iBAAiB,CAAC;QACjC;;WAEG;QACH,KAAK,EAAE,gBAAgB,CAAC;KACzB,KAAK,OAAO,CAAC;IAClB;;;OAGG;cACO,OAAO;wCAgEpB,CAAC"}

package/dist/types/components/Suggestion/SuggestionClear.d.ts

@@ -0,0 +1,35 @@
+import { type ButtonProps } from '../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>>;
+type ReactInternalHack = {
+    _valueTracker?: {
+        setValue: (a: string) => void;
+    };
+};
+export declare const setReactInputValue: (input: HTMLInputElement & ReactInternalHack, value: string) => void;
+export {};
+//# sourceMappingURL=SuggestionClear.d.ts.map

package/dist/types/components/Suggestion/SuggestionClear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionClear.d.ts","sourceRoot":"","sources":["../../../src/components/Suggestion/SuggestionClear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,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;2CAiDrB,CAAC;AAIH,KAAK,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,kBAAkB,UACtB,gBAAgB,GAAG,iBAAiB,SACpC,MAAM,KACZ,IAaF,CAAC"}

package/dist/types/components/Suggestion/SuggestionEmpty.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=SuggestionEmpty.d.ts.map

package/dist/types/components/Suggestion/SuggestionEmpty.d.ts.map

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

package/dist/types/components/Suggestion/SuggestionInput.d.ts

@@ -0,0 +1,21 @@
+import { type InputProps } from '../Input';
+export type SuggestionInputProps = InputProps;
+/**
+ * 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=SuggestionInput.d.ts.map

package/dist/types/components/Suggestion/SuggestionInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionInput.d.ts","sourceRoot":"","sources":["../../../src/components/Suggestion/SuggestionInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAE9C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;0CAmC1B,CAAC"}

package/dist/types/components/Suggestion/SuggestionList.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=SuggestionList.d.ts.map

package/dist/types/components/Suggestion/SuggestionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionList.d.ts","sourceRoot":"","sources":["../../../src/components/Suggestion/SuggestionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAChC,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;6CAwCjB,CAAC"}