@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/components/overlay/dialog/components/dialog-description/DialogDescription.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Dialog as p } from "@base-ui/react/dialog";
+import { memo as t } from "react";
+import e from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as a } from "../../../../../utils/cn.js";
+const s = t(({ className: r, children: i, ...m }) => /* @__PURE__ */ o(
+  p.Description,
+  {
+    className: a(r),
+    ...m,
+    children: /* @__PURE__ */ o(
+      e,
+      {
+        as: "p",
+        fontSize: "sm",
+        color: "mutedForeground",
+        children: i
+      }
+    )
+  }
+));
+s.displayName = "Dialog.Description";
+export {
+  s as default
+};
+//# sourceMappingURL=DialogDescription.js.map

package/dist/components/overlay/dialog/components/dialog-description/DialogDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDescription.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-description/DialogDescription.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DialogDescriptionProps } from '@components/overlay/dialog/components/dialog-description/types/DialogDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Accessible description for the dialog.\r\n * Provides additional context to the title.\r\n */\r\nconst DialogDescription: FC<DialogDescriptionProps> = memo(({ className, children, ...props }) => (\r\n    <BaseDialog.Description\r\n        className={cn(className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'p'}\r\n            fontSize={'sm'}\r\n            color={'mutedForeground'}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    </BaseDialog.Description>\r\n))\r\n\r\nDialogDescription.displayName = 'Dialog.Description'\r\n\r\nexport default DialogDescription\r\n"],"names":["DialogDescription","memo","className","children","props","jsx","BaseDialog","cn","Typography"],"mappings":";;;;;;AAWA,MAAMA,IAAgDC,EAAK,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAClF,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QAEN,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AACJ,CACH;AAEDH,EAAkB,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-description/types/DialogDescription.props.d.ts

@@ -0,0 +1,3 @@
+import { Dialog } from '@base-ui/react/dialog';
+/** Props for `Dialog.Description`. */
+export type DialogDescriptionProps = Dialog.Description.Props;

package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),a=require("react"),l=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const e=a.memo(({as:o="div",justifyContent:r="end",gap:t="sm",padding:s="lg",paddingTop:i="none",...n})=>c.jsx(l,{as:o,alignItems:"center",justifyContent:r,gap:t,padding:s,paddingTop:i,...n}));e.displayName="Dialog.Footer";module.exports=e;
+//# sourceMappingURL=DialogFooter.cjs.map

package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-footer/DialogFooter.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport type { DialogFooterProps } from '@components/overlay/dialog/components/dialog-footer/types/DialogFooter.props.ts'\r\n\r\n/** Footer area of a `Dialog` — a flex row for action buttons. */\r\nconst DialogFooter: FC<DialogFooterProps> = memo(({ as = 'div', justifyContent = 'end', gap = 'sm', padding = 'lg', paddingTop = 'none', ...props }) => (\r\n    <Flex\r\n        as={as}\r\n        alignItems={'center'}\r\n        justifyContent={justifyContent}\r\n        gap={gap}\r\n        padding={padding}\r\n        paddingTop={paddingTop}\r\n        {...props}\r\n    />\r\n))\r\n\r\nDialogFooter.displayName = 'Dialog.Footer'\r\n\r\nexport default DialogFooter\r\n"],"names":["DialogFooter","memo","as","justifyContent","gap","padding","paddingTop","props","jsx","Flex"],"mappings":"0KAMA,MAAMA,EAAsCC,EAAAA,KAAK,CAAC,CAAE,GAAAC,EAAK,MAAO,eAAAC,EAAiB,MAAO,IAAAC,EAAM,KAAM,QAAAC,EAAU,KAAM,WAAAC,EAAa,OAAQ,GAAGC,KACxIC,EAAAA,IAACC,EAAA,CACG,GAAAP,EACA,WAAY,SACZ,eAAAC,EACA,IAAAC,EACA,QAAAC,EACA,WAAAC,EACC,GAAGC,CAAA,CACR,CACH,EAEDP,EAAa,YAAc"}

package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DialogFooterProps } from './types/DialogFooter.props.ts';
+/** Footer area of a `Dialog` — a flex row for action buttons. */
+declare const DialogFooter: FC<DialogFooterProps>;
+export default DialogFooter;

package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as l } from "react";
+import n from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+const p = l(({ as: o = "div", justifyContent: e = "end", gap: m = "sm", padding: r = "lg", paddingTop: t = "none", ...i }) => /* @__PURE__ */ a(
+  n,
+  {
+    as: o,
+    alignItems: "center",
+    justifyContent: e,
+    gap: m,
+    padding: r,
+    paddingTop: t,
+    ...i
+  }
+));
+p.displayName = "Dialog.Footer";
+export {
+  p as default
+};
+//# sourceMappingURL=DialogFooter.js.map

package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-footer/DialogFooter.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport type { DialogFooterProps } from '@components/overlay/dialog/components/dialog-footer/types/DialogFooter.props.ts'\r\n\r\n/** Footer area of a `Dialog` — a flex row for action buttons. */\r\nconst DialogFooter: FC<DialogFooterProps> = memo(({ as = 'div', justifyContent = 'end', gap = 'sm', padding = 'lg', paddingTop = 'none', ...props }) => (\r\n    <Flex\r\n        as={as}\r\n        alignItems={'center'}\r\n        justifyContent={justifyContent}\r\n        gap={gap}\r\n        padding={padding}\r\n        paddingTop={paddingTop}\r\n        {...props}\r\n    />\r\n))\r\n\r\nDialogFooter.displayName = 'Dialog.Footer'\r\n\r\nexport default DialogFooter\r\n"],"names":["DialogFooter","memo","as","justifyContent","gap","padding","paddingTop","props","jsx","Flex"],"mappings":";;;;AAMA,MAAMA,IAAsCC,EAAK,CAAC,EAAE,IAAAC,IAAK,OAAO,gBAAAC,IAAiB,OAAO,KAAAC,IAAM,MAAM,SAAAC,IAAU,MAAM,YAAAC,IAAa,QAAQ,GAAGC,QACxI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAAP;AAAA,IACA,YAAY;AAAA,IACZ,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACC,GAAGC;AAAA,EAAA;AACR,CACH;AAEDP,EAAa,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-footer/types/DialogFooter.props.d.ts

