@digdir/designsystemet-react 1.1.5 → 1.1.6

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

@@ -1,18 +1,37 @@
 import { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './chips';
-declare const Chip: {
-    Button: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Checkbox: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLLabelElement>>;
-    Radio: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLLabelElement>>;
-    Removable: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLButtonElement>>;
+type Chip = {
+    /**
+     * Chip.Button used for interaction
+     *
+     * @example
+     * <Chip.Button>Click me</Chip.Button>
+     */
+    Button: typeof ChipButton;
+    /**
+     * Chip.Checkbox used for multiselection
+     *
+     * @example
+     * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
+     * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
+     */
+    Checkbox: typeof ChipCheckbox;
+    /**
+     * Chip.Radio used for single selection
+     *
+     * @example
+     * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
+     * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
+     */
+    Radio: typeof ChipRadio;
+    /**
+     * Chip.Removable used for interaction
+     *
+     * @example
+     * <Chip.Removable>Click to remove me</Chip.Removable>
+     */
+    Removable: typeof ChipRemovable;
 };
+declare const ChipComponent: Chip;
 export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from './chips';
-export { Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable };
+export { ChipComponent as Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAKT,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B;;;;;;OAMG;IACH,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB;;;;;OAKG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAKpB,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,GACd,CAAC"}

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

@@ -1,5 +1,22 @@
+import { Details as DetailsParent } from './details';
 import { DetailsContent } from './details-content';
 import { DetailsSummary } from './details-summary';
+type Details = typeof DetailsParent & {
+    /**
+     * Details summary component, contains a the heading to toggle the content.
+     *
+     * @example
+     * <Details.Summary>Heading</Details.Summary>
+     */
+    Summary: typeof DetailsSummary;
+    /**
+     * Details content component, contains the content of the details item.
+     *
+     * @example
+     * <DetailsContent>Content</DetailsContent>
+     */
+    Content: typeof DetailsContent;
+};
 /**
  * Details component, contains `Details.Summary` and `Details.Content` components.
  *
@@ -9,14 +26,9 @@ import { DetailsSummary } from './details-summary';
  *  <Details.Content>Content</Details.Content>
  * </Details>
  */
-declare const Details: React.ForwardRefExoticComponent<import("./details").DetailsProps & React.RefAttributes<HTMLDetailsElement>> & {
-    Summary: React.ForwardRefExoticComponent<{
-        children: React.ReactNode;
-    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-    Content: React.ForwardRefExoticComponent<import("./details-content").DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
-};
+declare const DetailsComponent: Details;
 export type { DetailsProps } from './details';
 export type { DetailsContentProps } from './details-content';
 export type { DetailsSummaryProps } from './details-summary';
-export { Details, DetailsContent, DetailsSummary };
+export { DetailsComponent as Details, DetailsContent, DetailsSummary };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;GAQG;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,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/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,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;GAQG;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,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

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

@@ -14,7 +14,7 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  */
 export declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
+    'data-color'?: import("packages/cli/dist/src/types").Color | Extract<import("packages/cli/dist/src/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | React.ReactNode;
     asChild?: boolean;

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

@@ -1,6 +1,50 @@
+import { Dialog as DialogParent } from './dialog';
 import { DialogBlock } from './dialog-block';
 import { DialogTrigger } from './dialog-trigger';
 import { DialogTriggerContext } from './dialog-trigger-context';
+type Dialog = typeof DialogParent & {
+    /**
+     * DialogTriggerContext component, used to provide a context for a dialog trigger.
+     *
+     * @example
+     * <Dialog.TriggerContext>
+     *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+     *   <Dialog>
+     *     Content
+     *   </Dialog>
+     * </Dialog.TriggerContext>
+     */
+    TriggerContext: typeof DialogTriggerContext;
+    /**
+     * DialogTrigger component, used within a Dialog.TriggerContext to open a dialog.
+     *
+     * @example
+     * <Dialog.TriggerContext>
+     *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+     *   <Dialog>
+     *     Content
+     *   </Dialog>
+     * </Dialog.TriggerContext>
+     */
+    Trigger: typeof DialogTrigger;
+    /**
+     * DialogBlock component, used to separate content in a Dialog.
+     *
+     * @example
+     * <Dialog>
+     *   <Dialog.Block>
+     *     Header
+     *   </Dialog.Block>
+     *   <Dialog.Block>
+     *     Content
+     *   </Dialog.Block>
+     *   <Dialog.Block>
+     *     Footer
+     *   </Dialog.Block>
+     * </Dialog>
+     */
+    Block: typeof DialogBlock;
+};
 /**
  * Dialog component, used to display a Dialog dialog.
  *
@@ -14,33 +58,10 @@ import { DialogTriggerContext } from './dialog-trigger-context';
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-declare const Dialog: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "modal"> & {
-    closeButton?: string | false;
-    closedby?: "none" | "closerequest" | "any";
-    modal?: boolean;
-    open?: boolean;
-    onClose?: (event: Event) => void;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLDialogElement>> & {
-    Block: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    TriggerContext: {
-        ({ children, }: import("./dialog-trigger-context").DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
-        variant?: "primary" | "secondary" | "tertiary";
-        'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
-        icon?: boolean;
-        loading?: boolean | React.ReactNode;
-        asChild?: boolean;
-        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const DialogComponent: Dialog;
 export type { DialogProps } from './dialog';
 export type { DialogBlockProps } from './dialog-block';
 export type { DialogTriggerProps } from './dialog-trigger';
 export type { DialogTriggerContextProps } from './dialog-trigger-context';
-export { Dialog, DialogBlock, DialogTriggerContext, DialogTrigger };
+export { DialogComponent as Dialog, DialogBlock, DialogTriggerContext, DialogTrigger, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,oBAAoB,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,WAAW,EACX,oBAAoB,EACpB,aAAa,GACd,CAAC"}

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

@@ -1,4 +1,16 @@
 import { type ButtonProps } from '../button/button';
 export type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
+/**
+ * DropdownButton component, used to display a button in the DropdownItem.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
 export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=dropdown-button.d.ts.map

package/dist/types/components/dropdown/dropdown-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,cAAc,+FAKzB,CAAC"}
+{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,+FAKzB,CAAC"}

package/dist/types/components/dropdown/dropdown-heading.d.ts

@@ -1,5 +1,13 @@
 import { type HeadingProps } from '../heading/heading';
 export type DropdownHeadingProps = HeadingProps;
+/**
+ * DropdownHeading component, used to display a heading in the Dropdown.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownHeading>Heading</DropdownHeading>
+ * </Dropdown>
+ */
 export declare const DropdownHeading: React.ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

package/dist/types/components/dropdown/dropdown-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-heading.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe;;;;uFAK1B,CAAC"}
+{"version":3,"file":"dropdown-heading.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;uFAK1B,CAAC"}

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

@@ -1,4 +1,16 @@
 import { type HTMLAttributes } from 'react';
 export type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
+/**
+ * DropdownItem component, used to display an item in the Dropdown. Used within a DropdownList.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
 export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=dropdown-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE9D,eAAO,MAAM,YAAY,yFAIxB,CAAC"}
+{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,yFAIxB,CAAC"}

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

@@ -1,4 +1,16 @@
 import type { HTMLAttributes } from 'react';
 export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
+/**
+ * DropdownList component, used to display a list of items in the Dropdown.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
 export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
 //# sourceMappingURL=dropdown-list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,4FAIxB,CAAC"}
+{"version":3,"file":"dropdown-list.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEjE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,4FAIxB,CAAC"}

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

@@ -6,17 +6,17 @@ export type DropdownTriggerContextProps = {
  * DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
  *
  * @example
- * <Dropdown.TriggerContext>
- *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+ * <DropdownTriggerContext>
+ *  <DropdownTrigger>Dropdown</DropdownTrigger>
  *  <Dropdown>
- *   <Dropdown.Heading>Heading</Dropdown.Heading>
- *    <Dropdown.List>
- *      <Dropdown.Item>
- *        <Dropdown.Button>Button</Dropdown.Button>
- *      </Dropdown.Item>
- *    </Dropdown.List>
+ *   <DropdownHeading>Heading</DropdownHeading>
+ *    <DropdownList>
+ *      <DropdownItem>
+ *        <DropdownButton>Button</DropdownButton>
+ *      </DropdownItem>
+ *    </DropdownList>
  *  </Dropdown>
- * </Dropdown.TriggerContext>
+ * </DropdownTriggerContext>
  */
 export declare const DropdownTriggerContext: {
     ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,20 @@
 import { type PopoverTriggerProps } from '../popover/popover-trigger';
 export type DropdownTriggerProps = PopoverTriggerProps;
+/**
+ * DropdownTrigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+ *
+ * @example
+ * <Dropdown.TriggerContext>
+ *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+ *  <Dropdown>
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *    <Dropdown.List>
+ *      <Dropdown.Item>
+ *        <Dropdown.Button>Button</Dropdown.Button>
+ *      </Dropdown.Item>
+ *    </Dropdown.List>
+ *  </Dropdown>
+ * </Dropdown.TriggerContext>
+ */
 export declare const DropdownTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=dropdown-trigger.d.ts.map

package/dist/types/components/dropdown/dropdown-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,+FAK1B,CAAC"}
+{"version":3,"file":"dropdown-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,+FAK1B,CAAC"}

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

@@ -1,13 +1,98 @@
+import { Dropdown as DropdownRoot } from './dropdown';
 import { DropdownButton } from './dropdown-button';
 import { DropdownHeading } from './dropdown-heading';
 import { DropdownItem } from './dropdown-item';
 import { DropdownList } from './dropdown-list';
 import { DropdownTrigger } from './dropdown-trigger';
 import { DropdownTriggerContext } from './dropdown-trigger-context';
+type Dropdown = typeof DropdownRoot & {
+    /**
+     * Dropdown.TriggerContext enables use of the `.Trigger` for the Dropdown component.
+     *
+     * @example
+     * <Dropdown.TriggerContext>
+     *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+     *  <Dropdown>
+     *   <Dropdown.Heading>Heading</Dropdown.Heading>
+     *    <Dropdown.List>
+     *      <Dropdown.Item>
+     *        <Dropdown.Button>Button</Dropdown.Button>
+     *      </Dropdown.Item>
+     *    </Dropdown.List>
+     *  </Dropdown>
+     * </Dropdown.TriggerContext>
+     */
+    TriggerContext: typeof DropdownTriggerContext;
+    /**
+     * Dropdown.Trigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+     *
+     * @example
+     * <Dropdown.TriggerContext>
+     *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+     *  <Dropdown>
+     *   <Dropdown.Heading>Heading</Dropdown.Heading>
+     *    <Dropdown.List>
+     *      <Dropdown.Item>
+     *        <Dropdown.Button>Button</Dropdown.Button>
+     *      </Dropdown.Item>
+     *    </Dropdown.List>
+     *  </Dropdown>
+     * </Dropdown.TriggerContext>
+     */
+    Trigger: typeof DropdownTrigger;
+    /**
+     * Dropdown.Heading component, used to display a heading in the Dropdown.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.Heading>Heading</Dropdown.Heading>
+     * </Dropdown>
+     */
+    Heading: typeof DropdownHeading;
+    /**
+     * Dropdown.List component, used to display a list of items in the Dropdown.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.List>
+     *    <Dropdown.Item>
+     *      <Dropdown.Button>Button</Dropdown.Button>
+     *    </Dropdown.Item>
+     *  </Dropdown.List>
+     * </Dropdown>
+     */
+    List: typeof DropdownList;
+    /**
+     * Dropdown.Item component, used to display an item in the Dropdown. Used within a Dropdown.List.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.List>
+     *    <Dropdown.Item>
+     *      <Dropdown.Button>Button</Dropdown.Button>
+     *    </Dropdown.Item>
+     *  </Dropdown.List>
+     * </Dropdown>
+     */
+    Item: typeof DropdownItem;
+    /**
+     * Dropdown.Button component, used to display a button in the Dropdown.Item.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.List>
+     *    <Dropdown.Item>
+     *      <Dropdown.Button>Button</Dropdown.Button>
+     *    </Dropdown.Item>
+     *  </Dropdown.List>
+     * </Dropdown>
+     */
+    Button: typeof DropdownButton;
+};
 /**
  * Dropdown component, used to display a list of options.
  *
- * @example
+ * @example with TriggerContext
  * <Dropdown.TriggerContext>
  *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
  *   <Dropdown placement='bottom-end'>
@@ -19,29 +104,24 @@ import { DropdownTriggerContext } from './dropdown-trigger-context';
  *     </Dropdown.List>
  *   </Dropdown>
  * </Dropdown.TriggerContext>
+ *
+ * @example without TriggerContext
+ * <Button popovertarget="my-dropdown">Trigger</Button>
+ * <Dropdown id="my-dropdown">
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *   <Dropdown.List>
+ *     <Dropdown.Item>
+ *       <Dropdown.Button>Item</Dropdown.Button>
+ *     </Dropdown.Item>
+ *   </Dropdown.List>
+ * </Dropdown>
  */
-declare const Dropdown: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("..").PopoverProps, "variant">, "placement"> & {
-    placement?: import("@floating-ui/dom").Placement;
-} & React.RefAttributes<HTMLDivElement>> & {
-    TriggerContext: {
-        ({ children, }: import("./dropdown-trigger-context").DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    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>>;
-    List: React.ForwardRefExoticComponent<import("./dropdown-list").DropdownListProps & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<import("./dropdown-item").DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
-    Button: React.ForwardRefExoticComponent<import("./dropdown-button").DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    Trigger: React.ForwardRefExoticComponent<import("..").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const DropdownComponent: Dropdown;
 export type { DropdownProps } from './dropdown';
 export type { DropdownButtonProps } from './dropdown-button';
 export type { DropdownHeadingProps } from './dropdown-heading';
 export type { DropdownItemProps } from './dropdown-item';
 export type { DropdownListProps } from './dropdown-list';
 export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
-export { Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
+export { DropdownComponent as Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;CAOZ,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,QAAQ,GAAG,OAAO,YAAY,GAAG;IACpC;;;;;;;;;;;;;;;OAeG;IACH,cAAc,EAAE,OAAO,sBAAsB,CAAC;IAC9C;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAOvB,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}

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

@@ -1,5 +1,13 @@
 import { type HeadingProps } from '../heading/heading';
 export type ErrorSummaryHeadingProps = HeadingProps;
+/**
+ * ErrorSummary heading component, used to display a heading for the error summary.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
+ * </ErrorSummary>
+ */
 export declare const ErrorSummaryHeading: React.ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

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

@@ -1 +1 @@
-{"version":3,"file":"error-summary-heading.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD,eAAO,MAAM,mBAAmB;;;;uFAc9B,CAAC"}
+{"version":3,"file":"error-summary-heading.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;uFAc9B,CAAC"}

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

@@ -4,11 +4,11 @@ export type ErrorSummaryItemProps = ListItemProps;
  * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
  *
  * @example
- * <ErrorSummary.Item>
- *  <ErrorSummary.Link href="#">
+ * <ErrorSummaryItem>
+ *  <ErrorSummaryLink href="#">
  *    Link to error
- *  </ErrorSummary.Link>
- * </ErrorSummary.Item>
+ *  </ErrorSummaryLink>
+ * </ErrorSummaryItem>
  */
 export declare const ErrorSummaryItem: React.ForwardRefExoticComponent<{
     asChild?: boolean;

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

@@ -1,7 +1,14 @@
 import { type LinkProps } from '../link/link';
 export type ErrorSummaryLinkProps = LinkProps;
 /**
- * Link component used in ErrorSummary.
+ * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryItem>
+ *     <ErrorSummaryLink href='#'>Error 1</ErrorSummaryLink>
+ *   </ErrorSummaryItem>
+ * </ErrorSummary>
  */
 export declare const ErrorSummaryLink: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     children: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"error-summary-link.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;2CAK3B,CAAC"}
+{"version":3,"file":"error-summary-link.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAE9C;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;;2CAK3B,CAAC"}

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

@@ -1,5 +1,20 @@
 import { type ListUnorderedProps } from '../list';
 export type ErrorSummaryListProps = ListUnorderedProps;
+/**
+ * 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>
+ */
 export declare const ErrorSummaryList: React.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD,eAAO,MAAM,gBAAgB;;sIAK3B,CAAC"}
+{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;sIAK3B,CAAC"}