@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/overlay/drawer/components/variants/drawer-inline/DrawerInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerInline.js","sources":["../../../../../../../src/components/overlay/drawer/components/variants/drawer-inline/DrawerInline.tsx"],"sourcesContent":["import { memo, type FC, useMemo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DRAWER_STYLES } from '@components/overlay/drawer/styles/Drawer.css.ts'\r\nimport { DRAWER_INLINE_STYLES } from '@components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.ts'\r\nimport type { DrawerInlineProps } from '@components/overlay/drawer/components/variants/drawer-inline/types/DrawerInline.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Inline drawer renderer.\r\n *\r\n * Renders the drawer as a layout element that takes space when open\r\n * and collapses to `width: 0` when closed.\r\n */\r\nconst DrawerInline: FC<DrawerInlineProps> = memo(({\r\n    open,\r\n    size,\r\n    sizeWidthMap,\r\n    backgroundColor,\r\n    accessibleName,\r\n    ariaLabelledBy,\r\n    children,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const backgroundClassName = useMemo(\r\n        () =>\r\n            backgroundColor ? DRAWER_STYLES.recipe({ backgroundColor }) : undefined,\r\n        [backgroundColor],\r\n    )\r\n\r\n    const panelClassName = cn(\r\n        DRAWER_STYLES.panel,\r\n        DRAWER_INLINE_STYLES.panel,\r\n        !open && DRAWER_INLINE_STYLES.closed,\r\n        DRAWER_STYLES.size[size],\r\n        backgroundClassName,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <Box\r\n            className={panelClassName}\r\n            style={{ width: open ? sizeWidthMap[size] : 0, ...style }}\r\n            aria-label={accessibleName}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-hidden={!open}\r\n            inert={!open}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Box>\r\n    )\r\n})\r\n\r\nDrawerInline.displayName = 'Drawer.Inline'\r\n\r\nexport default DrawerInline\r\n"],"names":["DrawerInline","memo","open","size","sizeWidthMap","backgroundColor","accessibleName","ariaLabelledBy","children","className","style","props","backgroundClassName","useMemo","DRAWER_STYLES","panelClassName","cn","DRAWER_INLINE_STYLES","jsx","Box"],"mappings":";;;;;;;AAcA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAsBC;AAAA,IACxB,MACIR,IAAkBS,EAAc,OAAO,EAAE,iBAAAT,EAAA,CAAiB,IAAI;AAAA,IAClE,CAACA,CAAe;AAAA,EAAA,GAGdU,IAAiBC;AAAA,IACnBF,EAAc;AAAA,IACdG,EAAqB;AAAA,IACrB,CAACf,KAAQe,EAAqB;AAAA,IAC9BH,EAAc,KAAKX,CAAI;AAAA,IACvBS;AAAA,IACAH;AAAA,EAAA;AAGJ,SACI,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWJ;AAAA,MACX,OAAO,EAAE,OAAOb,IAAOE,EAAaD,CAAI,IAAI,GAAG,GAAGO,EAAA;AAAA,MAClD,cAAYJ;AAAA,MACZ,mBAAiBC;AAAA,MACjB,eAAa,CAACL;AAAA,MACd,OAAO,CAACA;AAAA,MACP,GAAGS;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDR,EAAa,cAAc;"}

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                       */;/* empty css                                  */var e={panel:"_10whbww0",closed:"_10whbww1"};exports.DRAWER_INLINE_STYLES=e;
+//# sourceMappingURL=DrawerInline.css.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.cjs.map

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

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.d.ts

@@ -0,0 +1,4 @@
+export declare const DRAWER_INLINE_STYLES: {
+    panel: string;
+    closed: string;
+};

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                     */
+/* empty css                                */
+var p = { panel: "_10whbww0", closed: "_10whbww1" };
+export {
+  p as DRAWER_INLINE_STYLES
+};
+//# sourceMappingURL=DrawerInline.css.js.map

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.js.map

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

package/dist/components/overlay/drawer/components/variants/drawer-inline/types/DrawerInline.props.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { DrawerColor, DrawerSize } from '../../../../types';
+/** Props for the inline drawer renderer. */
+export type DrawerInlineProps = HTMLAttributes<HTMLDivElement> & {
+    /** Current open state. */
+    open: boolean;
+    /** Width preset. */
+    size: DrawerSize;
+    /** Maps a size preset to a CSS width value. */
+    sizeWidthMap: Record<DrawerSize, string>;
+    /** Theme color token applied to the drawer panel background. */
+    backgroundColor?: DrawerColor;
+    /** Accessible name used when no visible title is present. */
+    accessibleName: string | undefined;
+    /** Accessible labelled-by id. */
+    ariaLabelledBy: string | undefined;
+    /** Drawer content. */
+    children?: ReactNode;
+    /** Optional inline styles. */
+    style?: CSSProperties;
+};

package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.cjs