@@ -0,0 +1,6 @@
+import { FlexProps } from '../../../../../layout/flex';
+/** Props for `Dialog.Footer`. */
+export type DialogFooterProps = Omit<FlexProps, 'as'> & {
+    /** The HTML element to render. @default 'div' */
+    as?: 'div' | 'footer';
+};

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),h=require("react"),q=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const s=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const t=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../dialog-close/DialogClose.cjs"),i=require("./styles/DialogHeader.css.cjs"),E=require("../../../../../constants/icons.cjs"),c=h.memo(({as:l="div",title:r,titleAs:d,titleProps:n,description:o,descriptionProps:g,actions:a,showCloseButton:u=!0,className:m,children:x,...D})=>e.jsxs(s,{as:l,flexDirection:"row",alignItems:"start",justifyContent:"between",gap:"md",padding:"lg",paddingBottom:"none",className:m,...D,children:[(r||o)&&e.jsxs(s,{flexDirection:"column",alignItems:"start",gap:"xs",className:i.DIALOG_HEADER_STYLES.content,children:[r&&e.jsx(t,{as:d??"h2",id:n?.id,fontSize:"lg",fontWeight:"semibold",color:"foreground",...n,children:r}),o&&e.jsx(t,{as:"p",fontSize:"sm",color:"mutedForeground",...g,children:o})]}),x,a?e.jsx(s,{alignItems:"center",gap:"xs",className:i.DIALOG_HEADER_STYLES.actions,children:a}):u&&e.jsx(s,{alignItems:"center",className:i.DIALOG_HEADER_STYLES.actions,children:e.jsx(j,{children:e.jsx(q,{icon:E.IconRegistry.close,"aria-label":"Close dialog",variant:"ghost",color:"primary",size:"sm"})})})]}));c.displayName="Dialog.Header";module.exports=c;
+//# sourceMappingURL=DialogHeader.cjs.map

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-header/DialogHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport { DIALOG_HEADER_STYLES } from '@components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { DialogHeaderProps } from '@components/overlay/dialog/components/dialog-header/types/DialogHeader.props.ts'\r\n\r\n/**\r\n  * Header section of a `Dialog`. Renders an optional title, description and\r\n  * a close button in the trailing corner.\r\n  *\r\n  * `children` can be used for fully custom header content alongside or instead\r\n  * of the `title` / `description` props.\r\n  */\r\nconst DialogHeader: FC<DialogHeaderProps> = memo(({\r\n    as: Element = 'div',\r\n    title,\r\n    titleAs,\r\n    titleProps,\r\n    description,\r\n    descriptionProps,\r\n    actions,\r\n    showCloseButton = true,\r\n    className,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        as={Element}\r\n        flexDirection={'row'}\r\n        alignItems={'start'}\r\n        justifyContent={'between'}\r\n        gap={'md'}\r\n        padding={'lg'}\r\n        paddingBottom={'none'}\r\n        className={className}\r\n        {...props}\r\n    >\r\n        {(title || description) && (\r\n            <Flex\r\n                flexDirection={'column'}\r\n                alignItems={'start'}\r\n                gap={'xs'}\r\n                className={DIALOG_HEADER_STYLES.content}\r\n            >\r\n                {title && (\r\n                    <Typography\r\n                        as={titleAs ?? 'h2'}\r\n                        id={titleProps?.id}\r\n                        fontSize={'lg'}\r\n                        fontWeight={'semibold'}\r\n                        color={'foreground'}\r\n                        {...titleProps}\r\n                    >\r\n                        {title}\r\n                    </Typography>\r\n                )}\r\n                {description && (\r\n                    <Typography\r\n                        as={'p'}\r\n                        fontSize={'sm'}\r\n                        color={'mutedForeground'}\r\n                        {...descriptionProps}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n        )}\r\n\r\n        {children}\r\n\r\n        {actions ? (\r\n            <Flex\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={DIALOG_HEADER_STYLES.actions}\r\n            >\r\n                {actions}\r\n            </Flex>\r\n        ) : (\r\n            showCloseButton && (\r\n                <Flex\r\n                    alignItems={'center'}\r\n                    className={DIALOG_HEADER_STYLES.actions}\r\n                >\r\n                    <DialogClose>\r\n                        <IconButton\r\n                            icon={IconRegistry.close}\r\n                            aria-label={'Close dialog'}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                        />\r\n                    </DialogClose>\r\n                </Flex>\r\n            )\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nDialogHeader.displayName = 'Dialog.Header'\r\n\r\nexport default DialogHeader\r\n"],"names":["DialogHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","className","children","props","jsxs","Flex","DIALOG_HEADER_STYLES","jsx","Typography","DialogClose","IconButton","IconRegistry"],"mappings":"0kBAiBMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,GAAIC,EAAU,MACd,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,gBAAAC,EAAkB,GAClB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,GAAIZ,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAQ,EACC,GAAGE,EAEF,SAAA,EAAAT,GAASG,IACPO,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,UAAWC,EAAAA,qBAAqB,QAE/B,SAAA,CAAAZ,GACGa,EAAAA,IAACC,EAAA,CACG,GAAIb,GAAW,KACf,GAAIC,GAAY,GAChB,SAAU,KACV,WAAY,WACZ,MAAO,aACN,GAAGA,EAEH,SAAAF,CAAA,CAAA,EAGRG,GACGU,EAAAA,IAACC,EAAA,CACG,GAAI,IACJ,SAAU,KACV,MAAO,kBACN,GAAGV,EAEH,SAAAD,CAAA,CAAA,CACL,CAAA,CAAA,EAKXK,EAEAH,EACGQ,EAAAA,IAACF,EAAA,CACG,WAAY,SACZ,IAAK,KACL,UAAWC,EAAAA,qBAAqB,QAE/B,SAAAP,CAAA,CAAA,EAGLC,GACIO,EAAAA,IAACF,EAAA,CACG,WAAY,SACZ,UAAWC,EAAAA,qBAAqB,QAEhC,eAACG,EAAA,CACG,SAAAF,EAAAA,IAACG,EAAA,CACG,KAAMC,EAAAA,aAAa,MACnB,aAAY,eACZ,QAAS,QACT,MAAO,UACP,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,CACJ,CAAA,CAGZ,CACH,EAEDpB,EAAa,YAAc"}

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { DialogHeaderProps } from './types/DialogHeader.props.ts';
+/**
+  * Header section of a `Dialog`. Renders an optional title, description and
+  * a close button in the trailing corner.
+  *
+  * `children` can be used for fully custom header content alongside or instead
+  * of the `title` / `description` props.
+  */
+declare const DialogHeader: FC<DialogHeaderProps>;
+export default DialogHeader;

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.js

