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

package/dist/types/components/Fieldset/FieldsetDescription.d.ts

@@ -0,0 +1,16 @@
+import { type ParagraphProps } from '../Paragraph/Paragraph';
+export type FieldsetDescriptionProps = ParagraphProps;
+/**
+ * FieldsetDescription component, used to display a description for a fieldset.
+ *
+ * @example
+ * <Fieldset.Description>
+ *   Gi en kort beskrivelse i begge feltene
+ * </Fieldset.Description>
+ */
+export declare const FieldsetDescription: React.ForwardRefExoticComponent<{
+    'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
+    variant?: "long" | "default" | "short";
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLLegendElement>>;
+//# sourceMappingURL=FieldsetDescription.d.ts.map

package/dist/types/components/Fieldset/FieldsetDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/FieldsetDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AAEtD;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;wFAK9B,CAAC"}

package/dist/types/components/Fieldset/FieldsetLegend.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement> & DefaultProps;
+/**
+ * FieldsetLegend component, used to display a legend for a fieldset.
+ *
+ * @example
+ * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ */
+export declare const FieldsetLegend: React.ForwardRefExoticComponent<HTMLAttributes<HTMLLegendElement> & DefaultProps & React.RefAttributes<HTMLLegendElement>>;
+//# sourceMappingURL=FieldsetLegend.d.ts.map

package/dist/types/components/Fieldset/FieldsetLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/FieldsetLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GACjE,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4HASzB,CAAC"}

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

@@ -0,0 +1,30 @@
+import { FieldsetDescription } from './FieldsetDescription';
+import { FieldsetLegend } from './FieldsetLegend';
+/**
+ * Fieldset component, used to wrap a form field.
+ *
+ * @example
+ * <Fieldset>
+ *   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ *   <Fieldset.Description>
+ *     Gi en kort beskrivelse i begge feltene
+ *   </Fieldset.Description>
+ *   <Field>
+ *     <Label>Kort beskrivelse</Label>
+ *     <Input />
+ *   </Field>
+ * </Fieldset>
+ */
+declare const Fieldset: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>> & {
+    Legend: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLegendElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLLegendElement>>;
+    Description: React.ForwardRefExoticComponent<{
+        'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
+        variant?: "long" | "default" | "short";
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLLegendElement>>;
+};
+export type { FieldsetLegendProps } from './FieldsetLegend';
+export type { FieldsetDescriptionProps } from './FieldsetDescription';
+export type { FieldsetProps } from './Fieldset';
+export { Fieldset, FieldsetLegend, FieldsetDescription };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,QAAQ;;;;;;;CAGZ,CAAC;AAKH,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,42 @@
+import type { HTMLAttributes } from 'react';
+export type HeadingProps = {
+    /**
+     * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
+     * @default 2
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Changes text sizing
+     * @default 'md'
+     */
+    'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLHeadingElement>;
+/**
+ * Use `Heading` to render h1-6 elements with heading text styles.
+ *
+ * @example
+ * <Heading data-size='lg' level={2}>Heading</Heading>
+ */
+export declare const Heading: React.ForwardRefExoticComponent<{
+    /**
+     * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
+     * @default 2
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Changes text sizing
+     * @default 'md'
+     */
+    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAvBlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;;OAGG;kBACW,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;IAC9D;;;OAGG;cACO,OAAO;iFAiBlB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,62 @@
+import type { InputHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+type InputAttr = InputHTMLAttributes<HTMLInputElement>;
+export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix' | 'type'>, {
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+    /**
+     * Defines the width of `Input` in count of characters.
+     */
+    size?: number;
+    /**
+     * Disables element
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /**
+     * Toggle `readOnly`
+     **/
+    readOnly?: boolean;
+    /**
+     * Set role, i.e. `switch` when `checkbox` or `radio`
+     **/
+    role?: InputAttr['role'];
+}>;
+/**
+ * Input renders a native `input` element.
+ *
+ * @example
+ * <Input />
+ */
+export declare const Input: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
+    /**
+     * Defines the width of `Input` in count of characters.
+     */
+    size?: number;
+    /**
+     * Disables element
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /**
+     * Toggle `readOnly`
+     **/
+    readOnly?: boolean;
+    /**
+     * Set role, i.e. `switch` when `checkbox` or `radio`
+     **/
+    role?: InputAttr["role"];
+} & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,EACjD;IACE;;;;SAIK;IACL,IAAI,CAAC,EACD,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GAER,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GAGP,QAAQ,GAER,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;QAEI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;QAEI;IACJ,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IArDd;;;;SAIK;WAED,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GAER,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GAGP,QAAQ,GAER,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM;IACV;;OAEG;WACI,MAAM;IACb;;;OAGG;eACQ,OAAO;IAClB;;QAEI;eACO,OAAO;IAClB;;QAEI;WACG,SAAS,CAAC,MAAM,CAAC;0CA2B1B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,33 @@
+import type { LabelHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type LabelProps = {
+    /**
+     * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
+     * @default 'medium'
+     */
+    weight?: 'regular' | 'medium' | 'semibold';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps;
+/**
+ * Use `Label` for labels. Renders a native `label` element.
+ *
+ * @example
+ * <Label data-size='lg' weight='medium'>Label</Label>
+ */
+export declare const Label: React.ForwardRefExoticComponent<{
+    /**
+     * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
+     * @default 'medium'
+     */
+    weight?: "regular" | "medium" | "semibold";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;iGAwBjB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,38 +1,32 @@
 import type { AnchorHTMLAttributes, ReactNode } from 'react';
-export type LinkProps = {
-    /** The content to display inside the link. */
-    children: ReactNode;
-    /** Custom class name for the link. This will be appended to the design system class names. */
-    className?: string;
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
     /**
-     * The color of the link.
-     * @default 'accent'
-     */
-    color?: 'accent' | 'neutral';
-    /** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
-    href?: string;
+     * The content to display inside the link.
+     **/
+    children: ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
-} & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Link: import("react").ForwardRefExoticComponent<{
-    /** The content to display inside the link. */
-    children: ReactNode;
-    /** Custom class name for the link. This will be appended to the design system class names. */
-    className?: string | undefined;
+}>;
+/**
+ * Link component, renders a native `a` element.
+ *
+ * @example
+ * <Link href='#'>Link</Link>
+ */
+export declare const Link: React.ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     /**
-     * The color of the link.
-     * @default 'accent'
-     */
-    color?: "accent" | "neutral" | undefined;
-    /** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
-    href?: string | undefined;
+     * The content to display inside the link.
+     **/
+    children: ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
-    asChild?: boolean | undefined;
-} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAE7B,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IArBf,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F;;;OAGG;;IAGH,4IAA4I;;IAE5I;;;OAGG;;+FAkBJ,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;QAEI;IACJ,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,IAAI;IAlBb;;QAEI;cACM,SAAS;IACnB;;;OAGG;cACO,OAAO;2CAkBpB,CAAC"}

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

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

package/dist/types/components/List/ListItem.d.ts

@@ -6,11 +6,11 @@ export type ListItemProps = {
      */
     asChild?: boolean;
 } & LiHTMLAttributes<HTMLLIElement>;
-export declare const ListItem: import("react").ForwardRefExoticComponent<{
+export declare const ListItem: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
-    asChild?: boolean | undefined;
-} & LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+    asChild?: boolean;
+} & LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=ListItem.d.ts.map

package/dist/types/components/List/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ;IAPnB;;;OAGG;;mFAgBJ,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ;IAPnB;;;OAGG;cACO,OAAO;yEASlB,CAAC"}

package/dist/types/components/List/Lists.d.ts

@@ -1,30 +1,47 @@
 import type { HTMLAttributes, OlHTMLAttributes } from 'react';
-export type ListUnorderedProps = {
+import type { DefaultProps } from '../../types';
+type ListBaseProps = {
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
-} & Omit<HTMLAttributes<HTMLUListElement>, 'size'>;
-export declare const Unordered: import("react").ForwardRefExoticComponent<{
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean | undefined;
-} & Omit<HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLUListElement>>;
-export type ListOrderedProps = {
+} & DefaultProps;
+export type ListUnorderedProps = ListBaseProps & Omit<HTMLAttributes<HTMLUListElement>, 'size'>;
+export type ListOrderedProps = ListBaseProps & Omit<OlHTMLAttributes<HTMLOListElement>, 'size'>;
+/**
+ * ListUnordered component, used to display a list of items.
+ * Renders a native `ul` element.
+ *
+ * @example
+ * <List.Unordered>
+ *   <List.Item>Item 1</List.Item>
+ *   <List.Item>Item 2</List.Item>
+ * </List.Unordered>
+ */
+export declare const ListUnordered: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
-} & Omit<OlHTMLAttributes<HTMLOListElement>, 'size'>;
-export declare const Ordered: import("react").ForwardRefExoticComponent<{
+} & DefaultProps & Omit<HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
+/**
+ * ListOrdered component, used to display a list of items.
+ * Renders a native `ol` element.
+ *
+ * @example
+ * <List.Ordered>
+ *   <List.Item>Item 1</List.Item>
+ *   <List.Item>Item 2</List.Item>
+ * </List.Ordered>
+ */
+export declare const ListOrdered: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
-    asChild?: boolean | undefined;
-} & Omit<OlHTMLAttributes<HTMLOListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
+    asChild?: boolean;
+} & DefaultProps & Omit<OlHTMLAttributes<HTMLOListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
+export {};
 //# sourceMappingURL=Lists.d.ts.map

package/dist/types/components/List/Lists.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lists.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Lists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAS9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,SAAS;IAPpB;;;OAGG;;qGAwBJ,CAAC;AAIF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,OAAO;IAPlB;;;OAGG;;uGAwBJ,CAAC"}
+{"version":3,"file":"Lists.d.ts","sourceRoot":"","sources":["../../../src/components/List/Lists.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,cAAc,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,YAAY,CAAC;AAEjB,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAC5C,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAC1C,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAYnD;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;IAjCxB;;;OAGG;cACO,OAAO;0GAiClB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IAjDtB;;;OAGG;cACO,OAAO;4GAiDlB,CAAC"}

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

@@ -1,18 +1,17 @@
-import { ListRoot } from './ListRoot';
 import { ListItem } from './ListItem';
-import { ListHeading } from './ListHeading';
-import { Ordered, Unordered } from './Lists';
-type ListComponent = {
-    Root: typeof ListRoot;
-    Item: typeof ListItem;
-    Heading: typeof ListHeading;
-    Ordered: typeof Ordered;
-    Unordered: typeof Unordered;
+import { ListOrdered, ListUnordered } from './Lists';
+declare const List: {
+    Item: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+    Ordered: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & import("../../types").DefaultProps & Omit<React.OlHTMLAttributes<HTMLOListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
+    Unordered: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
 };
-declare const List: ListComponent;
-export type { ListProps } from './ListRoot';
-export type { ListItemProps } from './ListItem';
-export type { ListHeadingProps } from './ListHeading';
 export type { ListOrderedProps, ListUnorderedProps } from './Lists';
-export { List, ListRoot, ListItem, ListHeading, Ordered as ListOrdered, Unordered as ListUnordered, };
+export type { ListItemProps } from './ListItem';
+export { List, ListOrdered, ListUnordered, ListItem };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,SAAS,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,aAAmC,CAAC;AAchD,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEpE,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,IAAI,WAAW,EACtB,SAAS,IAAI,aAAa,GAC3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;;;CAIT,CAAC;AAMF,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,131 @@
+import { type HTMLAttributes, type RefObject } from 'react';
+import '@u-elements/u-tags';
+import type { UHTMLTagsElement } from '@u-elements/u-tags';
+type MultiSuggestionContextType = {
+    selectedItems?: {
+        [key: string]: HTMLDataElement;
+    };
+    listId?: string;
+    inputRef?: RefObject<HTMLInputElement | null>;
+    setListId?: (id: string) => void;
+    handleFilter?: (input?: HTMLInputElement | null) => void;
+};
+export declare const MultiSuggestionContext: React.Context<MultiSuggestionContextType>;
+export type MultiSuggestionProps = {
+    /**
+     * 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);
+    /**
+     * Allows the user to create new items
+     *
+     * @default false
+     */
+    allowCreate?: boolean;
+    /**
+     * The selected items of the multi-select.
+     * Using this makes the component controlled and it must be used in combination with onValueChange
+     */
+    value?: string[];
+    /**
+     * Default selected items when uncontrolled
+     */
+    defaultValue?: string[];
+    /**
+     * Callback when selected items changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * The name of the associated form control
+     *
+     * @default undefined
+     */
+    name?: string;
+} & HTMLAttributes<UHTMLTagsElement>;
+export declare const MultiSuggestion: React.ForwardRefExoticComponent<{
+    /**
+     * 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);
+    /**
+     * Allows the user to create new items
+     *
+     * @default false
+     */
+    allowCreate?: boolean;
+    /**
+     * The selected items of the multi-select.
+     * Using this makes the component controlled and it must be used in combination with onValueChange
+     */
+    value?: string[];
+    /**
+     * Default selected items when uncontrolled
+     */
+    defaultValue?: string[];
+    /**
+     * Callback when selected items changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * The name of the associated form control
+     *
+     * @default undefined
+     */
+    name?: string;
+} & HTMLAttributes<UHTMLTagsElement> & React.RefAttributes<UHTMLTagsElement>>;
+export {};
+//# sourceMappingURL=MultiSuggestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestion.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,KAAK,0BAA0B,GAAG;IAChC,aAAa,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;KAAE,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C,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,sBAAsB,2CAElC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;;;;;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;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,eAAe;IA5D1B;;;;;;;;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;;;;OAIG;kBACW,OAAO;IACrB;;;OAGG;YACK,MAAM,EAAE;IAChB;;OAEG;mBACY,MAAM,EAAE;IACvB;;OAEG;oBACa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC;;;;OAIG;WACI,MAAM;6EA0Nb,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionChips.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type MultiSuggestionChipsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Change the rendered content of the chip.
+     *
+     * @default ({ value }) => value
+     */
+    render?: (args: {
+        text: string;
+        value: string;
+        element: HTMLDataElement;
+    }) => ReactNode;
+}>;
+export declare const MultiSuggestionChips: {
+    ({ render, }: MultiSuggestionChipsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=MultiSuggestionChips.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestionChips.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionChips.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,yBAAyB,GAAG,UAAU,CAChD,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,eAAe,CAAC;KAC1B,KAAK,SAAS,CAAC;CACjB,CACF,CAAC;AAEF,eAAO,MAAM,oBAAoB;kBAE9B,yBAAyB;;CAmB3B,CAAC"}