@@ -0,0 +1,2 @@
+"use strict";const q=require("react/jsx-runtime"),a=require("react"),L=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const r=require("../../../styles/Drawer.css.cjs"),A=require("../../../../../../utils/cn.cjs"),n=require("./styles/DrawerMini.css.cjs"),M=require("./constants/index.cjs"),c=a.memo(({open:s,size:i,sizeWidthMap:t,collapsedWidth:l=M.COLLAPSED_WIDTH,backgroundColor:e,accessibleName:u,ariaLabelledBy:D,children:E,className:R,style:S,...o})=>{const _=a.useMemo(()=>e?r.DRAWER_STYLES.recipe({backgroundColor:e}):void 0,[e]),m=A.cn(r.DRAWER_STYLES.panel,n.DRAWER_MINI_STYLES.panel,!s&&n.DRAWER_MINI_STYLES.closed,r.DRAWER_STYLES.size[i],_,R);return q.jsx(L,{className:m,style:{width:s?t[i]:l,...S},"aria-label":u,"aria-labelledby":D,...o,children:E})});c.displayName="Drawer.Mini";module.exports=c;
+//# sourceMappingURL=DrawerMini.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerMini.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.tsx"],"sourcesContent":["import { memo, type FC, useMemo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DRAWER_STYLES } from '@components/overlay/drawer/styles/Drawer.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type {\r\n    DrawerMiniProps\r\n} from '@components/overlay/drawer/components/variants/drawer-mini/types/DrawerMini.props.ts'\r\nimport { DRAWER_MINI_STYLES } from '@components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.ts'\r\nimport { COLLAPSED_WIDTH } from '@components/overlay/drawer/components/variants/drawer-mini/constants'\r\n\r\n/**\r\n * Mini drawer renderer.\r\n *\r\n * Renders the drawer as a layout element that stays visible when closed,\r\n * collapsing to a narrower width instead of disappearing completely.\r\n */\r\nconst DrawerMini: FC<DrawerMiniProps> = memo(({\r\n    open,\r\n    size,\r\n    sizeWidthMap,\r\n    collapsedWidth = COLLAPSED_WIDTH,\r\n    backgroundColor,\r\n    accessibleName,\r\n    ariaLabelledBy,\r\n    children,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const backgroundClassName = useMemo(\r\n        () =>\r\n            backgroundColor ? DRAWER_STYLES.recipe({ backgroundColor }) : undefined,\r\n        [backgroundColor],\r\n    )\r\n\r\n    const panelClassName = cn(\r\n        DRAWER_STYLES.panel,\r\n        DRAWER_MINI_STYLES.panel,\r\n        !open && DRAWER_MINI_STYLES.closed,\r\n        DRAWER_STYLES.size[size],\r\n        backgroundClassName,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <Box\r\n            className={panelClassName}\r\n            style={{ width: open ? sizeWidthMap[size] : collapsedWidth, ...style }}\r\n            aria-label={accessibleName}\r\n            aria-labelledby={ariaLabelledBy}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Box>\r\n    )\r\n})\r\n\r\nDrawerMini.displayName = 'Drawer.Mini'\r\n\r\nexport default DrawerMini\r\n"],"names":["DrawerMini","memo","open","size","sizeWidthMap","collapsedWidth","COLLAPSED_WIDTH","backgroundColor","accessibleName","ariaLabelledBy","children","className","style","props","backgroundClassName","useMemo","DRAWER_STYLES","panelClassName","cn","DRAWER_MINI_STYLES","jsx","Box"],"mappings":"sVAiBMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,eAAAC,EAAiBC,EAAAA,gBACjB,gBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAsBC,EAAAA,QACxB,IACIR,EAAkBS,EAAAA,cAAc,OAAO,CAAE,gBAAAT,CAAA,CAAiB,EAAI,OAClE,CAACA,CAAe,CAAA,EAGdU,EAAiBC,EAAAA,GACnBF,EAAAA,cAAc,MACdG,EAAAA,mBAAmB,MACnB,CAACjB,GAAQiB,EAAAA,mBAAmB,OAC5BH,EAAAA,cAAc,KAAKb,CAAI,EACvBW,EACAH,CAAA,EAGJ,OACIS,EAAAA,IAACC,EAAA,CACG,UAAWJ,EACX,MAAO,CAAE,MAAOf,EAAOE,EAAaD,CAAI,EAAIE,EAAgB,GAAGO,CAAA,EAC/D,aAAYJ,EACZ,kBAAiBC,EAChB,GAAGI,EAEH,SAAAH,CAAA,CAAA,CAGb,CAAC,EAEDV,EAAW,YAAc"}

package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DrawerMiniProps } from './types/DrawerMini.props.ts';
+/**
+ * Mini drawer renderer.
+ *
+ * Renders the drawer as a layout element that stays visible when closed,
+ * collapsing to a narrower width instead of disappearing completely.
+ */
+declare const DrawerMini: FC<DrawerMiniProps>;
+export default DrawerMini;

package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.js

@@ -0,0 +1,49 @@
+import { jsx as E } from "react/jsx-runtime";
+import { memo as N, useMemo as S } from "react";
+import L from "../../../../../layout/box/Box.js";
+import "../../../../../layout/box/styles/Box.css.js";
+import { DRAWER_STYLES as r } from "../../../styles/Drawer.css.js";
+import { cn as M } from "../../../../../../utils/cn.js";
+import { DRAWER_MINI_STYLES as i } from "./styles/DrawerMini.css.js";
+import { COLLAPSED_WIDTH as R } from "./constants/index.js";
+const _ = N(({
+  open: e,
+  size: a,
+  sizeWidthMap: o,
+  collapsedWidth: t = R,
+  backgroundColor: m,
+  accessibleName: s,
+  ariaLabelledBy: l,
+  children: p,
+  className: f,
+  style: n,
+  ...c
+}) => {
+  const D = S(
+    () => m ? r.recipe({ backgroundColor: m }) : void 0,
+    [m]
+  ), d = M(
+    r.panel,
+    i.panel,
+    !e && i.closed,
+    r.size[a],
+    D,
+    f
+  );
+  return /* @__PURE__ */ E(
+    L,
+    {
+      className: d,
+      style: { width: e ? o[a] : t, ...n },
+      "aria-label": s,
+      "aria-labelledby": l,
+      ...c,
+      children: p
+    }
+  );
+});
+_.displayName = "Drawer.Mini";
+export {
+  _ as default
+};
+//# sourceMappingURL=DrawerMini.js.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerMini.js","sources":["../../../../../../../src/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.tsx"],"sourcesContent":["import { memo, type FC, useMemo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DRAWER_STYLES } from '@components/overlay/drawer/styles/Drawer.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type {\r\n    DrawerMiniProps\r\n} from '@components/overlay/drawer/components/variants/drawer-mini/types/DrawerMini.props.ts'\r\nimport { DRAWER_MINI_STYLES } from '@components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.ts'\r\nimport { COLLAPSED_WIDTH } from '@components/overlay/drawer/components/variants/drawer-mini/constants'\r\n\r\n/**\r\n * Mini drawer renderer.\r\n *\r\n * Renders the drawer as a layout element that stays visible when closed,\r\n * collapsing to a narrower width instead of disappearing completely.\r\n */\r\nconst DrawerMini: FC<DrawerMiniProps> = memo(({\r\n    open,\r\n    size,\r\n    sizeWidthMap,\r\n    collapsedWidth = COLLAPSED_WIDTH,\r\n    backgroundColor,\r\n    accessibleName,\r\n    ariaLabelledBy,\r\n    children,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const backgroundClassName = useMemo(\r\n        () =>\r\n            backgroundColor ? DRAWER_STYLES.recipe({ backgroundColor }) : undefined,\r\n        [backgroundColor],\r\n    )\r\n\r\n    const panelClassName = cn(\r\n        DRAWER_STYLES.panel,\r\n        DRAWER_MINI_STYLES.panel,\r\n        !open && DRAWER_MINI_STYLES.closed,\r\n        DRAWER_STYLES.size[size],\r\n        backgroundClassName,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <Box\r\n            className={panelClassName}\r\n            style={{ width: open ? sizeWidthMap[size] : collapsedWidth, ...style }}\r\n            aria-label={accessibleName}\r\n            aria-labelledby={ariaLabelledBy}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Box>\r\n    )\r\n})\r\n\r\nDrawerMini.displayName = 'Drawer.Mini'\r\n\r\nexport default DrawerMini\r\n"],"names":["DrawerMini","memo","open","size","sizeWidthMap","collapsedWidth","COLLAPSED_WIDTH","backgroundColor","accessibleName","ariaLabelledBy","children","className","style","props","backgroundClassName","useMemo","DRAWER_STYLES","panelClassName","cn","DRAWER_MINI_STYLES","jsx","Box"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC,IAAiBC;AAAA,EACjB,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAsBC;AAAA,IACxB,MACIR,IAAkBS,EAAc,OAAO,EAAE,iBAAAT,EAAA,CAAiB,IAAI;AAAA,IAClE,CAACA,CAAe;AAAA,EAAA,GAGdU,IAAiBC;AAAA,IACnBF,EAAc;AAAA,IACdG,EAAmB;AAAA,IACnB,CAACjB,KAAQiB,EAAmB;AAAA,IAC5BH,EAAc,KAAKb,CAAI;AAAA,IACvBW;AAAA,IACAH;AAAA,EAAA;AAGJ,SACI,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWJ;AAAA,MACX,OAAO,EAAE,OAAOf,IAAOE,EAAaD,CAAI,IAAIE,GAAgB,GAAGO,EAAA;AAAA,MAC/D,cAAYJ;AAAA,MACZ,mBAAiBC;AAAA,MAChB,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDV,EAAW,cAAc;"}