@@ -0,0 +1,103 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { memo as u } from "react";
+import x from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import r from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+import l from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import D from "../dialog-close/DialogClose.js";
+import { DIALOG_HEADER_STYLES as a } from "./styles/DialogHeader.css.js";
+import { IconRegistry as I } from "../../../../../constants/icons.js";
+const y = u(({
+  as: s = "div",
+  title: e,
+  titleAs: c,
+  titleProps: t,
+  description: i,
+  descriptionProps: d,
+  actions: m,
+  showCloseButton: g = !0,
+  className: p,
+  children: f,
+  ...h
+}) => /* @__PURE__ */ n(
+  r,
+  {
+    as: s,
+    flexDirection: "row",
+    alignItems: "start",
+    justifyContent: "between",
+    gap: "md",
+    padding: "lg",
+    paddingBottom: "none",
+    className: p,
+    ...h,
+    children: [
+      (e || i) && /* @__PURE__ */ n(
+        r,
+        {
+          flexDirection: "column",
+          alignItems: "start",
+          gap: "xs",
+          className: a.content,
+          children: [
+            e && /* @__PURE__ */ o(
+              l,
+              {
+                as: c ?? "h2",
+                id: t?.id,
+                fontSize: "lg",
+                fontWeight: "semibold",
+                color: "foreground",
+                ...t,
+                children: e
+              }
+            ),
+            i && /* @__PURE__ */ o(
+              l,
+              {
+                as: "p",
+                fontSize: "sm",
+                color: "mutedForeground",
+                ...d,
+                children: i
+              }
+            )
+          ]
+        }
+      ),
+      f,
+      m ? /* @__PURE__ */ o(
+        r,
+        {
+          alignItems: "center",
+          gap: "xs",
+          className: a.actions,
+          children: m
+        }
+      ) : g && /* @__PURE__ */ o(
+        r,
+        {
+          alignItems: "center",
+          className: a.actions,
+          children: /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(
+            x,
+            {
+              icon: I.close,
+              "aria-label": "Close dialog",
+              variant: "ghost",
+              color: "primary",
+              size: "sm"
+            }
+          ) })
+        }
+      )
+    ]
+  }
+));
+y.displayName = "Dialog.Header";
+export {
+  y as default
+};
+//# sourceMappingURL=DialogHeader.js.map

