@digdir/designsystemet-react 1.1.3 → 1.1.4

package/dist/types/components/details/details-summary.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type DetailsSummaryProps = {
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement>;
+/**
+ * Details summary component, contains a the heading to toggle the content.
+ *
+ * @example
+ * <Details.Summary>Heading</Details.Summary>
+ */
+export declare const DetailsSummary: React.ForwardRefExoticComponent<{
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=details-summary.d.ts.map

package/dist/types/components/details/details-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-summary.d.ts","sourceRoot":"","sources":["../../../src/components/details/details-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAVzB,mBAAmB;cACT,SAAS;mEAcpB,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import '@u-elements/u-details';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>, {
+    /**
+     * Change the background color of the details.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'tinted';
+    /**
+     * Controls open-state.
+     *
+     * Using this removes automatic control of open-state
+     *
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Defaults the details to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback function when Details toggles due to click on summary or find in page-search
+     */
+    onToggle?: (event: Event) => void;
+    /**
+     * Content should be one `<Details.Summary>` and `<Details.Content>`
+     */
+    children?: ReactNode;
+}> & ({
+    open: boolean;
+    onToggle: (event: Event) => void;
+} | {
+    open?: never;
+    onToggle?: (event: Event) => void;
+});
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ *
+ * @example
+ * <Details>
+ *  <Details.Summary>Header</Details.Summary>
+ *  <Details.Content>Content</Details.Content>
+ * </Details>
+ */
+export declare const Details: React.ForwardRefExoticComponent<DetailsProps & React.RefAttributes<HTMLDetailsElement>>;
+//# sourceMappingURL=details.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,kBAAkB,CAAC,EACjD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,yFA2CnB,CAAC"}

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

@@ -0,0 +1,22 @@
+import { DetailsContent } from './details-content';
+import { DetailsSummary } from './details-summary';
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ *
+ * @example
+ * <Details>
+ *  <Details.Summary>Header</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>>;
+};
+export type { DetailsProps } from './details';
+export type { DetailsContentProps } from './details-content';
+export type { DetailsSummaryProps } from './details-summary';
+export { Details, DetailsContent, DetailsSummary };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from 'react';
+export type DialogBlockProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * 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>
+ */
+export declare const DialogBlock: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dialog-block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-block.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;IAvBtB;;;OAGG;cACO,OAAO;yEA+BlB,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { ReactNode, RefObject } from 'react';
+export declare const Context: React.Context<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: {
+    ({ children, }: 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,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,eAAO,MAAM,OAAO,oDAElB,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;oBAE9B,yBAAyB;;CAI3B,CAAC"}

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

@@ -0,0 +1,23 @@
+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: 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>>;
+//# 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;;;;;;;4FAqBzB,CAAC"}

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

@@ -0,0 +1,95 @@
+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"`.
+     *
+     * @default 'closerequest'
+     */
+    closedby?: 'none' | 'closerequest' | 'any';
+    /**
+     * Toogle modal and non-modal dialog.
+     *
+     * @see 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
+     */
+    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 onClick={() => dialogRef.current?.showModal()}>Open Dialog</Button>
+ * <Dialog ref={dialogRef}>
+ *   Content
+ * </Dialog>
+ */
+export declare const Dialog: React.ForwardRefExoticComponent<Omit<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "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"`.
+     *
+     * @default 'closerequest'
+     */
+    closedby?: "none" | "closerequest" | "any";
+    /**
+     * Toogle modal and non-modal dialog.
+     *
+     * @see 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
+     */
+    asChild?: boolean;
+} & 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,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,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;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;;;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;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IA1Df;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;OAIG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;OAGG;cACO,OAAO;2CAoHpB,CAAC"}

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

@@ -0,0 +1,46 @@
+import { DialogBlock } from './dialog-block';
+import { DialogTrigger } from './dialog-trigger';
+import { DialogTriggerContext } from './dialog-trigger-context';
+/**
+ * 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 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>>;
+};
+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 };
+//# 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":"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"}

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: React.ForwardRefExoticComponent<DividerProps & 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,oFAalB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { type ButtonProps } from '../button/button';
+export type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
+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

@@ -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,eAAO,MAAM,cAAc,+FAKzB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { type HeadingProps } from '../heading/heading';
+export type DropdownHeadingProps = HeadingProps;
+export declare const DropdownHeading: 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>>;
+//# 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,eAAO,MAAM,eAAe;;;;uFAK1B,CAAC"}

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

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from 'react';
+export type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
+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

@@ -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,eAAO,MAAM,YAAY,yFAIxB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
+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

@@ -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,eAAO,MAAM,YAAY,4FAIxB,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
+ * <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 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,4 @@
+import { type PopoverTriggerProps } from '../popover/popover-trigger';
+export type DropdownTriggerProps = PopoverTriggerProps;
+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

@@ -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,eAAO,MAAM,eAAe,+FAK1B,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { Placement } from '@floating-ui/dom';
+import type { DefaultProps } 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: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
+    /**
+     * The placement of the dropdown
+     * @default bottom-end
+     */
+    placement?: Placement;
+} & 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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,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;wCA6CxB,CAAC"}

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

@@ -0,0 +1,47 @@
+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';
+/**
+ * Dropdown component, used to display a list of options.
+ *
+ * @example
+ * <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>
+ */
+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>>;
+};
+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, };
+//# 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":"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"}

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

@@ -0,0 +1,8 @@
+import { type HeadingProps } from '../heading/heading';
+export type ErrorSummaryHeadingProps = HeadingProps;
+export declare const ErrorSummaryHeading: 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>>;
+//# 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;AAGhE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD,eAAO,MAAM,mBAAmB;;;;uFAc9B,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
+ * <ErrorSummary.Item>
+ *  <ErrorSummary.Link href="#">
+ *    Link to error
+ *  </ErrorSummary.Link>
+ * </ErrorSummary.Item>
+ */
+export declare const ErrorSummaryItem: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & React.LiHTMLAttributes<HTMLLIElement> & 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;;+EAK3B,CAAC"}

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

@@ -0,0 +1,10 @@
+import { type LinkProps } from '../link/link';
+export type ErrorSummaryLinkProps = LinkProps;
+/**
+ * Link component used in ErrorSummary.
+ */
+export declare const ErrorSummaryLink: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+    children: React.ReactNode;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=error-summary-link.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+import { type ListUnorderedProps } from '../list';
+export type ErrorSummaryListProps = ListUnorderedProps;
+export declare const ErrorSummaryList: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
+//# sourceMappingURL=error-summary-list.d.ts.map

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

@@ -0,0 +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"}