@digdir/designsystemet-react 1.0.0-next.46 → 1.0.0-next.48

package/dist/types/components/Field/FieldCounter.d.ts

@@ -1,26 +1,55 @@
 import { type ValidationMessageProps } from '../ValidationMessage';
 export type FieldCounterProps = {
-    /** Label template for when `maxCount` is exceeded
+    /**
+     * Label template for when `maxCount` is exceeded.
+     * Use `%d` to insert the number of characters.
+     *
      * @default '%d tegn for mye'
      */
     over?: string;
-    /** Label template for count
+    /**
+     * Label template for count.
+     * Use `%d` to insert the number of characters.
+     *
      * @default '%d tegn igjen'
      */
     under?: string;
-    /** The maximum allowed characters. */
+    /**
+     * The maximum allowed characters.
+     *
+     * @default undefined
+     **/
     limit: number;
 } & ValidationMessageProps;
+/**
+ * FieldCounter component, used to display a counter for a form field.
+ *
+ * @example
+ * <Field>
+ *   <Input />
+ *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
+ * </Field>
+ */
 export declare const FieldCounter: React.ForwardRefExoticComponent<{
-    /** Label template for when `maxCount` is exceeded
+    /**
+     * Label template for when `maxCount` is exceeded.
+     * Use `%d` to insert the number of characters.
+     *
      * @default '%d tegn for mye'
      */
     over?: string;
-    /** Label template for count
+    /**
+     * Label template for count.
+     * Use `%d` to insert the number of characters.
+     *
      * @default '%d tegn igjen'
      */
     under?: string;
-    /** The maximum allowed characters. */
+    /**
+     * The maximum allowed characters.
+     *
+     * @default undefined
+     **/
     limit: number;
 } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
     'data-color'?: import("../../colors").SeverityColors;

package/dist/types/components/Field/FieldCounter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldCounter.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldCounter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAC;AAG9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAK3B,eAAO,MAAM,YAAY;IAfvB;;OAEG;WACI,MAAM;IACb;;OAEG;YACK,MAAM;IACd,sCAAsC;WAC/B,MAAM;;;;8CAqDd,CAAC"}
+{"version":3,"file":"FieldCounter.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldCounter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAC;AAG9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;QAII;IACJ,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAK3B;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;IAlCvB;;;;;OAKG;WACI,MAAM;IACb;;;;;OAKG;YACK,MAAM;IACd;;;;QAII;WACG,MAAM;;;;8CA8Dd,CAAC"}

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