package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-header/DialogHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport { DIALOG_HEADER_STYLES } from '@components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { DialogHeaderProps } from '@components/overlay/dialog/components/dialog-header/types/DialogHeader.props.ts'\r\n\r\n/**\r\n  * Header section of a `Dialog`. Renders an optional title, description and\r\n  * a close button in the trailing corner.\r\n  *\r\n  * `children` can be used for fully custom header content alongside or instead\r\n  * of the `title` / `description` props.\r\n  */\r\nconst DialogHeader: FC<DialogHeaderProps> = memo(({\r\n    as: Element = 'div',\r\n    title,\r\n    titleAs,\r\n    titleProps,\r\n    description,\r\n    descriptionProps,\r\n    actions,\r\n    showCloseButton = true,\r\n    className,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        as={Element}\r\n        flexDirection={'row'}\r\n        alignItems={'start'}\r\n        justifyContent={'between'}\r\n        gap={'md'}\r\n        padding={'lg'}\r\n        paddingBottom={'none'}\r\n        className={className}\r\n        {...props}\r\n    >\r\n        {(title || description) && (\r\n            <Flex\r\n                flexDirection={'column'}\r\n                alignItems={'start'}\r\n                gap={'xs'}\r\n                className={DIALOG_HEADER_STYLES.content}\r\n            >\r\n                {title && (\r\n                    <Typography\r\n                        as={titleAs ?? 'h2'}\r\n                        id={titleProps?.id}\r\n                        fontSize={'lg'}\r\n                        fontWeight={'semibold'}\r\n                        color={'foreground'}\r\n                        {...titleProps}\r\n                    >\r\n                        {title}\r\n                    </Typography>\r\n                )}\r\n                {description && (\r\n                    <Typography\r\n                        as={'p'}\r\n                        fontSize={'sm'}\r\n                        color={'mutedForeground'}\r\n                        {...descriptionProps}\r\n                    >\r\n                        {description}\r\n                    </Typography>\r\n                )}\r\n            </Flex>\r\n        )}\r\n\r\n        {children}\r\n\r\n        {actions ? (\r\n            <Flex\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={DIALOG_HEADER_STYLES.actions}\r\n            >\r\n                {actions}\r\n            </Flex>\r\n        ) : (\r\n            showCloseButton && (\r\n                <Flex\r\n                    alignItems={'center'}\r\n                    className={DIALOG_HEADER_STYLES.actions}\r\n                >\r\n                    <DialogClose>\r\n                        <IconButton\r\n                            icon={IconRegistry.close}\r\n                            aria-label={'Close dialog'}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                        />\r\n                    </DialogClose>\r\n                </Flex>\r\n            )\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nDialogHeader.displayName = 'Dialog.Header'\r\n\r\nexport default DialogHeader\r\n"],"names":["DialogHeader","memo","Element","title","titleAs","titleProps","description","descriptionProps","actions","showCloseButton","className","children","props","jsxs","Flex","DIALOG_HEADER_STYLES","jsx","Typography","DialogClose","IconButton","IconRegistry"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,IAAIC,IAAU;AAAA,EACd,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAIZ;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAAQ;AAAA,IACC,GAAGE;AAAA,IAEF,UAAA;AAAA,OAAAT,KAASG,MACP,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWC,EAAqB;AAAA,UAE/B,UAAA;AAAA,YAAAZ,KACG,gBAAAa;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAIb,KAAW;AAAA,gBACf,IAAIC,GAAY;AAAA,gBAChB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACN,GAAGA;AAAA,gBAEH,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,YAGRG,KACG,gBAAAU;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,UAAU;AAAA,gBACV,OAAO;AAAA,gBACN,GAAGV;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAKXK;AAAA,MAEAH,IACG,gBAAAQ;AAAA,QAACF;AAAA,QAAA;AAAA,UACG,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWC,EAAqB;AAAA,UAE/B,UAAAP;AAAA,QAAA;AAAA,MAAA,IAGLC,KACI,gBAAAO;AAAA,QAACF;AAAA,QAAA;AAAA,UACG,YAAY;AAAA,UACZ,WAAWC,EAAqB;AAAA,UAEhC,4BAACG,GAAA,EACG,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAMC,EAAa;AAAA,cACnB,cAAY;AAAA,cACZ,SAAS;AAAA,cACT,OAAO;AAAA,cACP,MAAM;AAAA,YAAA;AAAA,UAAA,EACV,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ,CACH;AAEDpB,EAAa,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                  */var e={content:"ocfg30",actions:"ocfg31"};exports.DIALOG_HEADER_STYLES=e;
+//# sourceMappingURL=DialogHeader.css.cjs.map

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.d.ts

@@ -0,0 +1,4 @@
+export declare const DIALOG_HEADER_STYLES: {
+    content: string;
+    actions: string;
+};

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js

@@ -0,0 +1,6 @@
+/* empty css                                */
+var t = { content: "ocfg30", actions: "ocfg31" };
+export {
+  t as DIALOG_HEADER_STYLES
+};
+//# sourceMappingURL=DialogHeader.css.js.map

package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/overlay/dialog/components/dialog-header/types/DialogHeader.props.d.ts

@@ -0,0 +1,26 @@
+import { FlexProps } from '../../../../../layout/flex';
+import { TypographyProps } from '../../../../../foundation/typography';
+import type * as React from 'react';
+/** Props for `Dialog.Header`. */
+export type DialogHeaderProps = Omit<FlexProps, 'as'> & {
+    /** The HTML element to render. @default 'div' */
+    as?: 'div' | 'header';
+    /** Title text rendered as the dialog title. */
+    title?: string;
+    /** Heading level for the title element. @default 'h2' */
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Extra props forwarded to the title `<Typography>` element. */
+    titleProps?: TypographyProps;
+    /** Muted description text rendered below the title. */
+    description?: string;
+    /** Extra props forwarded to the description `<Typography>` element. */
+    descriptionProps?: TypographyProps;
+    /** Content rendered in the trailing corner — e.g. a close button. */
+    actions?: React.ReactNode;
+    /**
+     * Whether to show the default close button in the trailing corner.
+     * Hidden when `actions` is provided.
+     * @default true
+     */
+    showCloseButton?: boolean;
+};

package/dist/components/overlay/dialog/components/dialog-title/DialogTitle.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/dialog"),c=require("react"),l=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const n=require("../../../../../utils/cn.cjs"),i=c.memo(({className:o,children:r,...s})=>e.jsx(t.Dialog.Title,{className:n.cn(o),...s,children:e.jsx(l,{as:"h2",fontSize:"lg",fontWeight:"semibold",color:"foreground",children:r})}));i.displayName="Dialog.Title";module.exports=i;
+//# sourceMappingURL=DialogTitle.cjs.map

package/dist/components/overlay/dialog/components/dialog-title/DialogTitle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-title/DialogTitle.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DialogTitleProps } from '@components/overlay/dialog/components/dialog-title/types/DialogTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Accessible title for the dialog.\r\n * Required for screen-reader users; rendered as a heading by default.\r\n */\r\nconst DialogTitle: FC<DialogTitleProps> = memo(({ className, children, ...props }) => (\r\n    <BaseDialog.Title\r\n        className={cn(className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'h2'}\r\n            fontSize={'lg'}\r\n            fontWeight={'semibold'}\r\n            color={'foreground'}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    </BaseDialog.Title>\r\n))\r\n\r\nDialogTitle.displayName = 'Dialog.Title'\r\n\r\nexport default DialogTitle\r\n"],"names":["DialogTitle","memo","className","children","props","jsx","BaseDialog","cn","Typography"],"mappings":"4RAWMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,KACtEC,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,UAAWC,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEJ,SAAAC,EAAAA,IAACG,EAAA,CACG,GAAI,KACJ,SAAU,KACV,WAAY,WACZ,MAAO,aAEN,SAAAL,CAAA,CAAA,CACL,CACJ,CACH,EAEDH,EAAY,YAAc"}

