@digdir/designsystemet-react 1.1.5 → 1.1.6

package/dist/types/components/error-summary/index.d.ts

@@ -1,7 +1,57 @@
+import { ErrorSummary as ErrorSummaryParent } from './error-summary';
 import { ErrorSummaryHeading } from './error-summary-heading';
 import { ErrorSummaryItem } from './error-summary-item';
 import { ErrorSummaryLink } from './error-summary-link';
 import { ErrorSummaryList } from './error-summary-list';
+type ErrorSummary = typeof ErrorSummaryParent & {
+    /**
+     * ErrorSummary heading component, used to display a heading for the error summary.
+     *
+     * @example
+     * <ErrorSummary>
+     *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+     * </ErrorSummary>
+     */
+    Heading: typeof ErrorSummaryHeading;
+    /**
+     * ErrorSummary.Item component, used to display an error link in the ErrorSummary.
+     *
+     * @example
+     * <ErrorSummary.Item>
+     *  <ErrorSummary.Link href="#">
+     *    Link to error
+     *  </ErrorSummary.Link>
+     * </ErrorSummary.Item>
+     */
+    Item: typeof ErrorSummaryItem;
+    /**
+     * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+     *
+     * @example
+     * <ErrorSummary>
+     *   <ErrorSummary.Item>
+     *     <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+     *   </ErrorSummary.Item>
+     * </ErrorSummary>
+     */
+    Link: typeof ErrorSummaryLink;
+    /**
+     * ErrorSummary list component, used to display a list of errors.
+     *
+     * @example
+     * <ErrorSummary>
+     *   <ErrorSummary.List>
+     *     <ErrorSummary.Item>
+     *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+     *     </ErrorSummary.Item>
+     *     <ErrorSummary.Item>
+     *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+     *     </ErrorSummary.Item>
+     *   </ErrorSummary.List>
+     * </ErrorSummary>
+     */
+    List: typeof ErrorSummaryList;
+};
 /**
  * ErrorSummary component, used to display a list of errors.
  *
@@ -18,29 +68,11 @@ import { ErrorSummaryList } from './error-summary-list';
  *   </ErrorSummary.List>
  * </ErrorSummary>
  */