package/dist/components/overlay/drawer/components/variants/drawer-mini/constants/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=62;exports.COLLAPSED_WIDTH=e;
+//# sourceMappingURL=index.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/overlay/drawer/components/variants/drawer-mini/constants/index.ts"],"sourcesContent":["export const COLLAPSED_WIDTH = 62\r\n"],"names":["COLLAPSED_WIDTH"],"mappings":"gFAAO,MAAMA,EAAkB"}

package/dist/components/overlay/drawer/components/variants/drawer-mini/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const COLLAPSED_WIDTH = 62;

package/dist/components/overlay/drawer/components/variants/drawer-mini/constants/index.js

@@ -0,0 +1,5 @@
+const o = 62;
+export {
+  o as COLLAPSED_WIDTH
+};
+//# sourceMappingURL=index.js.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/overlay/drawer/components/variants/drawer-mini/constants/index.ts"],"sourcesContent":["export const COLLAPSED_WIDTH = 62\r\n"],"names":["COLLAPSED_WIDTH"],"mappings":"AAAO,MAAMA,IAAkB;"}

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                       */;/* empty css                                */var e={panel:"r8fppb0",closed:"r8fppb1"};exports.DRAWER_MINI_STYLES=e;
+//# sourceMappingURL=DrawerMini.css.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.cjs.map

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

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.d.ts

@@ -0,0 +1,4 @@
+export declare const DRAWER_MINI_STYLES: {
+    panel: string;
+    closed: string;
+};

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                     */
+/* empty css                              */
+var o = { panel: "r8fppb0", closed: "r8fppb1" };
+export {
+  o as DRAWER_MINI_STYLES
+};
+//# sourceMappingURL=DrawerMini.css.js.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.js.map

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

package/dist/components/overlay/drawer/components/variants/drawer-mini/types/DrawerMini.props.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { DrawerColor, DrawerSize } from '../../../../types';
+/** Props for the inline drawer renderer. */
+export type DrawerMiniProps = HTMLAttributes<HTMLDivElement> & {
+    /** Current open state. */
+    open: boolean;
+    /** Width preset. */
+    size: DrawerSize;
+    /** Maps a size preset to a CSS width value. */
+    sizeWidthMap: Record<DrawerSize, string>;
+    /** Width applied when the drawer is collapsed. @default '4rem' */
+    collapsedWidth?: string;
+    /** Theme color token applied to the drawer panel background. */
+    backgroundColor?: DrawerColor;
+    /** Accessible name used when no visible title is present. */
+    accessibleName?: string;
+    /** Accessible labelled-by id. */
+    ariaLabelledBy?: string;
+    /** Drawer content. */
+    children?: ReactNode;
+    /** Optional inline styles. */
+    style?: CSSProperties;
+};