package/dist/components/overlay/dialog/components/dialog-title/DialogTitle.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DialogTitleProps } from './types/DialogTitle.props.ts';
+/**
+ * Accessible title for the dialog.
+ * Required for screen-reader users; rendered as a heading by default.
+ */
+declare const DialogTitle: FC<DialogTitleProps>;
+export default DialogTitle;

package/dist/components/overlay/dialog/components/dialog-title/DialogTitle.js

@@ -0,0 +1,28 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Dialog as t } from "@base-ui/react/dialog";
+import { memo as e } from "react";
+import l from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as a } from "../../../../../utils/cn.js";
+const p = e(({ className: i, children: r, ...m }) => /* @__PURE__ */ o(
+  t.Title,
+  {
+    className: a(i),
+    ...m,
+    children: /* @__PURE__ */ o(
+      l,
+      {
+        as: "h2",
+        fontSize: "lg",
+        fontWeight: "semibold",
+        color: "foreground",
+        children: r
+      }
+    )
+  }
+));
+p.displayName = "Dialog.Title";
+export {
+  p as default
+};
+//# sourceMappingURL=DialogTitle.js.map

package/dist/components/overlay/dialog/components/dialog-title/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-title/DialogTitle.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport type { DialogTitleProps } from '@components/overlay/dialog/components/dialog-title/types/DialogTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Accessible title for the dialog.\r\n * Required for screen-reader users; rendered as a heading by default.\r\n */\r\nconst DialogTitle: FC<DialogTitleProps> = memo(({ className, children, ...props }) => (\r\n    <BaseDialog.Title\r\n        className={cn(className)}\r\n        {...props}\r\n    >\r\n        <Typography\r\n            as={'h2'}\r\n            fontSize={'lg'}\r\n            fontWeight={'semibold'}\r\n            color={'foreground'}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    </BaseDialog.Title>\r\n))\r\n\r\nDialogTitle.displayName = 'Dialog.Title'\r\n\r\nexport default DialogTitle\r\n"],"names":["DialogTitle","memo","className","children","props","jsx","BaseDialog","cn","Typography"],"mappings":";;;;;;AAWA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QACtE,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,OAAO;AAAA,QAEN,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AACJ,CACH;AAEDH,EAAY,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-title/types/DialogTitle.props.d.ts

@@ -0,0 +1,3 @@
+import { Dialog } from '@base-ui/react/dialog';
+/** Props for `Dialog.Title`. */
+export type DialogTitleProps = Dialog.Title.Props;

package/dist/components/overlay/dialog/components/dialog-trigger/DialogTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";const g=require("react/jsx-runtime"),o=require("@base-ui/react/dialog"),s=require("react"),e=s.memo(({children:r,...i})=>g.jsx(o.Dialog.Trigger,{...i,render:r}));e.displayName="Dialog.Trigger";module.exports=e;
+//# sourceMappingURL=DialogTrigger.cjs.map

package/dist/components/overlay/dialog/components/dialog-trigger/DialogTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrigger.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-trigger/DialogTrigger.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { DialogTriggerProps } from '@components/overlay/dialog/components/dialog-trigger/types/DialogTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the dialog.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst DialogTrigger: FC<DialogTriggerProps> = memo(({ children, ...props }) => (\r\n    <BaseDialog.Trigger\r\n        {...props}\r\n        render={children}\r\n    />\r\n))\r\n\r\nDialogTrigger.displayName = 'Dialog.Trigger'\r\n\r\nexport default DialogTrigger\r\n"],"names":["DialogTrigger","memo","children","props","jsx","BaseDialog"],"mappings":"wGASMA,EAAwCC,EAAAA,KAAK,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAC/DC,EAAAA,IAACC,EAAAA,OAAW,QAAX,CACI,GAAGF,EACJ,OAAQD,CAAA,CACZ,CACH,EAEDF,EAAc,YAAc"}

package/dist/components/overlay/dialog/components/dialog-trigger/DialogTrigger.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DialogTriggerProps } from './types/DialogTrigger.props.ts';
+/**
+ * The element that opens the dialog.
+ * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.
+ */
+declare const DialogTrigger: FC<DialogTriggerProps>;
+export default DialogTrigger;

package/dist/components/overlay/dialog/components/dialog-trigger/DialogTrigger.js

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Dialog as e } from "@base-ui/react/dialog";
+import { memo as g } from "react";
+const m = g(({ children: r, ...o }) => /* @__PURE__ */ i(
+  e.Trigger,
+  {
+    ...o,
+    render: r
+  }
+));
+m.displayName = "Dialog.Trigger";
+export {
+  m as default
+};
+//# sourceMappingURL=DialogTrigger.js.map

package/dist/components/overlay/dialog/components/dialog-trigger/DialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrigger.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-trigger/DialogTrigger.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport type { DialogTriggerProps } from '@components/overlay/dialog/components/dialog-trigger/types/DialogTrigger.props.ts'\r\n\r\n/**\r\n * The element that opens the dialog.\r\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the trigger.\r\n */\r\nconst DialogTrigger: FC<DialogTriggerProps> = memo(({ children, ...props }) => (\r\n    <BaseDialog.Trigger\r\n        {...props}\r\n        render={children}\r\n    />\r\n))\r\n\r\nDialogTrigger.displayName = 'Dialog.Trigger'\r\n\r\nexport default DialogTrigger\r\n"],"names":["DialogTrigger","memo","children","props","jsx","BaseDialog"],"mappings":";;;AASA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAC/D,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACI,GAAGF;AAAA,IACJ,QAAQD;AAAA,EAAA;AACZ,CACH;AAEDF,EAAc,cAAc;"}

package/dist/components/overlay/dialog/components/dialog-trigger/types/DialogTrigger.props.d.ts