@@ -2,12 +2,14 @@ import { FieldAffix, FieldAffixes } from './FieldAffix';
 import { FieldCounter } from './FieldCounter';
 import { FieldDescription } from './FieldDescription';
 /**
+ * Field component, used to wrap a form field.
+ *
  * @example
- * <Field>
- *  <Label>Label text</Label>
- *  <Field.Description>Description</Field.Description>
- *  <Input />
- *  <ValidationMessage>Validation message</ValidationMessage>
+ * <Field data-my-field>
+ *   <Label>Kort beskrivelse</Label>
+ *   <Field.Description>Beskrivelse</Field.Description>
+ *   <Input />
+ *   <ValidationMessage>Feilmelding</ValidationMessage>
  * </Field>
  */
 declare const Field: React.ForwardRefExoticComponent<{

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,5 +1,20 @@
 import type { FieldsetHTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';
 export type FieldsetProps = DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>;
+/**
+ * Fieldset component, used to wrap a form field. Uses native `fieldset` element.
+ *
+ * @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>
+ */
 export declare const Fieldset: React.ForwardRefExoticComponent<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>>;
 //# sourceMappingURL=Fieldset.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,YAAY,GACtC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C,eAAO,MAAM,QAAQ,wIAMpB,CAAC"}
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,YAAY,GACtC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,wIAMpB,CAAC"}

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

@@ -1,5 +1,13 @@
 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" | (string & {});
     variant?: "long" | "default" | "short";

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

@@ -1 +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,eAAO,MAAM,mBAAmB;;;;wFAK9B,CAAC"}
+{"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

@@ -1,5 +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

@@ -1 +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,eAAO,MAAM,cAAc,4HASzB,CAAC"}
+{"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

@@ -1,11 +1,18 @@
 import { FieldsetDescription } from './FieldsetDescription';
 import { FieldsetLegend } from './FieldsetLegend';
 /**
+ * Fieldset component, used to wrap a form field.
+ *
  * @example
  * <Fieldset>
- *  <Fieldset.Legend>Legend text</Fieldset.Legend>
- *  <Fieldset.Description>Description text</Fieldset.Description>
- *  ...input components
+ *   <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>> & {

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

@@ -1 +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;;;;;;;GAOG;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"}
+{"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

@@ -5,7 +5,9 @@ export type HeadingProps = {
      * @default 2
      */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Changes text sizing
+    /**
+     * Changes text sizing
+     * @default 'md'
      */
     'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | (string & {});
     /**
@@ -26,7 +28,9 @@ export declare const Heading: React.ForwardRefExoticComponent<{
      * @default 2
      */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Changes text sizing
+    /**
+     * Changes text sizing
+     * @default 'md'
      */
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | (string & {});
     /**

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

@@ -1 +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;OACG;IACH,WAAW,CAAC,EACR,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IA7BlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;OACG;kBAEC,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC;IACjB;;;OAGG;cACO,OAAO;iFAiBlB,CAAC"}
+{"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,EACR,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IA/BlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;;OAGG;kBAEC,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,CAAC,MAAM,GAAG,EAAE,CAAC;IACjB;;;OAGG;cACO,OAAO;iFAiBlB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"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

@@ -9,24 +9,29 @@ export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix' | 't
      * @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.
+    /**
+     * Defines the width of `Input` in count of characters.
      */
     size?: number;
-    /** Disables element
+    /**
+     * Disables element
      * @note Avoid using if possible for accessibility purposes
      */
     disabled?: boolean;
-    /** Toggle `readOnly` */
+    /**
+     * Toggle `readOnly`
+     **/
     readOnly?: boolean;
-    /** Set role, i.e. `switch` when `checkbox` or `radio` */
+    /**
+     * Set role, i.e. `switch` when `checkbox` or `radio`
+     **/
     role?: InputAttr['role'];
 }>;
-/** Input field
+/**
+ * Input renders a native `input` element.
  *
  * @example
- * ```tsx
  * <Input />
- * ```
  */
 export declare const Input: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
     /**
@@ -35,16 +40,22 @@ export declare const Input: React.ForwardRefExoticComponent<Omit<DefaultProps &
      * @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.
+    /**
+     * Defines the width of `Input` in count of characters.
      */
     size?: number;
-    /** Disables element
+    /**
+     * Disables element
      * @note Avoid using if possible for accessibility purposes
      */
     disabled?: boolean;
-    /** Toggle `readOnly` */
+    /**
+     * Toggle `readOnly`
+     **/
     readOnly?: boolean;
-    /** Set role, i.e. `switch` when `checkbox` or `radio` */
+    /**
+     * Set role, i.e. `switch` when `checkbox` or `radio`
+     **/
     role?: InputAttr["role"];
 } & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1 +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;IAEX;OACG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;IAjDd;;;;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;IAEV;OACG;WACI,MAAM;IACb;;OAEG;eACQ,OAAO;IAClB,wBAAwB;eACb,OAAO;IAClB,yDAAyD;WAClD,SAAS,CAAC,MAAM,CAAC;0CA4B1B,CAAC"}
+{"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/Label/Label.d.ts

@@ -13,10 +13,10 @@ export type LabelProps = {
     asChild?: boolean;
 } & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps;
 /**
- * Use `Label` for labels.
+ * Use `Label` for labels. Renders a native `label` element.
  *
  * @example
- * <Label data-size='lg'>Label</Label>
+ * <Label data-size='lg' weight='medium'>Label</Label>
  */
 export declare const Label: React.ForwardRefExoticComponent<{
     /**

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"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

@@ -2,25 +2,27 @@ import type { AnchorHTMLAttributes, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
-    /** The content to display inside the link. */
+    /**
+     * 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;
-    /** 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;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
      */
     asChild?: boolean;
 }>;
-export declare const Link: React.ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children" | "asChild" | "href"> & {
-    /** The content to display inside the link. */
+/**
+ * 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 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;
-    /** 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;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false

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":"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,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,eAAO,MAAM,IAAI;IAdb,8CAA8C;cACpC,SAAS;IACnB,8FAA8F;gBAClF,MAAM;IAClB,4IAA4I;WACrI,MAAM;IACb;;;OAGG;cACO,OAAO;2CAYpB,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/List/Lists.d.ts

@@ -9,6 +9,16 @@ type ListBaseProps = {
 } & 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.
@@ -16,6 +26,16 @@ export declare const ListUnordered: React.ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & 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.

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":"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,eAAO,MAAM,aAAa;IAvBxB;;;OAGG;cACO,OAAO;0GAuBlB,CAAC;AAEF,eAAO,MAAM,WAAW;IA7BtB;;;OAGG;cACO,OAAO;4GA6BlB,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/Modal/Modal.d.ts

@@ -16,8 +16,35 @@ export type ModalProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDial
      * Callback that is called when the modal is closed.
      */
     onClose?: (event: Event) => void;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
     asChild?: boolean;
 }>;
+/**
+ * Modal component, used to display a modal dialog.
+ *
+ * @example with TriggerContext
+ * <Modal.TriggerContext>
+ *   <Modal.Trigger>Open Modal</Modal.Trigger>
+ *   <Modal>
+ *     <Modal.Block>
+ *       Content
+ *     </Modal.Block>
+ *   </Modal>
+ * </Modal.TriggerContext>
+ *
+ * @example without TriggerContext
+ * const modalRef = useRef<HTMLDialogElement>(null);
+ *
+ * ...
+ *
+ * <Button onClick={() => modalRef.current?.showModal()}>Open Modal</Button>
+ * <Modal ref={modalRef}>
+ *   Content
+ * </Modal>
+ */
 export declare const Modal: React.ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "onClose" | "closeButton" | "backdropClose"> & {
     /**
      * Screen reader label of close button. Set false to hide the close button.
@@ -33,6 +60,10 @@ export declare const Modal: React.ForwardRefExoticComponent<Omit<DefaultProps &
      * Callback that is called when the modal is closed.
      */
     onClose?: (event: Event) => void;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
     asChild?: boolean;
 } & React.RefAttributes<HTMLDialogElement>>;
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,eAAO,MAAM,KAAK;IAlBd;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;OAGG;oBACa,OAAO;IACvB;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;cACtB,OAAO;2CA+EnB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,KAAK;IA7Cd;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;OAGG;oBACa,OAAO;IACvB;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;OAGG;cACO,OAAO;2CAsGnB,CAAC"}

package/dist/types/components/Modal/ModalBlock.d.ts

@@ -6,6 +6,22 @@ export type ModalBlockProps = {
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
+/**
+ * ModalBlock component, used to separate content in a modal.
+ *
+ * @example
+ * <Modal>
+ *   <Modal.Block>
+ *     Header
+ *   </Modal.Block>
+ *   <Modal.Block>
+ *     Content
+ *   </Modal.Block>
+ *   <Modal.Block>
+ *     Footer
+ *   </Modal.Block>
+ * </Modal>
+ */
 export declare const ModalBlock: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.

package/dist/types/components/Modal/ModalBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBlock.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU;IAPrB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}
+{"version":3,"file":"ModalBlock.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU;IAvBrB;;;OAGG;cACO,OAAO;yEA+BlB,CAAC"}

package/dist/types/components/Modal/ModalTrigger.d.ts

@@ -1,13 +1,22 @@
 import type { ComponentPropsWithRef } from 'react';
 import { Button } from '../Button/Button';
 export type ModalTriggerProps = ComponentPropsWithRef<typeof Button>;
-export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
+/**
+ * ModalTrigger component, used within a Modal.TriggerContext to open a modal.
+ *
+ * @example
+ * <Modal.TriggerContext>
+ *   <Modal.Trigger>Open Modal</Modal.Trigger>
+ *   <Modal>
+ *     Content
+ *   </Modal>
+ * </Modal.TriggerContext>
+ */
+export declare const ModalTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
     variant?: "primary" | "secondary" | "tertiary";
     icon?: boolean;
     loading?: boolean;
     asChild?: boolean;
     type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-} & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ModalTrigger.d.ts.map

package/dist/types/components/Modal/ModalTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY;;;;;;;;mDAcxB,CAAC"}
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAErE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY;;;;;;4FAcxB,CAAC"}

package/dist/types/components/Modal/ModalTriggerContext.d.ts

@@ -1,8 +1,19 @@
 import type { ReactNode, RefObject } from 'react';
-export declare const Context: React.Context<RefObject<HTMLDialogElement>>;
+export declare const Context: React.Context<RefObject<HTMLDialogElement | null>>;
 export type ModalTriggerContextProps = {
     children: ReactNode;
 };
+/**
+ * ModalTriggerContext component, used to provide a context for a modal trigger.
+ *
+ * @example
+ * <Modal.TriggerContext>
+ *   <Modal.Trigger>Open Modal</Modal.Trigger>
+ *   <Modal>
+ *     Content
+ *   </Modal>
+ * </Modal.TriggerContext>
+ */
 export declare const ModalTriggerContext: {
     ({ children }: ModalTriggerContextProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/types/components/Modal/ModalTriggerContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTriggerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,OAAO,6CAElB,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CAIzE,CAAC"}
+{"version":3,"file":"ModalTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTriggerContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,OAAO,oDAElB,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CAIzE,CAAC"}

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

@@ -1,6 +1,19 @@
 import { ModalBlock } from './ModalBlock';
 import { ModalTrigger } from './ModalTrigger';
 import { ModalTriggerContext } from './ModalTriggerContext';
+/**
+ * Modal component, used to display a modal dialog.
+ *
+ * @example
+ * <Modal.TriggerContext>
+ *   <Modal.Trigger>Open Modal</Modal.Trigger>
+ *   <Modal>
+ *     <Modal.Block>
+ *       Content
+ *     </Modal.Block>
+ *   </Modal>
+ * </Modal.TriggerContext>
+ */
 declare const Modal: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "onClose" | "closeButton" | "backdropClose"> & {
     closeButton?: string | false;
     backdropClose?: boolean;
@@ -14,15 +27,13 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<import("../../types").
         ({ children }: import("./ModalTriggerContext").ModalTriggerContextProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "asChild" | "variant" | "icon" | "loading"> & {
         variant?: "primary" | "secondary" | "tertiary";
         icon?: boolean;
         loading?: boolean;
         asChild?: boolean;
         type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export type { ModalBlockProps } from './ModalBlock';
 export type { ModalTriggerContextProps } from './ModalTriggerContext';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;CAIT,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;CAIT,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}