package/dist/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/dialog"),l=require("react"),t=require("../../../styles/Drawer.css.cjs"),a=require("./styles/DrawerPortal.css.cjs"),p=require("../../../../../../utils/cn.cjs"),i=l.memo(({open:o,onOpenChange:c,position:R,size:n,withBackdrop:D=!0,backgroundColor:s,accessibleName:E,ariaLabelledBy:S,children:_,className:u,style:A,...L})=>{const T=l.useMemo(()=>s?t.DRAWER_STYLES.recipe({backgroundColor:s}):void 0,[s]),m=p.cn(t.DRAWER_STYLES.panel,a.DRAWER_PORTAL_STYLES.panel,R==="right"?a.DRAWER_PORTAL_STYLES.right:a.DRAWER_PORTAL_STYLES.left,t.DRAWER_STYLES.size[n],T,u);return e.jsx(r.Dialog.Root,{open:o,onOpenChange:c,modal:!0,children:e.jsxs(r.Dialog.Portal,{children:[D&&e.jsx(r.Dialog.Backdrop,{className:a.DRAWER_PORTAL_STYLES.backdrop}),e.jsx(r.Dialog.Popup,{className:m,style:A,"aria-label":E,"aria-labelledby":S,...L,children:_})]})})});i.displayName="Drawer.Portal";module.exports=i;
+//# sourceMappingURL=DrawerPortal.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPortal.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC, useMemo } from 'react'\r\n\r\nimport { DRAWER_STYLES } from '@components/overlay/drawer/styles/Drawer.css.ts'\r\nimport { DRAWER_PORTAL_STYLES } from '@components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.ts'\r\nimport type { DrawerPortalProps } from '@components/overlay/drawer/components/variants/drawer-portal/types/DrawerPortal.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Portal drawer renderer.\r\n *\r\n * Renders the drawer through a React portal using `@base-ui/react/dialog`,\r\n * with an optional backdrop and modal focus trap.\r\n */\r\nconst DrawerPortal: FC<DrawerPortalProps> = memo(({\r\n    open,\r\n    onOpenChange,\r\n    position,\r\n    size,\r\n    withBackdrop = true,\r\n    backgroundColor,\r\n    accessibleName,\r\n    ariaLabelledBy,\r\n    children,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const backgroundClassName = useMemo(\r\n        () =>\r\n            backgroundColor ? DRAWER_STYLES.recipe({ backgroundColor }) : undefined,\r\n        [backgroundColor],\r\n    )\r\n\r\n    const panelClassName = cn(\r\n        DRAWER_STYLES.panel,\r\n        DRAWER_PORTAL_STYLES.panel,\r\n        position === 'right'\r\n            ? DRAWER_PORTAL_STYLES.right\r\n            : DRAWER_PORTAL_STYLES.left,\r\n        DRAWER_STYLES.size[size],\r\n        backgroundClassName,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <BaseDialog.Root\r\n            open={open}\r\n            onOpenChange={onOpenChange}\r\n            modal\r\n        >\r\n            <BaseDialog.Portal>\r\n                {withBackdrop && (\r\n                    <BaseDialog.Backdrop className={DRAWER_PORTAL_STYLES.backdrop} />\r\n                )}\r\n                <BaseDialog.Popup\r\n                    className={panelClassName}\r\n                    style={style}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    {...props}\r\n                >\r\n                    {children}\r\n                </BaseDialog.Popup>\r\n            </BaseDialog.Portal>\r\n        </BaseDialog.Root>\r\n    )\r\n})\r\n\r\nDrawerPortal.displayName = 'Drawer.Portal'\r\n\r\nexport default DrawerPortal\r\n"],"names":["DrawerPortal","memo","open","onOpenChange","position","size","withBackdrop","backgroundColor","accessibleName","ariaLabelledBy","children","className","style","props","backgroundClassName","useMemo","DRAWER_STYLES","panelClassName","cn","DRAWER_PORTAL_STYLES","jsx","BaseDialog","jsxs"],"mappings":"2OAcMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GACf,gBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAsBC,EAAAA,QACxB,IACIR,EAAkBS,EAAAA,cAAc,OAAO,CAAE,gBAAAT,CAAA,CAAiB,EAAI,OAClE,CAACA,CAAe,CAAA,EAGdU,EAAiBC,EAAAA,GACnBF,EAAAA,cAAc,MACdG,EAAAA,qBAAqB,MACrBf,IAAa,QACPe,EAAAA,qBAAqB,MACrBA,EAAAA,qBAAqB,KAC3BH,EAAAA,cAAc,KAAKX,CAAI,EACvBS,EACAH,CAAA,EAGJ,OACIS,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACG,KAAAnB,EACA,aAAAC,EACA,MAAK,GAEL,SAAAmB,EAAAA,KAACD,EAAAA,OAAW,OAAX,CACI,SAAA,CAAAf,SACIe,SAAW,SAAX,CAAoB,UAAWF,EAAAA,qBAAqB,SAAU,EAEnEC,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,UAAWJ,EACX,MAAAL,EACA,aAAYJ,EACZ,kBAAiBC,EAChB,GAAGI,EAEH,SAAAH,CAAA,CAAA,CACL,CAAA,CACJ,CAAA,CAAA,CAGZ,CAAC,EAEDV,EAAa,YAAc"}

package/dist/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DrawerPortalProps } from './types/DrawerPortal.props.ts';
+/**
+ * Portal drawer renderer.
+ *
+ * Renders the drawer through a React portal using `@base-ui/react/dialog`,
+ * with an optional backdrop and modal focus trap.
+ */
+declare const DrawerPortal: FC<DrawerPortalProps>;
+export default DrawerPortal;

package/dist/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.js

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { Dialog as r } from "@base-ui/react/dialog";
+import { memo as h, useMemo as E } from "react";
+import { DRAWER_STYLES as m } from "../../../styles/Drawer.css.js";
+import { DRAWER_PORTAL_STYLES as a } from "./styles/DrawerPortal.css.js";
+import { cn as S } from "../../../../../../utils/cn.js";
+const b = h(({
+  open: t,
+  onOpenChange: l,
+  position: s,
+  size: i,
+  withBackdrop: p = !0,
+  backgroundColor: e,
+  accessibleName: c,
+  ariaLabelledBy: n,
+  children: d,
+  className: f,
+  style: R,
+  ...u
+}) => {
+  const D = E(
+    () => e ? m.recipe({ backgroundColor: e }) : void 0,
+    [e]
+  ), N = S(
+    m.panel,
+    a.panel,
+    s === "right" ? a.right : a.left,
+    m.size[i],
+    D,
+    f
+  );
+  return /* @__PURE__ */ o(
+    r.Root,
+    {
+      open: t,
+      onOpenChange: l,
+      modal: !0,
+      children: /* @__PURE__ */ P(r.Portal, { children: [
+        p && /* @__PURE__ */ o(r.Backdrop, { className: a.backdrop }),
+        /* @__PURE__ */ o(
+          r.Popup,
+          {
+            className: N,
+            style: R,
+            "aria-label": c,
+            "aria-labelledby": n,
+            ...u,
+            children: d
+          }
+        )
+      ] })
+    }
+  );
+});
+b.displayName = "Drawer.Portal";
+export {
+  b as default
+};
+//# sourceMappingURL=DrawerPortal.js.map