@@ -0,0 +1,13 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { ReactElement } from 'react';
+/**
+ * Props for the `DialogTrigger` wrapper.
+ *
+ * Unlike Base UI's own `Dialog.Trigger` (which uses a `render` prop), this wrapper
+ * keeps the familiar `children` API: pass your own element as `children` and it is
+ * forwarded to Base UI's `render` prop internally.
+ */
+export type DialogTriggerProps = Omit<Dialog.Trigger.Props, 'render' | 'children'> & {
+    /** The element that triggers the dialog — forwarded to Base UI's `render` prop. */
+    children: ReactElement;
+};

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

@@ -0,0 +1,8 @@
+export { default as DialogBody } from './dialog-body/DialogBody.tsx';
+export { default as DialogClose } from './dialog-close/DialogClose.tsx';
+export { default as DialogContent } from './dialog-content/DialogContent.tsx';
+export { default as DialogDescription } from './dialog-description/DialogDescription.tsx';
+export { default as DialogFooter } from './dialog-footer/DialogFooter.tsx';
+export { default as DialogHeader } from './dialog-header/DialogHeader.tsx';
+export { default as DialogTitle } from './dialog-title/DialogTitle.tsx';
+export { default as DialogTrigger } from './dialog-trigger/DialogTrigger.tsx';

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

@@ -0,0 +1,13 @@
+export { Dialog } from './Dialog.tsx';
+export { DIALOG_STYLES } from './styles/Dialog.css.ts';
+export { DIALOG_HEADER_STYLES } from './components/dialog-header/styles/DialogHeader.css.ts';
+export type { DialogProps } from './types/Dialog.props.ts';
+export type { DialogSize } from './types/Dialog.types.ts';
+export type { DialogTriggerProps } from './components/dialog-trigger/types/DialogTrigger.props.ts';
+export type { DialogContentProps } from './components/dialog-content/types/DialogContent.props.ts';
+export type { DialogHeaderProps } from './components/dialog-header/types/DialogHeader.props.ts';
+export type { DialogBodyProps } from './components/dialog-body/types/DialogBody.props.ts';
+export type { DialogFooterProps } from './components/dialog-footer/types/DialogFooter.props.ts';
+export type { DialogTitleProps } from './components/dialog-title/types/DialogTitle.props.ts';
+export type { DialogDescriptionProps } from './components/dialog-description/types/DialogDescription.props.ts';
+export type { DialogCloseProps } from './components/dialog-close/types/DialogClose.props.ts';

package/dist/components/overlay/dialog/styles/Dialog.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                            */var e={overlay:"_1bzhpwp0",content:"_1bzhpwp1",contentSize:{sm:"_1bzhpwp2",md:"_1bzhpwp3",lg:"_1bzhpwp4",xl:"_1bzhpwp5","2xl":"_1bzhpwp6",full:"_1bzhpwp7"}};exports.DIALOG_STYLES=e;
+//# sourceMappingURL=Dialog.css.cjs.map

package/dist/components/overlay/dialog/styles/Dialog.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlay/dialog/styles/Dialog.css.d.ts

@@ -0,0 +1,12 @@
+export declare const DIALOG_STYLES: {
+    overlay: string;
+    content: string;
+    contentSize: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+};

package/dist/components/overlay/dialog/styles/Dialog.css.js

@@ -0,0 +1,19 @@
+/* empty css                                            */
+/* empty css                                                              */
+/* empty css                                                               */
+/* empty css                                                                       */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                     */
+/* empty css                                                                      */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                     */
+/* empty css                          */
+var x = { overlay: "_1bzhpwp0", content: "_1bzhpwp1", contentSize: { sm: "_1bzhpwp2", md: "_1bzhpwp3", lg: "_1bzhpwp4", xl: "_1bzhpwp5", "2xl": "_1bzhpwp6", full: "_1bzhpwp7" } };
+export {
+  x as DIALOG_STYLES
+};
+//# sourceMappingURL=Dialog.css.js.map

package/dist/components/overlay/dialog/styles/Dialog.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/overlay/dialog/types/Dialog.props.d.ts

@@ -0,0 +1,3 @@
+import { Dialog } from '@base-ui/react/dialog';
+/** Props for the root `Dialog` wrapper. */
+export type DialogProps = Dialog.Root.Props;

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

@@ -0,0 +1,5 @@
+/**
+ * Predefined width sizes for the dialog content.
+ * Maps to CSS max-width values while keeping the dialog responsive.
+ */
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { default as DialogBody } from '../components/dialog-body/DialogBody.tsx';
+import { default as DialogClose } from '../components/dialog-close/DialogClose.tsx';
+import { default as DialogContent } from '../components/dialog-content/DialogContent.tsx';
+import { default as DialogDescription } from '../components/dialog-description/DialogDescription.tsx';
+import { default as DialogFooter } from '../components/dialog-footer/DialogFooter.tsx';
+import { default as DialogHeader } from '../components/dialog-header/DialogHeader.tsx';
+import { default as DialogTitle } from '../components/dialog-title/DialogTitle.tsx';
+import { default as DialogTrigger } from '../components/dialog-trigger/DialogTrigger.tsx';
+import { DialogProps } from './Dialog.props.ts';
+export type DialogCompound = FC<DialogProps> & {
+    Trigger: typeof DialogTrigger;
+    Content: typeof DialogContent;
+    Header: typeof DialogHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Close: typeof DialogClose;
+};
+export type { DialogProps } from './Dialog.props.ts';
+export type { DialogSize } from './Dialog.types.ts';