-declare const ErrorSummary: React.ForwardRefExoticComponent<{
-    asChild?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps, "data-color"> & React.RefAttributes<HTMLDivElement>> & {
-    Heading: React.ForwardRefExoticComponent<{
-        level?: 1 | 2 | 3 | 4 | 5 | 6;
-        'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-    Item: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-    List: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
-        children: React.ReactNode;
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLAnchorElement>>;
-};
+declare const ErrorSummaryComponent: ErrorSummary;
 export type { ErrorSummaryProps } from './error-summary';
 export type { ErrorSummaryHeadingProps } from './error-summary-heading';
 export type { ErrorSummaryItemProps } from './error-summary-item';
 export type { ErrorSummaryLinkProps } from './error-summary-link';
 export type { ErrorSummaryListProps } from './error-summary-list';
-export { ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
+export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/error-summary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,YAAY,GAAG,OAAO,kBAAkB,GAAG;IAC9C;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAC9B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,IAAI,EAAE,OAAO,gBAAgB,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,qBAAqB,EAAE,YAK3B,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,qBAAqB,IAAI,YAAY,EACrC,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}

package/dist/types/components/field/field-counter.d.ts

@@ -52,7 +52,7 @@ export declare const FieldCounter: React.ForwardRefExoticComponent<{
      **/
     limit: number;
 } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
-    'data-color'?: import("../../colors").SeverityColors;
+    'data-color'?: import("packages/cli/dist/src/types").SeverityColors;
     asChild?: boolean;
 } & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=field-counter.d.ts.map

package/dist/types/components/field/field-description.d.ts

@@ -1,4 +1,10 @@
 import type { HTMLAttributes } from 'react';
 export type FieldDescriptionProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Field description component, used to provide additional information below the input.
+ *
+ * @example
+ * <FieldDescription>Additional information</FieldDescription>
+ */
 export declare const FieldDescription: React.ForwardRefExoticComponent<FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=field-description.d.ts.map

package/dist/types/components/field/field-description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-description.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}
+{"version":3,"file":"field-description.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}

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

@@ -1,6 +1,49 @@
+import { Field as FieldParent } from './field';
 import { FieldAffix, FieldAffixes } from './field-affix';
 import { FieldCounter } from './field-counter';
 import { FieldDescription } from './field-description';
+type Field = typeof FieldParent & {
+    /**
+     * Field description component, used to provide additional information below the input.
+     *
+     * @example
+     * <Field.Description>Additional information</Field.Description>
+     */
+    Description: typeof FieldDescription;
+    /**
+     * Field affixes component, used to display affixes like currency or unit.
+     *
+     * @example
+     * <Field.Affixes>
+     *   <Field.Affix>NOK</Field.Affix>
+     *   <Input />
+     *   <Field.Affix>pr. mnd.</Field.Affix>
+     * </Field.Affixes>
+     */
+    Affixes: typeof FieldAffixes;
+    /**
+     * Field Affix component, used to wrap a form field.
+     * Used within Field.Affixes.
+     *
+     * @example
+     * <Field.Affixes>
+     *   <Field.Affix>NOK</Field.Affix>
+     *   <Input />
+     *   <Field.Affix>pr. mnd.</Field.Affix>
+     * </Field.Affixes>
+     */
+    Affix: typeof FieldAffix;
+    /**
+     * Field counter component, used to display a character counter for the field.
+     *
+     * @example
+     * <Field>
+     *   <Input />
+     *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
+     * </Field>
+     */
+    Counter: typeof FieldCounter;
+};
 /**
  * Field component, used to wrap a form field.
  *
@@ -12,25 +55,10 @@ import { FieldDescription } from './field-description';
  *   <ValidationMessage>Feilmelding</ValidationMessage>
  * </Field>
  */
-declare const Field: React.ForwardRefExoticComponent<{
-    position?: "start" | "end";
-    asChild?: boolean;
-} & React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLDivElement>> & {
-    Description: React.ForwardRefExoticComponent<import("./field-description").FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
-    Affixes: React.ForwardRefExoticComponent<import("./field-affix").FieldAffixesProps & React.RefAttributes<HTMLDivElement>>;
-    Affix: React.ForwardRefExoticComponent<import("./field-affix").FieldAffixProps & React.RefAttributes<HTMLSpanElement>>;
-    Counter: React.ForwardRefExoticComponent<{
-        over?: string;
-        under?: string;
-        limit: number;
-    } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
-        'data-color'?: import("../../colors").SeverityColors;
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-};
+declare const FieldComponent: Field;
 export type { FieldProps } from './field';
 export type { FieldAffixesProps, FieldAffixProps, } from './field-affix';
 export type { FieldCounterProps } from './field-counter';
 export type { FieldDescriptionProps } from './field-description';
-export { Field, FieldDescription, FieldAffix, FieldAffixes, FieldCounter };
+export { FieldComponent as Field, FieldDescription, FieldAffix, FieldAffixes, FieldCounter, };
 //# sourceMappingURL=index.d.ts.map

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,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,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":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,KAAK,GAAG,OAAO,WAAW,GAAG;IAChC;;;;;OAKG;IACH,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC;;;;;;;;;OASG;IACH,OAAO,EAAE,OAAO,YAAY,CAAC;IAC7B;;;;;;;;;;OAUG;IACH,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB;;;;;;;;OAQG;IACH,OAAO,EAAE,OAAO,YAAY,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,cAAc,EAAE,KAKpB,CAAC;AAOH,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,YAAY,GACb,CAAC"}

package/dist/types/components/fieldset/fieldset-description.d.ts

@@ -4,9 +4,9 @@ export type FieldsetDescriptionProps = ParagraphProps;
  * FieldsetDescription component, used to display a description for a fieldset.
  *
  * @example
- * <Fieldset.Description>
+ * <FieldsetDescription>
  *   Gi en kort beskrivelse i begge feltene
- * </Fieldset.Description>
+ * </FieldsetDescription>
  */
 export declare const FieldsetDescription: React.ForwardRefExoticComponent<{
     'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";

package/dist/types/components/fieldset/fieldset-legend.d.ts

@@ -5,7 +5,7 @@ export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement> & DefaultPro
  * FieldsetLegend component, used to display a legend for a fieldset.
  *
  * @example
- * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
  */
 export declare const FieldsetLegend: React.ForwardRefExoticComponent<HTMLAttributes<HTMLLegendElement> & DefaultProps & React.RefAttributes<HTMLLegendElement>>;
 //# sourceMappingURL=fieldset-legend.d.ts.map

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

@@ -1,5 +1,24 @@
+import { Fieldset as FieldsetParent } from './fieldset';
 import { FieldsetDescription } from './fieldset-description';
 import { FieldsetLegend } from './fieldset-legend';
+type Fieldset = typeof FieldsetParent & {
+    /**
+     * Fieldset.Legend component, used to display a legend for a fieldset.
+     *
+     * @example
+     * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+     */
+    Legend: typeof FieldsetLegend;
+    /**
+     * Fieldset.Description component, used to display a description for a fieldset.
+     *
+     * @example
+     * <Fieldset.Description>
+     *   Gi en kort beskrivelse i begge feltene
+     * </Fieldset.Description>
+     */
+    Description: typeof FieldsetDescription;
+};
 /**
  * Fieldset component, used to wrap a form field.
  *
@@ -15,16 +34,9 @@ import { FieldsetLegend } from './fieldset-legend';
  *   </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>>;
-};
+declare const FieldsetComponent: Fieldset;
 export type { FieldsetProps } from './fieldset';
 export type { FieldsetDescriptionProps } from './fieldset-description';
 export type { FieldsetLegendProps } from './fieldset-legend';
-export { Fieldset, FieldsetLegend, FieldsetDescription };
+export { FieldsetComponent as Fieldset, FieldsetLegend, FieldsetDescription };
 //# sourceMappingURL=index.d.ts.map

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,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,QAAQ;;;;;;;CAGZ,CAAC;AAKH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,QAAQ,GAAG,OAAO,cAAc,GAAG;IACtC;;;;;OAKG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B;;;;;;;OAOG;IACH,WAAW,EAAE,OAAO,mBAAmB,CAAC;CACzC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAGvB,CAAC;AAKH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -1,17 +1,38 @@
 import { ListItem } from './list-item';
 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>>;
+type List = {
+    /**
+     * Component that provides a list item.
+     *
+     * @example
+     * <List.Item>Item</List.Item>
+     */
+    Item: typeof ListItem;
+    /**
+     * List.Ordered 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>
+     */
+    Ordered: typeof ListOrdered;
+    /**
+     * List.Unordered 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>
+     */
+    Unordered: typeof ListUnordered;
 };