package/dist/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPortal.js","sources":["../../../../../../../src/components/overlay/drawer/components/variants/drawer-portal/DrawerPortal.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC, useMemo } from 'react'\r\n\r\nimport { DRAWER_STYLES } from '@components/overlay/drawer/styles/Drawer.css.ts'\r\nimport { DRAWER_PORTAL_STYLES } from '@components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.ts'\r\nimport type { DrawerPortalProps } from '@components/overlay/drawer/components/variants/drawer-portal/types/DrawerPortal.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Portal drawer renderer.\r\n *\r\n * Renders the drawer through a React portal using `@base-ui/react/dialog`,\r\n * with an optional backdrop and modal focus trap.\r\n */\r\nconst DrawerPortal: FC<DrawerPortalProps> = memo(({\r\n    open,\r\n    onOpenChange,\r\n    position,\r\n    size,\r\n    withBackdrop = true,\r\n    backgroundColor,\r\n    accessibleName,\r\n    ariaLabelledBy,\r\n    children,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const backgroundClassName = useMemo(\r\n        () =>\r\n            backgroundColor ? DRAWER_STYLES.recipe({ backgroundColor }) : undefined,\r\n        [backgroundColor],\r\n    )\r\n\r\n    const panelClassName = cn(\r\n        DRAWER_STYLES.panel,\r\n        DRAWER_PORTAL_STYLES.panel,\r\n        position === 'right'\r\n            ? DRAWER_PORTAL_STYLES.right\r\n            : DRAWER_PORTAL_STYLES.left,\r\n        DRAWER_STYLES.size[size],\r\n        backgroundClassName,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <BaseDialog.Root\r\n            open={open}\r\n            onOpenChange={onOpenChange}\r\n            modal\r\n        >\r\n            <BaseDialog.Portal>\r\n                {withBackdrop && (\r\n                    <BaseDialog.Backdrop className={DRAWER_PORTAL_STYLES.backdrop} />\r\n                )}\r\n                <BaseDialog.Popup\r\n                    className={panelClassName}\r\n                    style={style}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    {...props}\r\n                >\r\n                    {children}\r\n                </BaseDialog.Popup>\r\n            </BaseDialog.Portal>\r\n        </BaseDialog.Root>\r\n    )\r\n})\r\n\r\nDrawerPortal.displayName = 'Drawer.Portal'\r\n\r\nexport default DrawerPortal\r\n"],"names":["DrawerPortal","memo","open","onOpenChange","position","size","withBackdrop","backgroundColor","accessibleName","ariaLabelledBy","children","className","style","props","backgroundClassName","useMemo","DRAWER_STYLES","panelClassName","cn","DRAWER_PORTAL_STYLES","jsx","BaseDialog","jsxs"],"mappings":";;;;;;AAcA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAsBC;AAAA,IACxB,MACIR,IAAkBS,EAAc,OAAO,EAAE,iBAAAT,EAAA,CAAiB,IAAI;AAAA,IAClE,CAACA,CAAe;AAAA,EAAA,GAGdU,IAAiBC;AAAA,IACnBF,EAAc;AAAA,IACdG,EAAqB;AAAA,IACrBf,MAAa,UACPe,EAAqB,QACrBA,EAAqB;AAAA,IAC3BH,EAAc,KAAKX,CAAI;AAAA,IACvBS;AAAA,IACAH;AAAA,EAAA;AAGJ,SACI,gBAAAS;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAnB;AAAA,MACA,cAAAC;AAAA,MACA,OAAK;AAAA,MAEL,UAAA,gBAAAmB,EAACD,EAAW,QAAX,EACI,UAAA;AAAA,QAAAf,uBACIe,EAAW,UAAX,EAAoB,WAAWF,EAAqB,UAAU;AAAA,QAEnE,gBAAAC;AAAA,UAACC,EAAW;AAAA,UAAX;AAAA,YACG,WAAWJ;AAAA,YACX,OAAAL;AAAA,YACA,cAAYJ;AAAA,YACZ,mBAAiBC;AAAA,YAChB,GAAGI;AAAA,YAEH,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDV,EAAa,cAAc;"}

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                       */;/* empty css                                  */var e={backdrop:"_1i23q30",panel:"_1i23q31",left:"_1i23q32",right:"_1i23q33"};exports.DRAWER_PORTAL_STYLES=e;
+//# sourceMappingURL=DrawerPortal.css.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.cjs.map

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

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.d.ts

@@ -0,0 +1,6 @@
+export declare const DRAWER_PORTAL_STYLES: {
+    backdrop: string;
+    panel: string;
+    left: string;
+    right: string;
+};

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                     */
+/* empty css                                */
+var _ = { backdrop: "_1i23q30", panel: "_1i23q31", left: "_1i23q32", right: "_1i23q33" };
+export {
+  _ as DRAWER_PORTAL_STYLES
+};
+//# sourceMappingURL=DrawerPortal.css.js.map

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.js.map

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

package/dist/components/overlay/drawer/components/variants/drawer-portal/types/DrawerPortal.props.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DrawerColor, DrawerPosition, DrawerSize } from '../../../../types';
+/** Props for the portal drawer renderer. */
+export type DrawerPortalProps = HTMLAttributes<HTMLDivElement> & {
+    /** Current open state. */
+    open: boolean;
+    /** Called when the open state changes. */
+    onOpenChange: (open: boolean) => void;
+    /** Side the drawer attaches to. */
+    position: DrawerPosition;
+    /** Width preset. */
+    size: DrawerSize;
+    /** Whether to render the backdrop. @default true */
+    withBackdrop?: boolean;
+    /** Theme color token applied to the drawer panel background. */
+    backgroundColor?: DrawerColor;
+    /** Accessible name used when no visible title is present. */
+    accessibleName: string | undefined;
+    /** Accessible labelled-by id. */
+    ariaLabelledBy: string | undefined;
+    /** Drawer content. */
+    children?: ReactNode;
+};