package/dist/components/overlay/drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("./components/items/drawer-action-item/DrawerActionItem.cjs"),A=require("./components/blocs/drawer-body/DrawerBody.cjs"),j=require("./components/blocs/drawer-footer/DrawerFooter.cjs"),O=require("./components/blocs/drawer-header/DrawerHeader.cjs"),f=require("./components/variants/drawer-inline/DrawerInline.cjs"),g=require("./components/variants/drawer-mini/DrawerMini.cjs"),h=require("./components/items/drawer-nav-item/DrawerNavItem.cjs"),v=require("./components/variants/drawer-portal/DrawerPortal.cjs"),H=require("./components/blocs/drawer-section/DrawerSection.cjs"),P=require("./components/items/drawer-section-item/DrawerSectionItem.cjs"),a=require("./constants/drawerModes.const.cjs"),s=require("./constants/drawerSizes.const.cjs"),T=require("./context/Drawer.context.cjs"),z=require("./hooks/use-drawer/useDrawer.hook.cjs"),c=require("react"),e=c.memo(({open:u,defaultOpen:D=!1,onOpenChange:l,mode:t=a.DRAWER_MODES.portal,position:d="left",size:w="md",withBackdrop:o=!0,collapsedWidth:i,backgroundColor:q,defaultAriaLabel:I="Drawer",children:m,className:R,style:S,"aria-label":_,"aria-labelledby":E,...p})=>{const b=c.useId(),{contextValue:x,handleOpenChange:M,commonRendererProps:n}=z.useDrawer({open:u,defaultOpen:D,onOpenChange:l,mode:t,position:d,size:w,withBackdrop:o,collapsedWidth:i,backgroundColor:q,defaultAriaLabel:I,children:m,className:R,style:S,"aria-label":_,"aria-labelledby":E,titleId:b,...p}),W=t===a.DRAWER_MODES.portal?r.jsx(v,{...n,onOpenChange:M,withBackdrop:o}):t===a.DRAWER_MODES.mini?r.jsx(g,{...n,sizeWidthMap:s.DRAWER_SIZE_WIDTH,collapsedWidth:i}):r.jsx(f,{...n,sizeWidthMap:s.DRAWER_SIZE_WIDTH});return r.jsx(T.DrawerContext.Provider,{value:x,children:W})});e.displayName="Drawer";e.Header=O;e.Body=A;e.Footer=j;e.Section=H;e.NavItem=h;e.ActionItem=y;e.SectionItem=P;exports.Drawer=e;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/overlay/drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/overlay/drawer/Drawer.tsx"],"sourcesContent":["import DrawerActionItem from '@components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx'\r\nimport DrawerBody from '@components/overlay/drawer/components/blocs/drawer-body/DrawerBody.tsx'\r\nimport DrawerFooter from '@components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.tsx'\r\nimport DrawerHeader from '@components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.tsx'\r\nimport DrawerInline from '@components/overlay/drawer/components/variants/drawer-inline/DrawerInline.tsx'\r\nimport DrawerMini from '@components/overlay/drawer/components/variants/drawer-mini/DrawerMini.tsx'\r\nimport DrawerNavItem from '@components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.tsx'\r\nimport DrawerPortal from '@components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.tsx'\r\nimport DrawerSection from '@components/overlay/drawer/components/blocs/drawer-section/DrawerSection.tsx'\r\nimport DrawerSectionItem from '@components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx'\r\nimport { DRAWER_MODES, DRAWER_SIZE_WIDTH } from '@components/overlay/drawer/constants'\r\nimport { DrawerContext } from '@components/overlay/drawer/context/Drawer.context.ts'\r\nimport { useDrawer } from '@components/overlay/drawer/hooks/use-drawer/useDrawer.hook.ts'\r\nimport type {\r\n    DrawerCompound,\r\n    DrawerProps,\r\n} from '@components/overlay/drawer/types'\r\nimport { memo, useId } from 'react'\r\n\r\n/**\r\n * A flexible drawer with three render modes: portal, inline and mini.\r\n *\r\n * Compose with `Drawer.Header`, `Drawer.Body` and `Drawer.Footer`:\r\n *\r\n * @example\r\n * ```tsx\r\n * <Drawer open={open} onOpenChange={setOpen} mode=\"portal\">\r\n *   <Drawer.Header title=\"Settings\" />\r\n *   <Drawer.Body>\r\n *     <Drawer.Section title=\"Navigation\">\r\n *       <Drawer.NavItem label=\"Dashboard\" href=\"/dashboard\" startIcon=\"lucide:home\" />\r\n *     </Drawer.Section>\r\n *     <Drawer.Section title=\"Account\">\r\n *       <Drawer.SectionItem label=\"Account\" startIcon=\"lucide:user\">\r\n *         <Drawer.NavItem label=\"Profile\" href=\"/profile\" />\r\n *         <Drawer.ActionItem label=\"Sign out\" startIcon=\"lucide:log-out\" />\r\n *       </Drawer.SectionItem>\r\n *     </Drawer.Section>\r\n *   </Drawer.Body>\r\n *   <Drawer.Footer>\r\n *     <Button onClick={() => setOpen(false)}>Close</Button>\r\n *   </Drawer.Footer>\r\n * </Drawer>\r\n * ```\r\n */\r\nconst Drawer = memo<DrawerProps>(({\r\n    open: controlledOpen,\r\n    defaultOpen = false,\r\n    onOpenChange,\r\n    mode = DRAWER_MODES.portal,\r\n    position = 'left',\r\n    size = 'md',\r\n    withBackdrop = true,\r\n    collapsedWidth,\r\n    backgroundColor,\r\n    defaultAriaLabel = 'Drawer',\r\n    children,\r\n    className,\r\n    style,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    ...props\r\n}) => {\r\n    const generatedTitleId = useId()\r\n\r\n    const { contextValue, handleOpenChange, commonRendererProps } = useDrawer({\r\n        open: controlledOpen,\r\n        defaultOpen,\r\n        onOpenChange,\r\n        mode,\r\n        position,\r\n        size,\r\n        withBackdrop,\r\n        collapsedWidth,\r\n        backgroundColor,\r\n        defaultAriaLabel,\r\n        children,\r\n        className,\r\n        style,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        titleId: generatedTitleId,\r\n        ...props,\r\n    })\r\n\r\n    const renderer = (() => {\r\n        if (mode === DRAWER_MODES.portal) {\r\n            return (\r\n                <DrawerPortal\r\n                    {...commonRendererProps}\r\n                    onOpenChange={handleOpenChange}\r\n                    withBackdrop={withBackdrop}\r\n                />\r\n            )\r\n        }\r\n\r\n        if (mode === DRAWER_MODES.mini) {\r\n            return (\r\n                <DrawerMini\r\n                    {...commonRendererProps}\r\n                    sizeWidthMap={DRAWER_SIZE_WIDTH}\r\n                    collapsedWidth={collapsedWidth}\r\n                />\r\n            )\r\n        }\r\n\r\n        return (\r\n            <DrawerInline\r\n                {...commonRendererProps}\r\n                sizeWidthMap={DRAWER_SIZE_WIDTH}\r\n            />\r\n        )\r\n    })()\r\n\r\n    return (\r\n        <DrawerContext.Provider value={contextValue}>\r\n            {renderer}\r\n        </DrawerContext.Provider>\r\n    )\r\n}) as unknown as DrawerCompound\r\n\r\nDrawer.displayName = 'Drawer'\r\nDrawer.Header = DrawerHeader\r\nDrawer.Body = DrawerBody\r\nDrawer.Footer = DrawerFooter\r\nDrawer.Section = DrawerSection\r\nDrawer.NavItem = DrawerNavItem\r\nDrawer.ActionItem = DrawerActionItem\r\nDrawer.SectionItem = DrawerSectionItem\r\n\r\nexport { Drawer }\r\n"],"names":["Drawer","memo","controlledOpen","defaultOpen","onOpenChange","mode","DRAWER_MODES","position","size","withBackdrop","collapsedWidth","backgroundColor","defaultAriaLabel","children","className","style","ariaLabel","ariaLabelledBy","props","generatedTitleId","useId","contextValue","handleOpenChange","commonRendererProps","useDrawer","renderer","jsx","DrawerPortal","DrawerMini","DRAWER_SIZE_WIDTH","DrawerInline","DrawerContext","DrawerHeader","DrawerBody","DrawerFooter","DrawerSection","DrawerNavItem","DrawerActionItem","DrawerSectionItem"],"mappings":"m9BA6CMA,EAASC,EAAAA,KAAkB,CAAC,CAC9B,KAAMC,EACN,YAAAC,EAAc,GACd,aAAAC,EACA,KAAAC,EAAOC,EAAAA,aAAa,OACpB,SAAAC,EAAW,OACX,KAAAC,EAAO,KACP,aAAAC,EAAe,GACf,eAAAC,EACA,gBAAAC,EACA,iBAAAC,EAAmB,SACnB,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAmBC,EAAAA,MAAA,EAEnB,CAAE,aAAAC,EAAc,iBAAAC,EAAkB,oBAAAC,CAAA,EAAwBC,EAAAA,UAAU,CACtE,KAAMtB,EACN,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAAE,EACA,KAAAC,EACA,aAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,QAASE,EACT,GAAGD,CAAA,CACN,EAEKO,EACEpB,IAASC,EAAAA,aAAa,OAElBoB,EAAAA,IAACC,EAAA,CACI,GAAGJ,EACJ,aAAcD,EACd,aAAAb,CAAA,CAAA,EAKRJ,IAASC,EAAAA,aAAa,KAElBoB,EAAAA,IAACE,EAAA,CACI,GAAGL,EACJ,aAAcM,EAAAA,kBACd,eAAAnB,CAAA,CAAA,EAMRgB,EAAAA,IAACI,EAAA,CACI,GAAGP,EACJ,aAAcM,EAAAA,iBAAA,CAAA,EAK1B,aACKE,EAAAA,cAAc,SAAd,CAAuB,MAAOV,EAC1B,SAAAI,EACL,CAER,CAAC,EAEDzB,EAAO,YAAc,SACrBA,EAAO,OAASgC,EAChBhC,EAAO,KAAOiC,EACdjC,EAAO,OAASkC,EAChBlC,EAAO,QAAUmC,EACjBnC,EAAO,QAAUoC,EACjBpC,EAAO,WAAaqC,EACpBrC,EAAO,YAAcsC"}