+declare const ListComponent: List;
 export type { ListItemProps } from './list-item';
 export type { ListOrderedProps, ListUnorderedProps } from './lists';
-export { List, ListOrdered, ListUnordered, ListItem };
+export { ListComponent as 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,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;;;CAIT,CAAC;AAMF,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB;;;;;;;;;OASG;IACH,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B;;;;;;;;;OASG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAIpB,CAAC;AAMF,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -6,6 +6,12 @@ export type ListItemProps = {
      */
     asChild?: boolean;
 } & LiHTMLAttributes<HTMLLIElement>;
+/**
+ * Component that provides a list item.
+ *
+ * @example
+ * <List.Item>Item</List.Item>
+ */
 export declare const ListItem: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.

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

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,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"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;IAbnB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}

package/dist/types/components/list/lists.d.ts

@@ -14,10 +14,10 @@ export type ListOrderedProps = ListBaseProps & Omit<OlHTMLAttributes<HTMLOListEl
  * Renders a native `ul` element.
  *
  * @example
- * <List.Unordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Unordered>
+ * <ListUnordered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListUnordered>
  */
 export declare const ListUnordered: React.ForwardRefExoticComponent<{
     /**
@@ -31,10 +31,10 @@ export declare const ListUnordered: React.ForwardRefExoticComponent<{
  * Renders a native `ol` element.
  *
  * @example
- * <List.Ordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Ordered>
+ * <ListOrdered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListOrdered>
  */
 export declare const ListOrdered: React.ForwardRefExoticComponent<{
     /**

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

@@ -1,6 +1,42 @@
+import { Pagination as PaginationParent } from './pagination';
 import { PaginationButton } from './pagination-button';
 import { PaginationItem } from './pagination-item';
 import { PaginationList } from './pagination-list';
+type Pagination = typeof PaginationParent & {
+    /**
+     * Pagination.List component, use within a Pagination.
+     *
+     * @example
+     * <Pagination>
+     *   <Pagination.List>
+     *     <Pagination.Item>
+     *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     *     </Pagination.Item>
+     *   </Pagination.List>
+     * </Pagination>
+     */
+    List: typeof PaginationList;
+    /**
+     * Pagination.Item component, use within a Pagination.List.
+     *
+     * @example
+     * <Pagination.List>
+     *   <Pagination.Item>
+     *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     *   </Pagination.Item>
+     * </Pagination.List>
+     */
+    Item: typeof PaginationItem;
+    /**
+     * PaginationButton component, use within a Pagination.Item.
+     *
+     * @example
+     * <Pagination.Item>
+     *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     * </Pagination.Item>
+     */
+    Button: typeof PaginationButton;
+};
 /**
  * Pagination component, used to navigate through a list of items.
  *
@@ -19,23 +55,10 @@ import { PaginationList } from './pagination-list';
  *   </Pagination.List>
  * </Pagination>
  */
-declare const Pagination: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLElement>, "aria-label" | "asChild"> & {
-    'aria-label'?: string;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLElement>> & {
-    List: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLLIElement>, "size"> & React.RefAttributes<HTMLLIElement>>;
-    Button: React.ForwardRefExoticComponent<{
-        'aria-current'?: React.AriaAttributes["aria-current"];
-    } & Omit<import("..").ButtonProps, "icon" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const PaginationComponent: Pagination;
 export type { PaginationProps } from './pagination';
 export type { PaginationButtonProps } from './pagination-button';
 export type { PaginationItemProps } from './pagination-item';
 export type { PaginationListProps } from './pagination-list';
-export { Pagination, PaginationList, PaginationItem, PaginationButton };
+export { PaginationComponent as Pagination, PaginationList, PaginationItem, PaginationButton, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAId,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,UAAU,GAAG,OAAO,gBAAgB,GAAG;IAC1C;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;OAOG;IACH,MAAM,EAAE,OAAO,gBAAgB,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,mBAAmB,EAAE,UAIzB,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EACL,mBAAmB,IAAI,UAAU,EACjC,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,CAAC"}

package/dist/types/components/pagination/pagination-button.d.ts

@@ -11,9 +11,9 @@ export type PaginationButtonProps = {
  * PaginationButton component, use within a Pagination.Item.
  *
  * @example
- * <Pagination.Item>
- *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- * </Pagination.Item>
+ * <PaginationItem>
+ *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ * </PaginationItem>
  */
 export declare const PaginationButton: React.ForwardRefExoticComponent<{
     /**

package/dist/types/components/pagination/pagination-item.d.ts

@@ -10,11 +10,11 @@ export type PaginationItemProps = {
  * PaginationItem component, use within a Pagination.List.
  *
  * @example
- * <Pagination.List>
- *   <Pagination.Item>
- *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination.List>
+ * <PaginationList>
+ *   <PaginationItem>
+ *     <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *   </PaginationItem>
+ * </PaginationList>
  */
 export declare const PaginationItem: React.ForwardRefExoticComponent<{
     /**

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

@@ -11,11 +11,11 @@ export type PaginationListProps = {
  *
  * @example
  * <Pagination>
- *   <Pagination.List>
- *     <Pagination.Item>
- *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *     </Pagination.Item>
- *   </Pagination.List>
+ *   <PaginationList>
+ *     <PaginationItem>
+ *       <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *     </PaginationItem>
+ *   </PaginationList>
  * </Pagination>
  */
 export declare const PaginationList: React.ForwardRefExoticComponent<{

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

@@ -1,5 +1,42 @@
+import { Popover as PopoverParent } from './popover';
 import { PopoverTrigger } from './popover-trigger';
 import { PopoverTriggerContext } from './popover-trigger-context';
+type Popover = typeof PopoverParent & {
+    /**
+     * Popover.TriggerContext component, use to wrap a Popover.Trigger and Popover.
+     *
+     * @example
+     * <Popover.TriggerContext>
+     *   <Popover.Trigger>Open Popover</Popover.Trigger>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     */
+    TriggerContext: typeof PopoverTriggerContext;
+    /**
+     * PopoverTrigger component, used to trigger a popover.
+     *
+     * @example
+     * <Popover.TriggerContext>
+     *   <Popover.Trigger>Open Popover</Popover.Trigger>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     *
+     * @example inline
+     * <Popover.TriggerContext>
+     *   <Paragraph>
+     *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+     *   </Paragraph>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     */
+    Trigger: typeof PopoverTrigger;
+};
 /**
  * Popover component, used to display content in a popover over an element.
  *
@@ -11,25 +48,9 @@ import { PopoverTriggerContext } from './popover-trigger-context';
  *   </Popover>
  * </Popover.TriggerContext>
  */
-declare const Popover: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
-    id?: string;
-    placement?: import("@floating-ui/dom").Placement;
-    open?: boolean;
-    variant?: "default" | "tinted";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
-    onOpen?: () => void;
-    onClose?: () => void;
-    autoPlacement?: boolean;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLDivElement>> & {
-    TriggerContext: {
-        ({ children, }: import("./popover-trigger-context").PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: React.ForwardRefExoticComponent<import("./popover-trigger").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const PopoverComponent: Popover;
 export type { PopoverProps } from './popover';
 export type { PopoverTriggerProps } from './popover-trigger';
 export type { PopoverTriggerContextProps } from './popover-trigger-context';
-export { Popover, PopoverTriggerContext, PopoverTrigger };
+export { PopoverComponent as Popover, PopoverTriggerContext, PopoverTrigger };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,qBAAqB,CAAC;IAC7C;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAGtB,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/popover/popover-trigger-context.d.ts

@@ -6,12 +6,12 @@ export type PopoverTriggerContextProps = {
  * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 export declare const PopoverTriggerContext: {
     ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/popover/popover-trigger.d.ts

@@ -23,22 +23,22 @@ export type PopoverTriggerProps = ({
  * PopoverTrigger component, used to trigger a popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  *
  * @example inline
- * <Popover.TriggerContext>
+ * <PopoverTriggerContext>
  *   <Paragraph>
- *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+ *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
  *   </Paragraph>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=popover-trigger.d.ts.map