@choco-vanille/ui 1.1.0 → 1.1.2

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","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":";;;;;;;;;;;;;;;;AA6CA,MAAMA,IAASC,EAAkB,CAAC;AAAA,EAC9B,MAAMC;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,MAAAC,IAAOC,EAAa;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAmBC,EAAA,GAEnB,EAAE,cAAAC,GAAc,kBAAAC,GAAkB,qBAAAC,EAAA,IAAwBC,EAAU;AAAA,IACtE,MAAMtB;AAAA,IACN,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAE;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,SAASE;AAAA,IACT,GAAGD;AAAA,EAAA,CACN,GAEKO,IACEpB,MAASC,EAAa,SAElB,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGJ;AAAA,MACJ,cAAcD;AAAA,MACd,cAAAb;AAAA,IAAA;AAAA,EAAA,IAKRJ,MAASC,EAAa,OAElB,gBAAAoB;AAAA,IAACE;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,cAAcM;AAAA,MACd,gBAAAnB;AAAA,IAAA;AAAA,EAAA,IAMR,gBAAAgB;AAAA,IAACI;AAAA,IAAA;AAAA,MACI,GAAGP;AAAA,MACJ,cAAcM;AAAA,IAAA;AAAA,EAAA;AAK1B,2BACKE,EAAc,UAAd,EAAuB,OAAOV,GAC1B,UAAAI,GACL;AAER,CAAC;AAEDzB,EAAO,cAAc;AACrBA,EAAO,SAASgC;AAChBhC,EAAO,OAAOiC;AACdjC,EAAO,SAASkC;AAChBlC,EAAO,UAAUmC;AACjBnC,EAAO,UAAUoC;AACjBpC,EAAO,aAAaqC;AACpBrC,EAAO,cAAcsC;"}

package/dist/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),c=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const o=a.memo(({as:e="div",padding:i="md",role:r,...t})=>{const n=e==="nav"&&r===void 0?"navigation":r;return s.jsx(c,{as:e,padding:i,flex:1,overflowY:"auto",role:n,...t})});o.displayName="Drawer.Body";module.exports=o;
+//# sourceMappingURL=DrawerBody.cjs.map