package/dist/components/overlay/drawer/Drawer.d.ts

@@ -0,0 +1,29 @@
+import { DrawerCompound } from './types';
+/**
+ * A flexible drawer with three render modes: portal, inline and mini.
+ *
+ * Compose with `Drawer.Header`, `Drawer.Body` and `Drawer.Footer`:
+ *
+ * @example
+ * ```tsx
+ * <Drawer open={open} onOpenChange={setOpen} mode="portal">
+ *   <Drawer.Header title="Settings" />
+ *   <Drawer.Body>
+ *     <Drawer.Section title="Navigation">
+ *       <Drawer.NavItem label="Dashboard" href="/dashboard" startIcon="lucide:home" />
+ *     </Drawer.Section>
+ *     <Drawer.Section title="Account">
+ *       <Drawer.SectionItem label="Account" startIcon="lucide:user">
+ *         <Drawer.NavItem label="Profile" href="/profile" />
+ *         <Drawer.ActionItem label="Sign out" startIcon="lucide:log-out" />
+ *       </Drawer.SectionItem>
+ *     </Drawer.Section>
+ *   </Drawer.Body>
+ *   <Drawer.Footer>
+ *     <Button onClick={() => setOpen(false)}>Close</Button>
+ *   </Drawer.Footer>
+ * </Drawer>
+ * ```
+ */
+declare const Drawer: DrawerCompound;
+export { Drawer };