package/dist/components/overlay/drawer/constants/drawerModes.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={portal:"portal",mini:"mini"};exports.DRAWER_MODES=t;
+//# sourceMappingURL=drawerModes.const.cjs.map

package/dist/components/overlay/drawer/constants/drawerModes.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerModes.const.cjs","sources":["../../../../../src/components/overlay/drawer/constants/drawerModes.const.ts"],"sourcesContent":["/**\r\n * Available render modes for the `Drawer` component.\r\n */\r\nexport const DRAWER_MODES = {\r\n    portal: 'portal',\r\n    inline: 'inline',\r\n    mini: 'mini',\r\n} as const\r\n\r\nexport const DRAWER_MODES_ARRAY = Object.values(DRAWER_MODES)\r\n"],"names":["DRAWER_MODES"],"mappings":"gFAGO,MAAMA,EAAe,CACxB,OAAQ,SAER,KAAM,MACV"}

package/dist/components/overlay/drawer/constants/drawerModes.const.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Available render modes for the `Drawer` component.
+ */
+export declare const DRAWER_MODES: {
+    readonly portal: "portal";
+    readonly inline: "inline";
+    readonly mini: "mini";
+};
+export declare const DRAWER_MODES_ARRAY: ("inline" | "portal" | "mini")[];

package/dist/components/overlay/drawer/constants/drawerModes.const.js

@@ -0,0 +1,8 @@
+const i = {
+  portal: "portal",
+  mini: "mini"
+};
+export {
+  i as DRAWER_MODES
+};
+//# sourceMappingURL=drawerModes.const.js.map

package/dist/components/overlay/drawer/constants/drawerModes.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerModes.const.js","sources":["../../../../../src/components/overlay/drawer/constants/drawerModes.const.ts"],"sourcesContent":["/**\r\n * Available render modes for the `Drawer` component.\r\n */\r\nexport const DRAWER_MODES = {\r\n    portal: 'portal',\r\n    inline: 'inline',\r\n    mini: 'mini',\r\n} as const\r\n\r\nexport const DRAWER_MODES_ARRAY = Object.values(DRAWER_MODES)\r\n"],"names":["DRAWER_MODES"],"mappings":"AAGO,MAAMA,IAAe;AAAA,EACxB,QAAQ;AAAA,EAER,MAAM;AACV;"}

package/dist/components/overlay/drawer/constants/drawerPositions.const.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Available attachment sides for the `Drawer` component.
+ */
+export declare const DRAWER_POSITIONS: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare const DRAWER_POSITIONS_ARRAY: ("left" | "right")[];

package/dist/components/overlay/drawer/constants/drawerSizes.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sm:"16rem",md:"20rem",lg:"24rem",xl:"28rem","2xl":"32rem",full:"100%"};exports.DRAWER_SIZE_WIDTH=e;
+//# sourceMappingURL=drawerSizes.const.cjs.map

package/dist/components/overlay/drawer/constants/drawerSizes.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerSizes.const.cjs","sources":["../../../../../src/components/overlay/drawer/constants/drawerSizes.const.ts"],"sourcesContent":["/**\r\n * Predefined width sizes for the `Drawer` component.\r\n * `DRAWER_SIZE_WIDTH` maps each size to a CSS width value.\r\n */\r\nexport const DRAWER_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n    lg: 'lg',\r\n    xl: 'xl',\r\n    '2xl': '2xl',\r\n    full: 'full',\r\n} as const\r\n\r\nexport const DRAWER_SIZES_ARRAY = Object.values(DRAWER_SIZES)\r\n\r\nexport const DRAWER_SIZE_WIDTH = {\r\n    sm: '16rem',\r\n    md: '20rem',\r\n    lg: '24rem',\r\n    xl: '28rem',\r\n    '2xl': '32rem',\r\n    full: '100%',\r\n} as const\r\n"],"names":["DRAWER_SIZE_WIDTH"],"mappings":"gFAeO,MAAMA,EAAoB,CAC7B,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,MAAO,QACP,KAAM,MACV"}

package/dist/components/overlay/drawer/constants/drawerSizes.const.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Predefined width sizes for the `Drawer` component.
+ * `DRAWER_SIZE_WIDTH` maps each size to a CSS width value.
+ */
+export declare const DRAWER_SIZES: {
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+    readonly '2xl': "2xl";
+    readonly full: "full";
+};
+export declare const DRAWER_SIZES_ARRAY: ("sm" | "md" | "lg" | "xl" | "2xl" | "full")[];
+export declare const DRAWER_SIZE_WIDTH: {
+    readonly sm: "16rem";
+    readonly md: "20rem";
+    readonly lg: "24rem";
+    readonly xl: "28rem";
+    readonly '2xl': "32rem";
+    readonly full: "100%";
+};

package/dist/components/overlay/drawer/constants/drawerSizes.const.js

@@ -0,0 +1,12 @@
+const m = {
+  sm: "16rem",
+  md: "20rem",
+  lg: "24rem",
+  xl: "28rem",
+  "2xl": "32rem",
+  full: "100%"
+};
+export {
+  m as DRAWER_SIZE_WIDTH
+};
+//# sourceMappingURL=drawerSizes.const.js.map

package/dist/components/overlay/drawer/constants/drawerSizes.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerSizes.const.js","sources":["../../../../../src/components/overlay/drawer/constants/drawerSizes.const.ts"],"sourcesContent":["/**\r\n * Predefined width sizes for the `Drawer` component.\r\n * `DRAWER_SIZE_WIDTH` maps each size to a CSS width value.\r\n */\r\nexport const DRAWER_SIZES = {\r\n    sm: 'sm',\r\n    md: 'md',\r\n    lg: 'lg',\r\n    xl: 'xl',\r\n    '2xl': '2xl',\r\n    full: 'full',\r\n} as const\r\n\r\nexport const DRAWER_SIZES_ARRAY = Object.values(DRAWER_SIZES)\r\n\r\nexport const DRAWER_SIZE_WIDTH = {\r\n    sm: '16rem',\r\n    md: '20rem',\r\n    lg: '24rem',\r\n    xl: '28rem',\r\n    '2xl': '32rem',\r\n    full: '100%',\r\n} as const\r\n"],"names":["DRAWER_SIZE_WIDTH"],"mappings":"AAeO,MAAMA,IAAoB;AAAA,EAC7B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACV;"}