package/dist/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.tsx"],"sourcesContent":["import { memo, type AriaRole, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport type { DrawerBodyProps } from '@components/overlay/drawer/components/blocs/drawer-body/types/DrawerBody.props.ts'\r\n\r\n/** Main content area of a `Drawer` with uniform padding and overflow handling. */\r\nconst DrawerBody: FC<DrawerBodyProps> = memo(({\r\n    as = 'div',\r\n    padding = 'md',\r\n    role,\r\n    ...props\r\n}) => {\r\n    const implicitRole: AriaRole | undefined =\r\n    as === 'nav' && role === undefined ? 'navigation' : role\r\n\r\n    return (\r\n        <Box\r\n            as={as as 'div'}\r\n            padding={padding}\r\n            flex={1}\r\n            overflowY={'auto'}\r\n            role={implicitRole}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nDrawerBody.displayName = 'Drawer.Body'\r\n\r\nexport default DrawerBody\r\n"],"names":["DrawerBody","memo","as","padding","role","props","implicitRole","jsx","Box"],"mappings":"4KAMA,MAAMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,GAAAC,EAAK,MACL,QAAAC,EAAU,KACV,KAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EACNJ,IAAO,OAASE,IAAS,OAAY,aAAeA,EAEpD,OACIG,EAAAA,IAACC,EAAA,CACG,GAAAN,EACA,QAAAC,EACA,KAAM,EACN,UAAW,OACX,KAAMG,EACL,GAAGD,CAAA,CAAA,CAGhB,CAAC,EAEDL,EAAW,YAAc"}

package/dist/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DrawerBodyProps } from './types/DrawerBody.props.ts';
+/** Main content area of a `Drawer` with uniform padding and overflow handling. */
+declare const DrawerBody: FC<DrawerBodyProps>;
+export default DrawerBody;

package/dist/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as e } from "react";
+import a from "../../../../../layout/box/Box.js";
+import "../../../../../layout/box/styles/Box.css.js";
+const l = e(({
+  as: o = "div",
+  padding: r = "md",
+  role: i,
+  ...m
+}) => /* @__PURE__ */ t(
+  a,
+  {
+    as: o,
+    padding: r,
+    flex: 1,
+    overflowY: "auto",
+    role: o === "nav" && i === void 0 ? "navigation" : i,
+    ...m
+  }
+));
+l.displayName = "Drawer.Body";
+export {
+  l as default
+};
+//# sourceMappingURL=DrawerBody.js.map

package/dist/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.js","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-body/DrawerBody.tsx"],"sourcesContent":["import { memo, type AriaRole, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport type { DrawerBodyProps } from '@components/overlay/drawer/components/blocs/drawer-body/types/DrawerBody.props.ts'\r\n\r\n/** Main content area of a `Drawer` with uniform padding and overflow handling. */\r\nconst DrawerBody: FC<DrawerBodyProps> = memo(({\r\n    as = 'div',\r\n    padding = 'md',\r\n    role,\r\n    ...props\r\n}) => {\r\n    const implicitRole: AriaRole | undefined =\r\n    as === 'nav' && role === undefined ? 'navigation' : role\r\n\r\n    return (\r\n        <Box\r\n            as={as as 'div'}\r\n            padding={padding}\r\n            flex={1}\r\n            overflowY={'auto'}\r\n            role={implicitRole}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nDrawerBody.displayName = 'Drawer.Body'\r\n\r\nexport default DrawerBody\r\n"],"names":["DrawerBody","memo","as","padding","role","props","jsx","Box"],"mappings":";;;;AAMA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,IAAAC,IAAK;AAAA,EACL,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,GAAGC;AACP,MAKQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAAL;AAAA,IACA,SAAAC;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MARRD,MAAO,SAASE,MAAS,SAAY,eAAeA;AAAA,IAS3C,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAW,cAAc;"}

package/dist/components/overlay/drawer/components/blocs/drawer-body/types/DrawerBody.props.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '../../../../../../layout/box/types/Box.props.ts';
+import { AriaRole } from 'react';
+/** Props for `Drawer.Body`. */
+export type DrawerBodyProps = Omit<BoxProps, 'as'> & {
+    /** The HTML element to render. @default 'div' */
+    as?: 'div' | 'section' | 'nav';
+    /**
+     * Accessible role for the body.
+     * When `as="nav"` and no role is provided, it defaults to `navigation`.
+     */
+    role?: AriaRole;
+};

package/dist/components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.cjs

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

package/dist/components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport type { DrawerFooterProps } from '@components/overlay/drawer/components/blocs/drawer-footer/types/DrawerFooter.props.ts'\r\n\r\n/** Footer area of a `Drawer` — a flex row for action buttons. */\r\nconst DrawerFooter: FC<DrawerFooterProps> = memo(({\r\n    as = 'div',\r\n    justifyContent = 'end',\r\n    gap = 'sm',\r\n    padding = 'md',\r\n    paddingTop = 'none',\r\n    ...props\r\n}) => (\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\nDrawerFooter.displayName = 'Drawer.Footer'\r\n\r\nexport default DrawerFooter\r\n"],"names":["DrawerFooter","memo","as","justifyContent","gap","padding","paddingTop","props","jsx","Flex"],"mappings":"gLAMA,MAAMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,GAAAC,EAAK,MACL,eAAAC,EAAiB,MACjB,IAAAC,EAAM,KACN,QAAAC,EAAU,KACV,WAAAC,EAAa,OACb,GAAGC,CACP,IACIC,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/drawer/components/blocs/drawer-footer/DrawerFooter.d.ts

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

package/dist/components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.js

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

package/dist/components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.js","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-footer/DrawerFooter.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport type { DrawerFooterProps } from '@components/overlay/drawer/components/blocs/drawer-footer/types/DrawerFooter.props.ts'\r\n\r\n/** Footer area of a `Drawer` — a flex row for action buttons. */\r\nconst DrawerFooter: FC<DrawerFooterProps> = memo(({\r\n    as = 'div',\r\n    justifyContent = 'end',\r\n    gap = 'sm',\r\n    padding = 'md',\r\n    paddingTop = 'none',\r\n    ...props\r\n}) => (\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\nDrawerFooter.displayName = 'Drawer.Footer'\r\n\r\nexport default DrawerFooter\r\n"],"names":["DrawerFooter","memo","as","justifyContent","gap","padding","paddingTop","props","jsx","Flex"],"mappings":";;;;AAMA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,IAAAC,IAAK;AAAA,EACL,gBAAAC,IAAiB;AAAA,EACjB,KAAAC,IAAM;AAAA,EACN,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,GAAGC;AACP,MACI,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/drawer/components/blocs/drawer-footer/types/DrawerFooter.props.d.ts

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

package/dist/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),i=require("react"),o=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const e=i.memo(({as:r="div",className:t,children:n,...s})=>a.jsx(o,{as:r,flexDirection:"row",alignItems:"start",justifyContent:"between",gap:"md",padding:"md",paddingBottom:"none",className:t,...s,children:n}));e.displayName="Drawer.Header";module.exports=e;
+//# sourceMappingURL=DrawerHeader.cjs.map

package/dist/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport type { DrawerHeaderProps } from '@components/overlay/drawer/components/blocs/drawer-header/types/DrawerHeader.props.ts'\r\n\r\n/** Header section of a `Drawer`. Accepts free-form `children`. */\r\nconst DrawerHeader: FC<DrawerHeaderProps> = memo(({\r\n    as: Element = 'div',\r\n    className,\r\n    children,\r\n    ...props\r\n}) => {\r\n    return (\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={'md'}\r\n            paddingBottom={'none'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nDrawerHeader.displayName = 'Drawer.Header'\r\n\r\nexport default DrawerHeader\r\n"],"names":["DrawerHeader","memo","Element","className","children","props","jsx","Flex"],"mappings":"gLAMA,MAAMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,GAAIC,EAAU,MACd,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,GAAIL,EACJ,cAAe,MACf,WAAY,QACZ,eAAgB,UAChB,IAAK,KACL,QAAS,KACT,cAAe,OACf,UAAAC,EACC,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGZ,EAEDJ,EAAa,YAAc"}

package/dist/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DrawerHeaderProps } from './types/DrawerHeader.props.ts';
+/** Header section of a `Drawer`. Accepts free-form `children`. */
+declare const DrawerHeader: FC<DrawerHeaderProps>;
+export default DrawerHeader;

package/dist/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.js

@@ -0,0 +1,29 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as m } from "react";
+import i from "../../../../../layout/flex/Flex.js";
+import "../../../../../layout/flex/styles/Flex.css.js";
+const d = m(({
+  as: e = "div",
+  className: r,
+  children: t,
+  ...o
+}) => /* @__PURE__ */ a(
+  i,
+  {
+    as: e,
+    flexDirection: "row",
+    alignItems: "start",
+    justifyContent: "between",
+    gap: "md",
+    padding: "md",
+    paddingBottom: "none",
+    className: r,
+    ...o,
+    children: t
+  }
+));
+d.displayName = "Drawer.Header";
+export {
+  d as default
+};
+//# sourceMappingURL=DrawerHeader.js.map

package/dist/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.js","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-header/DrawerHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport type { DrawerHeaderProps } from '@components/overlay/drawer/components/blocs/drawer-header/types/DrawerHeader.props.ts'\r\n\r\n/** Header section of a `Drawer`. Accepts free-form `children`. */\r\nconst DrawerHeader: FC<DrawerHeaderProps> = memo(({\r\n    as: Element = 'div',\r\n    className,\r\n    children,\r\n    ...props\r\n}) => {\r\n    return (\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={'md'}\r\n            paddingBottom={'none'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nDrawerHeader.displayName = 'Drawer.Header'\r\n\r\nexport default DrawerHeader\r\n"],"names":["DrawerHeader","memo","Element","className","children","props","jsx","Flex"],"mappings":";;;;AAMA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,IAAIC,IAAU;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAIL;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAAC;AAAA,IACC,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA,CAGZ;AAEDJ,EAAa,cAAc;"}

package/dist/components/overlay/drawer/components/blocs/drawer-header/types/DrawerHeader.props.d.ts

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

package/dist/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),n=require("react"),x=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const t=n.memo(({as:a="section",title:e,titleProps:i,children:d,className:c,...u})=>{const l=n.useId(),s=i?.id??l;return r.jsxs(o,{as:a,display:"flex",flexDirection:"column",gap:"xs",width:"100%",className:c,"aria-labelledby":e?s:void 0,...u,children:[e&&r.jsx(x,{variant:"small",fontSize:"xs",color:"mutedForeground",textTransform:"uppercase",fontWeight:"medium",letterSpacing:"wide",maxLines:1,id:s,...i,children:e}),r.jsx(o,{paddingTop:"xs",children:d})]})});t.displayName="Drawer.Section";module.exports=t;
+//# sourceMappingURL=DrawerSection.cjs.map

package/dist/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSection.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.tsx"],"sourcesContent":["import { memo, type FC, useId } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Box } from '@components/layout/box'\r\nimport type { DrawerSectionProps } from '@components/overlay/drawer/components/blocs/drawer-section/types/DrawerSection.props.ts'\r\n\r\n/**\r\n * A grouping section rendered inside a `Drawer`.\r\n *\r\n * Renders an uppercase title followed by its children — typically\r\n * `Drawer.NavItem`, `Drawer.ActionItem` or `Drawer.SectionItem` elements.\r\n */\r\nconst DrawerSection: FC<DrawerSectionProps> = memo(({\r\n    as = 'section',\r\n    title,\r\n    titleProps,\r\n    children,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const generatedTitleId = useId()\r\n    const resolvedTitleId = titleProps?.id ?? generatedTitleId\r\n\r\n    return (\r\n        <Box\r\n            as={as as 'div'}\r\n            display={'flex'}\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            className={className}\r\n            aria-labelledby={title ? resolvedTitleId : undefined}\r\n            {...props}\r\n        >\r\n            {title && (\r\n                <Typography\r\n                    variant={'small'}\r\n                    fontSize={'xs'}\r\n                    color={'mutedForeground'}\r\n                    textTransform={'uppercase'}\r\n                    fontWeight={'medium'}\r\n                    letterSpacing={'wide'}\r\n                    maxLines={1}\r\n                    id={resolvedTitleId}\r\n                    {...titleProps}\r\n                >\r\n                    {title}\r\n                </Typography>\r\n            )}\r\n            <Box\r\n                paddingTop={'xs'}\r\n            >\r\n                {children}\r\n            </Box>\r\n        </Box>\r\n    )\r\n})\r\n\r\nDrawerSection.displayName = 'Drawer.Section'\r\n\r\nexport default DrawerSection\r\n"],"names":["DrawerSection","memo","as","title","titleProps","children","className","props","generatedTitleId","useId","resolvedTitleId","jsxs","Box","jsx","Typography"],"mappings":"6TAYA,MAAMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,GAAAC,EAAK,UACL,MAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAmBC,EAAAA,MAAA,EACnBC,EAAkBN,GAAY,IAAMI,EAE1C,OACIG,EAAAA,KAACC,EAAA,CACG,GAAAV,EACA,QAAS,OACT,cAAe,SACf,IAAK,KACL,MAAO,OACP,UAAAI,EACA,kBAAiBH,EAAQO,EAAkB,OAC1C,GAAGH,EAEH,SAAA,CAAAJ,GACGU,EAAAA,IAACC,EAAA,CACG,QAAS,QACT,SAAU,KACV,MAAO,kBACP,cAAe,YACf,WAAY,SACZ,cAAe,OACf,SAAU,EACV,GAAIJ,EACH,GAAGN,EAEH,SAAAD,CAAA,CAAA,EAGTU,EAAAA,IAACD,EAAA,CACG,WAAY,KAEX,SAAAP,CAAA,CAAA,CACL,CAAA,CAAA,CAGZ,CAAC,EAEDL,EAAc,YAAc"}

package/dist/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DrawerSectionProps } from './types/DrawerSection.props.ts';
+/**
+ * A grouping section rendered inside a `Drawer`.
+ *
+ * Renders an uppercase title followed by its children — typically
+ * `Drawer.NavItem`, `Drawer.ActionItem` or `Drawer.SectionItem` elements.
+ */
+declare const DrawerSection: FC<DrawerSectionProps>;
+export default DrawerSection;

package/dist/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.js

@@ -0,0 +1,58 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { memo as l, useId as c } from "react";
+import x from "../../../../../foundation/typography/Typography.js";
+import "../../../../../foundation/typography/styles/Typography.css.js";
+import t from "../../../../../layout/box/Box.js";
+import "../../../../../layout/box/styles/Box.css.js";
+const f = l(({
+  as: a = "section",
+  title: e,
+  titleProps: o,
+  children: d,
+  className: m,
+  ...n
+}) => {
+  const s = c(), r = o?.id ?? s;
+  return /* @__PURE__ */ p(
+    t,
+    {
+      as: a,
+      display: "flex",
+      flexDirection: "column",
+      gap: "xs",
+      width: "100%",
+      className: m,
+      "aria-labelledby": e ? r : void 0,
+      ...n,
+      children: [
+        e && /* @__PURE__ */ i(
+          x,
+          {
+            variant: "small",
+            fontSize: "xs",
+            color: "mutedForeground",
+            textTransform: "uppercase",
+            fontWeight: "medium",
+            letterSpacing: "wide",
+            maxLines: 1,
+            id: r,
+            ...o,
+            children: e
+          }
+        ),
+        /* @__PURE__ */ i(
+          t,
+          {
+            paddingTop: "xs",
+            children: d
+          }
+        )
+      ]
+    }
+  );
+});
+f.displayName = "Drawer.Section";
+export {
+  f as default
+};
+//# sourceMappingURL=DrawerSection.js.map

package/dist/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSection.js","sources":["../../../../../../../src/components/overlay/drawer/components/blocs/drawer-section/DrawerSection.tsx"],"sourcesContent":["import { memo, type FC, useId } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Box } from '@components/layout/box'\r\nimport type { DrawerSectionProps } from '@components/overlay/drawer/components/blocs/drawer-section/types/DrawerSection.props.ts'\r\n\r\n/**\r\n * A grouping section rendered inside a `Drawer`.\r\n *\r\n * Renders an uppercase title followed by its children — typically\r\n * `Drawer.NavItem`, `Drawer.ActionItem` or `Drawer.SectionItem` elements.\r\n */\r\nconst DrawerSection: FC<DrawerSectionProps> = memo(({\r\n    as = 'section',\r\n    title,\r\n    titleProps,\r\n    children,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const generatedTitleId = useId()\r\n    const resolvedTitleId = titleProps?.id ?? generatedTitleId\r\n\r\n    return (\r\n        <Box\r\n            as={as as 'div'}\r\n            display={'flex'}\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            className={className}\r\n            aria-labelledby={title ? resolvedTitleId : undefined}\r\n            {...props}\r\n        >\r\n            {title && (\r\n                <Typography\r\n                    variant={'small'}\r\n                    fontSize={'xs'}\r\n                    color={'mutedForeground'}\r\n                    textTransform={'uppercase'}\r\n                    fontWeight={'medium'}\r\n                    letterSpacing={'wide'}\r\n                    maxLines={1}\r\n                    id={resolvedTitleId}\r\n                    {...titleProps}\r\n                >\r\n                    {title}\r\n                </Typography>\r\n            )}\r\n            <Box\r\n                paddingTop={'xs'}\r\n            >\r\n                {children}\r\n            </Box>\r\n        </Box>\r\n    )\r\n})\r\n\r\nDrawerSection.displayName = 'Drawer.Section'\r\n\r\nexport default DrawerSection\r\n"],"names":["DrawerSection","memo","as","title","titleProps","children","className","props","generatedTitleId","useId","resolvedTitleId","jsxs","Box","jsx","Typography"],"mappings":";;;;;;AAYA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,IAAAC,IAAK;AAAA,EACL,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAmBC,EAAA,GACnBC,IAAkBN,GAAY,MAAMI;AAE1C,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAAV;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAO;AAAA,MACP,WAAAI;AAAA,MACA,mBAAiBH,IAAQO,IAAkB;AAAA,MAC1C,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAJ,KACG,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YACP,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YACV,IAAIJ;AAAA,YACH,GAAGN;AAAA,YAEH,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGT,gBAAAU;AAAA,UAACD;AAAA,UAAA;AAAA,YACG,YAAY;AAAA,YAEX,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDL,EAAc,cAAc;"}

package/dist/components/overlay/drawer/components/blocs/drawer-section/types/DrawerSection.props.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from '../../../../../../layout/box/types/Box.props.ts';
+import { TypographyProps } from '../../../../../../foundation/typography';
+/** Props for `Drawer.Section`. */
+export type DrawerSectionProps = Omit<BoxProps, 'as'> & {
+    /** The HTML element to render. @default 'section' */
+    as?: 'section' | 'div';
+    /** Uppercase title rendered above the section items. */
+    title?: string;
+    /** Extra props forwarded to the title `<Typography>` element. */
+    titleProps?: TypographyProps;
+};

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

@@ -0,0 +1,18 @@
+export { default as DrawerHeader } from './blocs/drawer-header/DrawerHeader.tsx';
+export type { DrawerHeaderProps } from './blocs/drawer-header/types/DrawerHeader.props.ts';
+export { default as DrawerBody } from './blocs/drawer-body/DrawerBody.tsx';
+export type { DrawerBodyProps } from './blocs/drawer-body/types/DrawerBody.props.ts';
+export { default as DrawerFooter } from './blocs/drawer-footer/DrawerFooter.tsx';
+export type { DrawerFooterProps } from './blocs/drawer-footer/types/DrawerFooter.props.ts';
+export { default as DrawerNavItem } from './items/drawer-nav-item/DrawerNavItem.tsx';
+export type { DrawerNavItemProps } from './items/drawer-nav-item/types/DrawerNavItem.props.ts';
+export { default as DrawerActionItem } from './items/drawer-action-item/DrawerActionItem.tsx';
+export type { DrawerActionItemProps } from './items/drawer-action-item/types/DrawerActionItem.props.ts';
+export { default as DrawerSectionItem } from './items/drawer-section-item/DrawerSectionItem.tsx';
+export type { DrawerSectionItemProps } from './items/drawer-section-item/types/DrawerSectionItem.props.ts';
+export { DRAWER_ITEM_STYLES } from './items/_shared';
+export type { DrawerItemRecipeVariants } from './items/_shared';
+export { default as DrawerPortal } from './variants/drawer-portal/DrawerPortal.tsx';
+export type { DrawerPortalProps } from './variants/drawer-portal/types/DrawerPortal.props.ts';
+export { default as DrawerInline } from './variants/drawer-inline/DrawerInline.tsx';
+export type { DrawerInlineProps } from './variants/drawer-inline/types/DrawerInline.props.ts';

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),m=require("../../../../../../../foundation/icon/Icon.cjs");require("../../../../../../../foundation/icon/styles/Icon.css.cjs");const h=require("../../../../../../../foundation/typography/Typography.cjs");require("../../../../../../../foundation/typography/styles/Typography.css.cjs");const q=require("../../hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),l=require("../../../../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                          */;/* empty css                                                                                        */const x=require("../../styles/DrawerItemShared.css.cjs"),s=d.memo(({label:i,startIcon:n,endChevronIcon:a,expanded:o,iconSize:c,trailing:u})=>{const{state:r,resolvedIconSize:t}=q.useDrawerItemAttributes(c);return e.jsxs(e.Fragment,{children:[e.jsx(m,{icon:n,size:t}),e.jsxs("span",{className:x.DRAWER_ITEM_STYLES.content,"data-state":r,"aria-hidden":r==="closed",children:[e.jsx(h,{variant:"span",width:"100%",maxLines:1,minWidth:0,ellipsis:!0,maxWidth:"100%",children:i}),u,a&&e.jsx(l,{expanded:o??!1,size:t})]})]})});s.displayName="DrawerItemContent";module.exports=s;
+//# sourceMappingURL=DrawerItemContent.cjs.map

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerItemContent.cjs","sources":["../../../../../../../../../src/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { useDrawerItemAttributes } from '@components/overlay/drawer/components/items/_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.ts'\r\nimport type { DrawerItemContentProps } from '@components/overlay/drawer/components/items/_shared/components/drawer-item-content/types/DrawerItemContent.props.ts'\r\nimport { RotatingChevron } from '@components/_common/rotating-chevron'\r\nimport { DRAWER_ITEM_STYLES } from '@components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.ts'\r\n\r\n/**\r\n * Shared inner content of a drawer item row.\r\n *\r\n * Renders the start icon, label, optional trailing content and an optional\r\n * end icon. Used by `DrawerActionItem`, `DrawerNavItem` and\r\n * `DrawerSectionItem` to keep their markup consistent.\r\n */\r\nconst DrawerItemContent: FC<DrawerItemContentProps> = memo(({\r\n    label,\r\n    startIcon,\r\n    endChevronIcon,\r\n    expanded,\r\n    iconSize,\r\n    trailing,\r\n}) => {\r\n    const { state, resolvedIconSize } = useDrawerItemAttributes(iconSize)\r\n\r\n    return (\r\n        <>\r\n            <Icon\r\n                icon={startIcon}\r\n                size={resolvedIconSize}\r\n            />\r\n            <span\r\n                className={DRAWER_ITEM_STYLES.content}\r\n                data-state={state}\r\n                aria-hidden={state === 'closed'}\r\n            >\r\n                <Typography\r\n                    variant={'span'}\r\n                    width={'100%'}\r\n                    maxLines={1}\r\n                    minWidth={0}\r\n                    ellipsis={true}\r\n                    maxWidth={'100%'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {trailing}\r\n                {endChevronIcon && (\r\n                    <RotatingChevron\r\n                        expanded={expanded ?? false}\r\n                        size={resolvedIconSize}\r\n                    />\r\n                )}\r\n            </span>\r\n        </>\r\n    )\r\n})\r\n\r\nDrawerItemContent.displayName = 'DrawerItemContent'\r\n\r\nexport default DrawerItemContent\r\n"],"names":["DrawerItemContent","memo","label","startIcon","endChevronIcon","expanded","iconSize","trailing","state","resolvedIconSize","useDrawerItemAttributes","jsxs","Fragment","jsx","Icon","DRAWER_ITEM_STYLES","Typography","RotatingChevron"],"mappings":"ovBAgBMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EACA,UAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CACJ,IAAM,CACF,KAAM,CAAE,MAAAC,EAAO,iBAAAC,GAAqBC,EAAAA,wBAAwBJ,CAAQ,EAEpE,OACIK,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,KAAMX,EACN,KAAMM,CAAA,CAAA,EAEVE,EAAAA,KAAC,OAAA,CACG,UAAWI,EAAAA,mBAAmB,QAC9B,aAAYP,EACZ,cAAaA,IAAU,SAEvB,SAAA,CAAAK,EAAAA,IAACG,EAAA,CACG,QAAS,OACT,MAAO,OACP,SAAU,EACV,SAAU,EACV,SAAU,GACV,SAAU,OAET,SAAAd,CAAA,CAAA,EAEJK,EACAH,GACGS,EAAAA,IAACI,EAAA,CACG,SAAUZ,GAAY,GACtB,KAAMI,CAAA,CAAA,CACV,CAAA,CAAA,CAER,EACJ,CAER,CAAC,EAEDT,EAAkB,YAAc"}

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { DrawerItemContentProps } from './types/DrawerItemContent.props.ts';
+/**
+ * Shared inner content of a drawer item row.
+ *
+ * Renders the start icon, label, optional trailing content and an optional
+ * end icon. Used by `DrawerActionItem`, `DrawerNavItem` and
+ * `DrawerSectionItem` to keep their markup consistent.
+ */
+declare const DrawerItemContent: FC<DrawerItemContentProps>;
+export default DrawerItemContent;

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.js

@@ -0,0 +1,65 @@
+import { jsxs as o, Fragment as d, jsx as t } from "react/jsx-runtime";
+import { memo as c } from "react";
+import l from "../../../../../../../foundation/icon/Icon.js";
+import "../../../../../../../foundation/icon/styles/Icon.css.js";
+import f from "../../../../../../../foundation/typography/Typography.js";
+import "../../../../../../../foundation/typography/styles/Typography.css.js";
+import { useDrawerItemAttributes as h } from "../../hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.js";
+import x from "../../../../../../../_common/rotating-chevron/RotatingChevron.js";
+/* empty css                                                        */
+/* empty css                                                                                      */
+import { DRAWER_ITEM_STYLES as I } from "../../styles/DrawerItemShared.css.js";
+const u = c(({
+  label: i,
+  startIcon: m,
+  endChevronIcon: a,
+  expanded: n,
+  iconSize: s,
+  trailing: p
+}) => {
+  const { state: r, resolvedIconSize: e } = h(s);
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ t(
+      l,
+      {
+        icon: m,
+        size: e
+      }
+    ),
+    /* @__PURE__ */ o(
+      "span",
+      {
+        className: I.content,
+        "data-state": r,
+        "aria-hidden": r === "closed",
+        children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              variant: "span",
+              width: "100%",
+              maxLines: 1,
+              minWidth: 0,
+              ellipsis: !0,
+              maxWidth: "100%",
+              children: i
+            }
+          ),
+          p,
+          a && /* @__PURE__ */ t(
+            x,
+            {
+              expanded: n ?? !1,
+              size: e
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+u.displayName = "DrawerItemContent";
+export {
+  u as default
+};
+//# sourceMappingURL=DrawerItemContent.js.map

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerItemContent.js","sources":["../../../../../../../../../src/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { useDrawerItemAttributes } from '@components/overlay/drawer/components/items/_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.ts'\r\nimport type { DrawerItemContentProps } from '@components/overlay/drawer/components/items/_shared/components/drawer-item-content/types/DrawerItemContent.props.ts'\r\nimport { RotatingChevron } from '@components/_common/rotating-chevron'\r\nimport { DRAWER_ITEM_STYLES } from '@components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.ts'\r\n\r\n/**\r\n * Shared inner content of a drawer item row.\r\n *\r\n * Renders the start icon, label, optional trailing content and an optional\r\n * end icon. Used by `DrawerActionItem`, `DrawerNavItem` and\r\n * `DrawerSectionItem` to keep their markup consistent.\r\n */\r\nconst DrawerItemContent: FC<DrawerItemContentProps> = memo(({\r\n    label,\r\n    startIcon,\r\n    endChevronIcon,\r\n    expanded,\r\n    iconSize,\r\n    trailing,\r\n}) => {\r\n    const { state, resolvedIconSize } = useDrawerItemAttributes(iconSize)\r\n\r\n    return (\r\n        <>\r\n            <Icon\r\n                icon={startIcon}\r\n                size={resolvedIconSize}\r\n            />\r\n            <span\r\n                className={DRAWER_ITEM_STYLES.content}\r\n                data-state={state}\r\n                aria-hidden={state === 'closed'}\r\n            >\r\n                <Typography\r\n                    variant={'span'}\r\n                    width={'100%'}\r\n                    maxLines={1}\r\n                    minWidth={0}\r\n                    ellipsis={true}\r\n                    maxWidth={'100%'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {trailing}\r\n                {endChevronIcon && (\r\n                    <RotatingChevron\r\n                        expanded={expanded ?? false}\r\n                        size={resolvedIconSize}\r\n                    />\r\n                )}\r\n            </span>\r\n        </>\r\n    )\r\n})\r\n\r\nDrawerItemContent.displayName = 'DrawerItemContent'\r\n\r\nexport default DrawerItemContent\r\n"],"names":["DrawerItemContent","memo","label","startIcon","endChevronIcon","expanded","iconSize","trailing","state","resolvedIconSize","useDrawerItemAttributes","jsxs","Fragment","jsx","Icon","DRAWER_ITEM_STYLES","Typography","RotatingChevron"],"mappings":";;;;;;;;;;;AAgBA,MAAMA,IAAgDC,EAAK,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MAAM;AACF,QAAM,EAAE,OAAAC,GAAO,kBAAAC,MAAqBC,EAAwBJ,CAAQ;AAEpE,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAMX;AAAA,QACN,MAAMM;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWI,EAAmB;AAAA,QAC9B,cAAYP;AAAA,QACZ,eAAaA,MAAU;AAAA,QAEvB,UAAA;AAAA,UAAA,gBAAAK;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,SAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU;AAAA,cACV,UAAU;AAAA,cACV,UAAU;AAAA,cACV,UAAU;AAAA,cAET,UAAAd;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJK;AAAA,UACAH,KACG,gBAAAS;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,UAAUZ,KAAY;AAAA,cACtB,MAAMI;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAER,GACJ;AAER,CAAC;AAEDT,EAAkB,cAAc;"}

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DrawerItemContent } from './DrawerItemContent.tsx';
+export type { DrawerItemContentProps } from './types/DrawerItemContent.props.ts';

package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/types/DrawerItemContent.props.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { IconSize } from '../../../../../../../../foundation/icon';
+/** Props for `DrawerItemContent`. */
+export type DrawerItemContentProps = {
+    /** Visible text label. */
+    label: string;
+    /** Icon rendered before the label. */
+    startIcon: string;
+    /** Optional icon rendered at the end of the row. */
+    endChevronIcon?: boolean;
+    /** Whether the drawer item is expanded. */
+    expanded?: boolean;
+    /** Size of the start/end icons. Defaults to the row size mapping. */
+    iconSize?: IconSize;
+    /** Optional content rendered before the end icon (e.g. a badge). */
+    trailing?: ReactNode;
+};

package/dist/components/overlay/drawer/components/items/_shared/constants/index.cjs

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

package/dist/components/overlay/drawer/components/items/_shared/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/overlay/drawer/components/items/_shared/constants/index.ts"],"sourcesContent":["/**\r\n * Visual variants for drawer item rows.\r\n */\r\nexport const DRAWER_ITEM_VARIANTS = {\r\n    default: 'default',\r\n    outlined: 'outlined',\r\n} as const\r\n\r\n/**\r\n * Color intents for drawer item rows.\r\n */\r\nexport const DRAWER_ITEM_COLORS = {\r\n    primary: 'primary',\r\n    secondary: 'secondary',\r\n    tertiary: 'tertiary',\r\n    destructive: 'destructive',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    info: 'info',\r\n} as const\r\n\r\n/**\r\n * Array of available color intents for drawer item rows.\r\n */\r\nexport const DRAWER_ITEM_COLORS_ARRAY = Object.values(DRAWER_ITEM_COLORS)\r\n\r\n/**\r\n * Default icon size rendered inside a drawer item row.\r\n */\r\nexport const DRAWER_ITEM_DEFAULT_ICON_SIZE = 'md' as const\r\n"],"names":["DRAWER_ITEM_DEFAULT_ICON_SIZE"],"mappings":"gFA6BO,MAAMA,EAAgC"}

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

@@ -0,0 +1,27 @@
+/**
+ * Visual variants for drawer item rows.
+ */
+export declare const DRAWER_ITEM_VARIANTS: {
+    readonly default: "default";
+    readonly outlined: "outlined";
+};
+/**
+ * Color intents for drawer item rows.
+ */
+export declare const DRAWER_ITEM_COLORS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+    readonly destructive: "destructive";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly info: "info";
+};
+/**
+ * Array of available color intents for drawer item rows.
+ */
+export declare const DRAWER_ITEM_COLORS_ARRAY: ("primary" | "secondary" | "tertiary" | "success" | "warning" | "info" | "destructive")[];
+/**
+ * Default icon size rendered inside a drawer item row.
+ */
+export declare const DRAWER_ITEM_DEFAULT_ICON_SIZE: "md";

package/dist/components/overlay/drawer/components/items/_shared/constants/index.js

@@ -0,0 +1,5 @@
+const E = "md";
+export {
+  E as DRAWER_ITEM_DEFAULT_ICON_SIZE
+};
+//# sourceMappingURL=index.js.map

package/dist/components/overlay/drawer/components/items/_shared/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/overlay/drawer/components/items/_shared/constants/index.ts"],"sourcesContent":["/**\r\n * Visual variants for drawer item rows.\r\n */\r\nexport const DRAWER_ITEM_VARIANTS = {\r\n    default: 'default',\r\n    outlined: 'outlined',\r\n} as const\r\n\r\n/**\r\n * Color intents for drawer item rows.\r\n */\r\nexport const DRAWER_ITEM_COLORS = {\r\n    primary: 'primary',\r\n    secondary: 'secondary',\r\n    tertiary: 'tertiary',\r\n    destructive: 'destructive',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    info: 'info',\r\n} as const\r\n\r\n/**\r\n * Array of available color intents for drawer item rows.\r\n */\r\nexport const DRAWER_ITEM_COLORS_ARRAY = Object.values(DRAWER_ITEM_COLORS)\r\n\r\n/**\r\n * Default icon size rendered inside a drawer item row.\r\n */\r\nexport const DRAWER_ITEM_DEFAULT_ICON_SIZE = 'md' as const\r\n"],"names":["DRAWER_ITEM_DEFAULT_ICON_SIZE"],"mappings":"AA6BO,MAAMA,IAAgC;"}