@digdir/designsystemet-react 0.0.0-deps-tsdown-20260421103939

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export declare const Context: import("react").Context<import("react").RefObject<HTMLDialogElement | null>>;
+export type DialogTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * 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>
+ */
+export declare const DialogTriggerContext: {
+    (rest: DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=dialog-trigger-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,OAAO,8EAInB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;WAAU,yBAAyB;;CAInE,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithRef } from 'react';
+import { Button } from '../button/button';
+export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
+/**
+ * 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>
+ */
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "command" | "commandfor" | "commandFor" | "variant" | "icon" | "loading" | "asChild"> & {
+    variant?: "primary" | "secondary" | "tertiary";
+    'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
+    icon?: boolean;
+    loading?: boolean | import("react").ReactNode;
+    asChild?: boolean;
+    type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    command?: string;
+    commandfor?: string;
+    commandFor?: string;
+} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=dialog-trigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;gHAsBzB,CAAC"}

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

@@ -0,0 +1,115 @@
+import type { DialogHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
+    /**
+     * Screen reader label of close button. Set false to hide the close button.
+     * @default 'Lukk dialogvindu'
+     */
+    closeButton?: string | false;
+    /**
+     * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
+     *
+     * @see [mdn closedBy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy)
+     *
+     * @default 'closerequest'
+     */
+    closedby?: 'none' | 'closerequest' | 'any';
+    /**
+     * When not center, displays dialog as a "drawer" from the specified side.
+     *
+     * @default 'center'
+     */
+    placement?: 'center' | 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * Toogle modal and non-modal dialog.
+     *
+     * @see [mdn modal dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog)
+     *
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * @note Unlike standard html, where the open attribute always opens a non-modal dialog, Dialog's open prop uses the `modal` prop to determine whether the Dialog is modal or non-modal
+     */
+    open?: boolean;
+    /**
+     * Callback that is called when the dialog 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
+     *
+     * @deprecated Will be removed in the next major version. Should always be a `<dialog>` element
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Dialog component, used to display a dialog dialog.
+ *
+ * @example with TriggerContext
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </Dialog>
+ * </Dialog.TriggerContext>
+ *
+ * @example without TriggerContext
+ * const dialogRef = useRef<HTMLDialogElement>(null);
+ *
+ * ...
+ *
+ * <Button command="show-modal" commandfor="my-dialog">Open Dialog</Button>
+ * <Dialog id="my-dialog">
+ *   Content
+ * </Dialog>
+ */
+export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "placement" | "closedby" | "onClose" | "closeButton" | "modal"> & {
+    /**
+     * Screen reader label of close button. Set false to hide the close button.
+     * @default 'Lukk dialogvindu'
+     */
+    closeButton?: string | false;
+    /**
+     * Light dismiss behavior, allowing to close on backdrop click  by setting `closedby="any"`.
+     *
+     * @see [mdn closedBy](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy)
+     *
+     * @default 'closerequest'
+     */
+    closedby?: "none" | "closerequest" | "any";
+    /**
+     * When not center, displays dialog as a "drawer" from the specified side.
+     *
+     * @default 'center'
+     */
+    placement?: "center" | "left" | "right" | "top" | "bottom";
+    /**
+     * Toogle modal and non-modal dialog.
+     *
+     * @see [mdn modal dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog)
+     *
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * @note Unlike standard html, where the open attribute always opens a non-modal dialog, Dialog's open prop uses the `modal` prop to determine whether the Dialog is modal or non-modal
+     */
+    open?: boolean;
+    /**
+     * Callback that is called when the dialog 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
+     *
+     * @deprecated Will be removed in the next major version. Should always be a `<dialog>` element
+     */
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDialogElement>>;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAmGpB,CAAC"}

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

@@ -0,0 +1,67 @@
+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.
+ *
+ * @example
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </Dialog>
+ * </Dialog.TriggerContext>
+ */
+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 { DialogBlock, DialogComponent as Dialog, DialogTrigger, DialogTriggerContext, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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,WAAW,EACX,eAAe,IAAI,MAAM,EACzB,aAAa,EACb,oBAAoB,GACrB,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+export type DividerProps = HTMLAttributes<HTMLHRElement>;
+/**
+ * Divider component, used to separate content. Uses `hr` element.
+ *
+ * @example
+ * <Divider />
+ */
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,wGAalB,CAAC"}

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

@@ -0,0 +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: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=dropdown-button.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,mHAKzB,CAAC"}

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

@@ -0,0 +1,16 @@
+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: import("react").ForwardRefExoticComponent<{
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    asChild?: boolean;
+} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=dropdown-heading.d.ts.map

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

@@ -0,0 +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;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;2GAK1B,CAAC"}

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

@@ -0,0 +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: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=dropdown-item.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,6GAIxB,CAAC"}

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

@@ -0,0 +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: import("react").ForwardRefExoticComponent<DropdownListProps & import("react").RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=dropdown-list.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,gHAIxB,CAAC"}

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export type DropdownTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
+ *
+ * @example
+ * <DropdownTriggerContext>
+ *  <DropdownTrigger>Dropdown</DropdownTrigger>
+ *  <Dropdown>
+ *   <DropdownHeading>Heading</DropdownHeading>
+ *    <DropdownList>
+ *      <DropdownItem>
+ *        <DropdownButton>Button</DropdownButton>
+ *      </DropdownItem>
+ *    </DropdownList>
+ *  </Dropdown>
+ * </DropdownTriggerContext>
+ */
+export declare const DropdownTriggerContext: {
+    ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=dropdown-trigger-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,sBAAsB;oBAEhC,2BAA2B;;CAE7B,CAAC"}

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

@@ -0,0 +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: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=dropdown-trigger.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,mHAK1B,CAAC"}

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

@@ -0,0 +1,45 @@
+import type { DefaultProps, Placement } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type PopoverProps } from '../popover/popover';
+export type DropdownProps = MergeRight<DefaultProps & Omit<PopoverProps, 'variant'>, {
+    /**
+     * The placement of the dropdown
+     * @default bottom-end
+     */
+    placement?: Placement;
+}>;
+/**
+ * Dropdown component, used to display a list of options.
+ *
+ * @example with TriggerContext
+ * <Dropdown.TriggerContext>
+ *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
+ *   <Dropdown placement='bottom-end'>
+ *     <Dropdown.Heading>Dropdown</Dropdown.Heading>
+ *     <Dropdown.List>
+ *       <Dropdown.Item>
+ *         <Dropdown.Button>Option</Dropdown.Button>
+ *       </Dropdown.Item>
+ *     </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>
+ */
+export declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
+    /**
+     * The placement of the dropdown
+     * @default bottom-end
+     */
+    placement?: Placement;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C;IACE;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ;IAnCjB;;;OAGG;gBACS,SAAS;kDA6CxB,CAAC"}

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

@@ -0,0 +1,127 @@
+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 with TriggerContext
+ * <Dropdown.TriggerContext>
+ *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
+ *   <Dropdown placement='bottom-end'>
+ *     <Dropdown.Heading>Dropdown</Dropdown.Heading>
+ *     <Dropdown.List>
+ *       <Dropdown.Item>
+ *         <Dropdown.Button>Option</Dropdown.Button>
+ *       </Dropdown.Item>
+ *     </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 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 { DropdownButton, DropdownComponent as Dropdown, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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,cAAc,EACd,iBAAiB,IAAI,QAAQ,EAC7B,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,sBAAsB,GACvB,CAAC"}

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

@@ -0,0 +1,16 @@
+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: import("react").ForwardRefExoticComponent<{
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    asChild?: boolean;
+} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=error-summary-heading.d.ts.map

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

@@ -0,0 +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;AAEhE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;2GAK9B,CAAC"}

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

@@ -0,0 +1,16 @@
+import { type ListItemProps } from '../list';
+export type ErrorSummaryItemProps = ListItemProps;
+/**
+ * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
+ *
+ * @example
+ * <ErrorSummaryItem>
+ *  <ErrorSummaryLink href="#">
+ *    Link to error
+ *  </ErrorSummaryLink>
+ * </ErrorSummaryItem>
+ */
+export declare const ErrorSummaryItem: import("react").ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=error-summary-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary-item.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;mGAK3B,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type LinkProps } from '../link/link';
+export type ErrorSummaryLinkProps = LinkProps;
+/**
+ * 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: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+    children: import("react").ReactNode;
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=error-summary-link.d.ts.map