package/dist/components/overlay/drawer/constants/index.d.ts

@@ -0,0 +1,3 @@
+export { DRAWER_MODES, DRAWER_MODES_ARRAY } from './drawerModes.const.ts';
+export { DRAWER_POSITIONS, DRAWER_POSITIONS_ARRAY } from './drawerPositions.const.ts';
+export { DRAWER_SIZE_WIDTH, DRAWER_SIZES, DRAWER_SIZES_ARRAY } from './drawerSizes.const.ts';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.DrawerContext=t;
+//# sourceMappingURL=Drawer.context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.context.cjs","sources":["../../../../../src/components/overlay/drawer/context/Drawer.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nimport type { DrawerMode, DrawerPosition, DrawerSize } from '@components/overlay/drawer/types/Drawer.types.ts'\r\n\r\nexport type DrawerContextValue = {\r\n    /** Current open state. */\r\n    open: boolean\r\n    /** Toggles the drawer open state. */\r\n    onOpenChange: (open: boolean) => void\r\n    /** Current render mode. */\r\n    mode: DrawerMode\r\n    /** Side the drawer is attached to. */\r\n    position: DrawerPosition\r\n    /** Current width preset. */\r\n    size: DrawerSize\r\n    /** Id of the header title used for the drawer aria-labelledby. */\r\n    titleId?: string\r\n    /** Width applied when the drawer is collapsed in mini mode. */\r\n    collapsedWidth?: string\r\n}\r\n\r\nexport const DrawerContext = createContext<DrawerContextValue | null>(null)\r\n"],"names":["DrawerContext","createContext"],"mappings":"yGAqBaA,EAAgBC,EAAAA,cAAyC,IAAI"}

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

@@ -0,0 +1,19 @@
+import { DrawerMode, DrawerPosition, DrawerSize } from '../types/Drawer.types.ts';
+import { Context } from 'react';
+export type DrawerContextValue = {
+    /** Current open state. */
+    open: boolean;
+    /** Toggles the drawer open state. */
+    onOpenChange: (open: boolean) => void;
+    /** Current render mode. */
+    mode: DrawerMode;
+    /** Side the drawer is attached to. */
+    position: DrawerPosition;
+    /** Current width preset. */
+    size: DrawerSize;
+    /** Id of the header title used for the drawer aria-labelledby. */
+    titleId?: string;
+    /** Width applied when the drawer is collapsed in mini mode. */
+    collapsedWidth?: string;
+};
+export declare const DrawerContext: Context<DrawerContextValue | null>;

package/dist/components/overlay/drawer/context/Drawer.context.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const o = t(null);
+export {
+  o as DrawerContext
+};
+//# sourceMappingURL=Drawer.context.js.map

package/dist/components/overlay/drawer/context/Drawer.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.context.js","sources":["../../../../../src/components/overlay/drawer/context/Drawer.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nimport type { DrawerMode, DrawerPosition, DrawerSize } from '@components/overlay/drawer/types/Drawer.types.ts'\r\n\r\nexport type DrawerContextValue = {\r\n    /** Current open state. */\r\n    open: boolean\r\n    /** Toggles the drawer open state. */\r\n    onOpenChange: (open: boolean) => void\r\n    /** Current render mode. */\r\n    mode: DrawerMode\r\n    /** Side the drawer is attached to. */\r\n    position: DrawerPosition\r\n    /** Current width preset. */\r\n    size: DrawerSize\r\n    /** Id of the header title used for the drawer aria-labelledby. */\r\n    titleId?: string\r\n    /** Width applied when the drawer is collapsed in mini mode. */\r\n    collapsedWidth?: string\r\n}\r\n\r\nexport const DrawerContext = createContext<DrawerContextValue | null>(null)\r\n"],"names":["DrawerContext","createContext"],"mappings":";AAqBO,MAAMA,IAAgBC,EAAyC,IAAI;"}

package/dist/components/overlay/drawer/hooks/use-drawer/types/index.d.ts

@@ -0,0 +1,20 @@
+import { DrawerInlineProps } from '../../../components/variants/drawer-inline/types/DrawerInline.props.ts';
+import { DrawerMiniProps } from '../../../components/variants/drawer-mini/types/DrawerMini.props.ts';
+import { DrawerPortalProps } from '../../../components/variants/drawer-portal/types/DrawerPortal.props.ts';
+import { DrawerProps } from '../../../types';
+import { DrawerContextValue } from '../../../context/Drawer.context.ts';
+export type UseDrawerParams = DrawerProps;
+/** Props shared by all drawer renderers. */
+export type CommonRendererProps = Pick<DrawerPortalProps & DrawerInlineProps & DrawerMiniProps, 'open' | 'position' | 'size' | 'backgroundColor' | 'accessibleName' | 'ariaLabelledBy' | 'children' | 'className' | 'style'> & Record<string, unknown>;
+export type UseDrawerReturn = {
+    /** Resolved open state (controlled or internal). */
+    isOpen: boolean;
+    /** Callback to update the open state. */
+    handleOpenChange: (nextOpen: boolean) => void;
+    /** Value provided to `DrawerContext.Provider`. */
+    contextValue: DrawerContextValue;
+    /** Accessible name resolved from aria props. */
+    accessibleName: string | undefined;
+    /** Props shared between all drawer renderers. */
+    commonRendererProps: CommonRendererProps;
+};

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),O=require("../../constants/drawerModes.const.cjs"),S=({open:c,defaultOpen:v=!1,onOpenChange:s,mode:d=O.DRAWER_MODES.portal,position:t="left",size:r="md",withBackdrop:k,backgroundColor:w,defaultAriaLabel:y="Drawer",children:m,className:p,style:D,"aria-label":i,"aria-labelledby":W,titleId:l,...e})=>{const[f,g]=o.useState(v),a=c!==void 0?c:f,n=o.useCallback(h=>{g(h),s?.(h)},[s]),B=o.useMemo(()=>({open:a,onOpenChange:n,mode:d,position:t,size:r,titleId:l,collapsedWidth:"collapsedWidth"in e&&typeof e.collapsedWidth=="string"?e.collapsedWidth:void 0}),[a,n,d,t,r,l,e]),u=i?void 0:W??l,b=i??(u?void 0:y),M={open:a,position:t,size:r,backgroundColor:w,accessibleName:b,ariaLabelledBy:u,children:m,className:p,style:D,...e};return{isOpen:a,handleOpenChange:n,contextValue:B,accessibleName:b,commonRendererProps:M}};exports.useDrawer=S;
+//# sourceMappingURL=useDrawer.hook.cjs.map

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawer.hook.cjs","sources":["../../../../../../src/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\r\n\r\nimport { DRAWER_MODES } from '@components/overlay/drawer/constants'\r\nimport type { DrawerContextValue } from '@components/overlay/drawer/context/Drawer.context.ts'\r\nimport type {\r\n    CommonRendererProps,\r\n    UseDrawerParams,\r\n    UseDrawerReturn\r\n} from '@components/overlay/drawer/hooks/use-drawer/types'\r\n\r\n/**\r\n * Encapsulates the state, context and accessibility logic for the root\r\n * `Drawer` component.\r\n */\r\nexport const useDrawer = ({\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: _withBackdrop,\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    titleId,\r\n    ...props\r\n}: UseDrawerParams & {\r\n    /** Id of the header title used as the default aria-labelledby. */\r\n    titleId?: string\r\n}): UseDrawerReturn => {\r\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\r\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\r\n\r\n    const handleOpenChange = useCallback(\r\n        (nextOpen: boolean) => {\r\n            setInternalOpen(nextOpen)\r\n            onOpenChange?.(nextOpen)\r\n        },\r\n        [onOpenChange],\r\n    )\r\n\r\n    const contextValue = useMemo<DrawerContextValue>(\r\n        () => ({\r\n            open: isOpen,\r\n            onOpenChange: handleOpenChange,\r\n            mode,\r\n            position,\r\n            size,\r\n            titleId,\r\n            collapsedWidth: 'collapsedWidth' in props && typeof props.collapsedWidth === 'string'\r\n                ? props.collapsedWidth\r\n                : undefined,\r\n        }),\r\n        [isOpen, handleOpenChange, mode, position, size, titleId, props],\r\n    )\r\n\r\n    const resolvedAriaLabelledBy = ariaLabel ? undefined : (ariaLabelledBy ?? titleId)\r\n    const accessibleName =\r\n        ariaLabel ?? (resolvedAriaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    const commonRendererProps = {\r\n        open: isOpen,\r\n        position,\r\n        size,\r\n        backgroundColor,\r\n        accessibleName,\r\n        ariaLabelledBy: resolvedAriaLabelledBy,\r\n        children,\r\n        className,\r\n        style,\r\n        ...props,\r\n    }\r\n\r\n    return {\r\n        isOpen,\r\n        handleOpenChange,\r\n        contextValue,\r\n        accessibleName,\r\n        commonRendererProps: commonRendererProps as CommonRendererProps,\r\n    }\r\n}\r\n"],"names":["useDrawer","controlledOpen","defaultOpen","onOpenChange","mode","DRAWER_MODES","position","size","_withBackdrop","backgroundColor","defaultAriaLabel","children","className","style","ariaLabel","ariaLabelledBy","titleId","props","internalOpen","setInternalOpen","useState","isOpen","handleOpenChange","useCallback","nextOpen","contextValue","useMemo","resolvedAriaLabelledBy","accessibleName","commonRendererProps"],"mappings":"4JAcaA,EAAY,CAAC,CACtB,KAAMC,EACN,YAAAC,EAAc,GACd,aAAAC,EACA,KAAAC,EAAOC,EAAAA,aAAa,OACpB,SAAAC,EAAW,OACX,KAAAC,EAAO,KACP,aAAcC,EACd,gBAAAC,EACA,iBAAAC,EAAmB,SACnB,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,QAAAC,EACA,GAAGC,CACP,IAGuB,CACnB,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAASlB,CAAW,EACtDmB,EAASpB,IAAmB,OAAYA,EAAiBiB,EAEzDI,EAAmBC,EAAAA,YACpBC,GAAsB,CACnBL,EAAgBK,CAAQ,EACxBrB,IAAeqB,CAAQ,CAC3B,EACA,CAACrB,CAAY,CAAA,EAGXsB,EAAeC,EAAAA,QACjB,KAAO,CACH,KAAML,EACN,aAAcC,EACd,KAAAlB,EACA,SAAAE,EACA,KAAAC,EACA,QAAAS,EACA,eAAgB,mBAAoBC,GAAS,OAAOA,EAAM,gBAAmB,SACvEA,EAAM,eACN,MAAA,GAEV,CAACI,EAAQC,EAAkBlB,EAAME,EAAUC,EAAMS,EAASC,CAAK,CAAA,EAG7DU,EAAyBb,EAAY,OAAaC,GAAkBC,EACpEY,EACFd,IAAca,EAAyB,OAAYjB,GAEjDmB,EAAsB,CACxB,KAAMR,EACN,SAAAf,EACA,KAAAC,EACA,gBAAAE,EACA,eAAAmB,EACA,eAAgBD,EAChB,SAAAhB,EACA,UAAAC,EACA,MAAAC,EACA,GAAGI,CAAA,EAGP,MAAO,CACH,OAAAI,EACA,iBAAAC,EACA,aAAAG,EACA,eAAAG,EACA,oBAAAC,CAAA,CAER"}

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.d.ts

@@ -0,0 +1,9 @@
+import { UseDrawerParams, UseDrawerReturn } from './types';
+/**
+ * Encapsulates the state, context and accessibility logic for the root
+ * `Drawer` component.
+ */
+export declare const useDrawer: ({ open: controlledOpen, defaultOpen, onOpenChange, mode, position, size, withBackdrop: _withBackdrop, backgroundColor, defaultAriaLabel, children, className, style, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, titleId, ...props }: UseDrawerParams & {
+    /** Id of the header title used as the default aria-labelledby. */
+    titleId?: string;
+}) => UseDrawerReturn;