@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/overlay/context-menu/components/content/ContextMenuContent.js

@@ -0,0 +1,63 @@
+import { jsx as n } from "react/jsx-runtime";
+import { ContextMenu as r } from "@base-ui/react/context-menu";
+import { memo as p, useCallback as y } from "react";
+import { cn as M } from "../../../../../utils/cn.js";
+import { useViewportShift as C } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
+import { useContextMenuContext as x } from "../../context/ContextMenu.context.js";
+import { DROPDOWN_MENU_CONTENT_STYLES as N } from "../../../dropdown-menu/components/content/styles/DropdownMenuContent.css.js";
+import { CONTEXT_MENU_CONTENT_STYLES as E } from "./styles/ContextMenuContent.css.js";
+const S = p(({
+  className: m,
+  sideOffset: l = 4,
+  collisionPadding: u = 8,
+  width: s = "14rem",
+  style: c,
+  ...e
+}) => {
+  const i = C(u), o = x(), f = y((t) => {
+    const a = i(t);
+    if (!t || o.inputModality !== "keyboard")
+      return a;
+    const d = requestAnimationFrame(() => {
+      t.querySelector(
+        '[role^="menuitem"]:not([aria-disabled="true"])'
+      )?.focus();
+    });
+    return () => {
+      cancelAnimationFrame(d), a?.();
+    };
+  }, [i, o?.inputModality]);
+  return /* @__PURE__ */ n(r.Portal, { children: /* @__PURE__ */ n(
+    r.Positioner,
+    {
+      sideOffset: l,
+      collisionAvoidance: { side: "none", align: "none" },
+      ...e,
+      children: /* @__PURE__ */ n(
+        r.Popup,
+        {
+          ref: f,
+          className: M(
+            N.root,
+            E.root,
+            m
+          ),
+          "data-input-modality": o.inputModality,
+          onKeyDown: (t) => {
+            o.setInputModality("keyboard"), e.onKeyDown?.(t);
+          },
+          onPointerMove: (t) => {
+            o.setInputModality("pointer"), e.onPointerMove?.(t);
+          },
+          style: { width: s, flexGrow: "0", flexShrink: "0", ...c },
+          children: e.children
+        }
+      )
+    }
+  ) });
+});
+S.displayName = "ContextMenu.Content";
+export {
+  S as default
+};
+//# sourceMappingURL=ContextMenuContent.js.map

package/dist/components/overlay/context-menu/components/content/ContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.js","sources":["../../../../../../src/components/overlay/context-menu/components/content/ContextMenuContent.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\r\nimport { memo, useCallback, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport { useContextMenuContext } from '@components/overlay/context-menu/context/ContextMenu.context.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport { CONTEXT_MENU_CONTENT_STYLES } from '@components/overlay/context-menu/components/content/styles/ContextMenuContent.css.ts'\r\nimport type { ContextMenuContentProps } from '@components/overlay/context-menu/components/content/types/ContextMenuContent.props.ts'\r\n\r\nconst ContextMenuContent: FC<ContextMenuContentProps> = memo(({\r\n    className,\r\n    sideOffset = 4,\r\n    collisionPadding = 8,\r\n    width = '14rem',\r\n    style,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n    const context = useContextMenuContext()\r\n    const setPopupRef = useCallback((node: HTMLDivElement | null) => {\r\n        const cleanupViewportShift = contentRef(node)\r\n\r\n        if (!node || context.inputModality !== 'keyboard') {\r\n            return cleanupViewportShift\r\n        }\r\n\r\n        const focusFrame = requestAnimationFrame(() => {\r\n            const firstEnabledItem = node.querySelector<HTMLElement>(\r\n                '[role^=\"menuitem\"]:not([aria-disabled=\"true\"])',\r\n            )\r\n\r\n            firstEnabledItem?.focus()\r\n        })\r\n\r\n        return () => {\r\n            cancelAnimationFrame(focusFrame)\r\n            cleanupViewportShift?.()\r\n        }\r\n    }, [contentRef, context?.inputModality])\r\n\r\n    return (\r\n        <BaseContextMenu.Portal>\r\n            <BaseContextMenu.Positioner\r\n                sideOffset={sideOffset}\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseContextMenu.Popup\r\n                    ref={setPopupRef}\r\n                    className={cn(\r\n                        DROPDOWN_MENU_CONTENT_STYLES.root,\r\n                        CONTEXT_MENU_CONTENT_STYLES.root,\r\n                        className,\r\n                    )}\r\n                    data-input-modality={context.inputModality}\r\n                    onKeyDown={(event) => {\r\n                        context.setInputModality('keyboard')\r\n                        props.onKeyDown?.(event)\r\n                    }}\r\n                    onPointerMove={(event) => {\r\n                        context.setInputModality('pointer')\r\n                        props.onPointerMove?.(event)\r\n                    }}\r\n                    style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n                >\r\n                    {props.children}\r\n                </BaseContextMenu.Popup>\r\n            </BaseContextMenu.Positioner>\r\n        </BaseContextMenu.Portal>\r\n    )\r\n})\r\n\r\nContextMenuContent.displayName = 'ContextMenu.Content'\r\n\r\nexport default ContextMenuContent\r\n"],"names":["ContextMenuContent","memo","className","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","context","useContextMenuContext","setPopupRef","useCallback","node","cleanupViewportShift","focusFrame","jsx","BaseContextMenu","cn","DROPDOWN_MENU_CONTENT_STYLES","CONTEXT_MENU_CONTENT_STYLES","event"],"mappings":";;;;;;;;AAUA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB,GAC9CM,IAAUC,EAAA,GACVC,IAAcC,EAAY,CAACC,MAAgC;AAC7D,UAAMC,IAAuBP,EAAWM,CAAI;AAE5C,QAAI,CAACA,KAAQJ,EAAQ,kBAAkB;AACnC,aAAOK;AAGX,UAAMC,IAAa,sBAAsB,MAAM;AAK3C,MAJyBF,EAAK;AAAA,QAC1B;AAAA,MAAA,GAGc,MAAA;AAAA,IACtB,CAAC;AAED,WAAO,MAAM;AACT,2BAAqBE,CAAU,GAC/BD,IAAA;AAAA,IACJ;AAAA,EACJ,GAAG,CAACP,GAAYE,GAAS,aAAa,CAAC;AAEvC,SACI,gBAAAO,EAACC,EAAgB,QAAhB,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACG,YAAAf;AAAA,MACA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGI;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACG,KAAKN;AAAA,UACL,WAAWO;AAAA,YACPC,EAA6B;AAAA,YAC7BC,EAA4B;AAAA,YAC5BnB;AAAA,UAAA;AAAA,UAEJ,uBAAqBQ,EAAQ;AAAA,UAC7B,WAAW,CAACY,MAAU;AAClB,YAAAZ,EAAQ,iBAAiB,UAAU,GACnCH,EAAM,YAAYe,CAAK;AAAA,UAC3B;AAAA,UACA,eAAe,CAACA,MAAU;AACtB,YAAAZ,EAAQ,iBAAiB,SAAS,GAClCH,EAAM,gBAAgBe,CAAK;AAAA,UAC/B;AAAA,UACA,OAAO,EAAE,OAAAjB,GAAO,UAAU,KAAK,YAAY,KAAK,GAAGC,EAAA;AAAA,UAElD,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDP,EAAmB,cAAc;"}

package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                        */var T={root:"_150wqyi0"};exports.CONTEXT_MENU_CONTENT_STYLES=T;
+//# sourceMappingURL=ContextMenuContent.css.cjs.map

package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.cjs.map

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

package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.d.ts

@@ -0,0 +1,3 @@
+export declare const CONTEXT_MENU_CONTENT_STYLES: {
+    root: string;
+};

package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.js

@@ -0,0 +1,6 @@
+/* empty css                                      */
+var o = { root: "_150wqyi0" };
+export {
+  o as CONTEXT_MENU_CONTENT_STYLES
+};
+//# sourceMappingURL=ContextMenuContent.css.js.map

package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.js.map

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

package/dist/components/overlay/context-menu/components/content/types/ContextMenuContent.props.d.ts

@@ -0,0 +1,18 @@
+import { Menu } from '@base-ui/react/menu';
+import { CSSProperties } from 'react';
+export type ContextMenuContentProps = Menu.Positioner.Props & {
+    /** Offset in pixels from the pointer. @default 4 */
+    sideOffset?: number;
+    /**
+     * Distance in pixels from the viewport edges used for collision detection.
+     * @default 8
+     */
+    collisionPadding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Fixed width of the context menu panel. @default '14rem' */
+    width?: CSSProperties['width'];
+};

package/dist/components/overlay/context-menu/components/trigger/ContextMenuTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),M=require("@base-ui/react/context-menu"),p=require("react"),y=require("../../context/ContextMenu.context.cjs"),n=p.memo(({children:o,tabIndex:r=0,onPointerDown:u,onKeyDown:s,...i})=>{const t=y.useContextMenuContext(),c=e=>{t.setInputModality("pointer"),u?.(e)},x=e=>{(e.key==="F10"||e.key==="ContextMenu")&&t.setInputModality("keyboard"),s?.(e)};return a.jsx(M.ContextMenu.Trigger,{...i,"aria-haspopup":"menu",tabIndex:r,onPointerDown:c,onKeyDown:x,render:o})});n.displayName="ContextMenu.Trigger";module.exports=n;
+//# sourceMappingURL=ContextMenuTrigger.cjs.map

package/dist/components/overlay/context-menu/components/trigger/ContextMenuTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.cjs","sources":["../../../../../../src/components/overlay/context-menu/components/trigger/ContextMenuTrigger.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { useContextMenuContext } from '@components/overlay/context-menu/context/ContextMenu.context.ts'\r\nimport type { ContextMenuTriggerProps } from '@components/overlay/context-menu/components/trigger/types/ContextMenuTrigger.props.ts'\r\n\r\nconst ContextMenuTrigger: FC<ContextMenuTriggerProps> = memo(({\r\n    children,\r\n    tabIndex = 0,\r\n    onPointerDown,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const context = useContextMenuContext()\r\n\r\n    const handlePointerDown: NonNullable<ContextMenuTriggerProps['onPointerDown']> = (event) => {\r\n        context.setInputModality('pointer')\r\n        onPointerDown?.(event)\r\n    }\r\n\r\n    const handleKeyDown: NonNullable<ContextMenuTriggerProps['onKeyDown']> = (event) => {\r\n        if (event.key === 'F10' || event.key === 'ContextMenu') {\r\n            context.setInputModality('keyboard')\r\n        }\r\n        onKeyDown?.(event)\r\n    }\r\n\r\n    return (\r\n        <BaseContextMenu.Trigger\r\n            {...props}\r\n            aria-haspopup={'menu'}\r\n            tabIndex={tabIndex}\r\n            onPointerDown={handlePointerDown}\r\n            onKeyDown={handleKeyDown}\r\n            render={children}\r\n        />\r\n    )\r\n})\r\n\r\nContextMenuTrigger.displayName = 'ContextMenu.Trigger'\r\n\r\nexport default ContextMenuTrigger\r\n"],"names":["ContextMenuTrigger","memo","children","tabIndex","onPointerDown","onKeyDown","props","context","useContextMenuContext","handlePointerDown","event","handleKeyDown","jsx","BaseContextMenu"],"mappings":"iKAMMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,SAAAC,EACA,SAAAC,EAAW,EACX,cAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAUC,EAAAA,sBAAA,EAEVC,EAA4EC,GAAU,CACxFH,EAAQ,iBAAiB,SAAS,EAClCH,IAAgBM,CAAK,CACzB,EAEMC,EAAoED,GAAU,EAC5EA,EAAM,MAAQ,OAASA,EAAM,MAAQ,gBACrCH,EAAQ,iBAAiB,UAAU,EAEvCF,IAAYK,CAAK,CACrB,EAEA,OACIE,EAAAA,IAACC,EAAAA,YAAgB,QAAhB,CACI,GAAGP,EACJ,gBAAe,OACf,SAAAH,EACA,cAAeM,EACf,UAAWE,EACX,OAAQT,CAAA,CAAA,CAGpB,CAAC,EAEDF,EAAmB,YAAc"}

package/dist/components/overlay/context-menu/components/trigger/ContextMenuTrigger.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ContextMenuTriggerProps } from './types/ContextMenuTrigger.props.ts';
+declare const ContextMenuTrigger: FC<ContextMenuTriggerProps>;
+export default ContextMenuTrigger;

package/dist/components/overlay/context-menu/components/trigger/ContextMenuTrigger.js

@@ -0,0 +1,33 @@
+import { jsx as u } from "react/jsx-runtime";
+import { ContextMenu as s } from "@base-ui/react/context-menu";
+import { memo as x } from "react";
+import { useContextMenuContext as d } from "../../context/ContextMenu.context.js";
+const y = x(({
+  children: t,
+  tabIndex: n = 0,
+  onPointerDown: r,
+  onKeyDown: i,
+  ...a
+}) => {
+  const e = d(), m = (o) => {
+    e.setInputModality("pointer"), r?.(o);
+  }, p = (o) => {
+    (o.key === "F10" || o.key === "ContextMenu") && e.setInputModality("keyboard"), i?.(o);
+  };
+  return /* @__PURE__ */ u(
+    s.Trigger,
+    {
+      ...a,
+      "aria-haspopup": "menu",
+      tabIndex: n,
+      onPointerDown: m,
+      onKeyDown: p,
+      render: t
+    }
+  );
+});
+y.displayName = "ContextMenu.Trigger";
+export {
+  y as default
+};
+//# sourceMappingURL=ContextMenuTrigger.js.map

package/dist/components/overlay/context-menu/components/trigger/ContextMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.js","sources":["../../../../../../src/components/overlay/context-menu/components/trigger/ContextMenuTrigger.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { useContextMenuContext } from '@components/overlay/context-menu/context/ContextMenu.context.ts'\r\nimport type { ContextMenuTriggerProps } from '@components/overlay/context-menu/components/trigger/types/ContextMenuTrigger.props.ts'\r\n\r\nconst ContextMenuTrigger: FC<ContextMenuTriggerProps> = memo(({\r\n    children,\r\n    tabIndex = 0,\r\n    onPointerDown,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const context = useContextMenuContext()\r\n\r\n    const handlePointerDown: NonNullable<ContextMenuTriggerProps['onPointerDown']> = (event) => {\r\n        context.setInputModality('pointer')\r\n        onPointerDown?.(event)\r\n    }\r\n\r\n    const handleKeyDown: NonNullable<ContextMenuTriggerProps['onKeyDown']> = (event) => {\r\n        if (event.key === 'F10' || event.key === 'ContextMenu') {\r\n            context.setInputModality('keyboard')\r\n        }\r\n        onKeyDown?.(event)\r\n    }\r\n\r\n    return (\r\n        <BaseContextMenu.Trigger\r\n            {...props}\r\n            aria-haspopup={'menu'}\r\n            tabIndex={tabIndex}\r\n            onPointerDown={handlePointerDown}\r\n            onKeyDown={handleKeyDown}\r\n            render={children}\r\n        />\r\n    )\r\n})\r\n\r\nContextMenuTrigger.displayName = 'ContextMenu.Trigger'\r\n\r\nexport default ContextMenuTrigger\r\n"],"names":["ContextMenuTrigger","memo","children","tabIndex","onPointerDown","onKeyDown","props","context","useContextMenuContext","handlePointerDown","event","handleKeyDown","jsx","BaseContextMenu"],"mappings":";;;;AAMA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAUC,EAAA,GAEVC,IAA2E,CAACC,MAAU;AACxF,IAAAH,EAAQ,iBAAiB,SAAS,GAClCH,IAAgBM,CAAK;AAAA,EACzB,GAEMC,IAAmE,CAACD,MAAU;AAChF,KAAIA,EAAM,QAAQ,SAASA,EAAM,QAAQ,kBACrCH,EAAQ,iBAAiB,UAAU,GAEvCF,IAAYK,CAAK;AAAA,EACrB;AAEA,SACI,gBAAAE;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACI,GAAGP;AAAA,MACJ,iBAAe;AAAA,MACf,UAAAH;AAAA,MACA,eAAeM;AAAA,MACf,WAAWE;AAAA,MACX,QAAQT;AAAA,IAAA;AAAA,EAAA;AAGpB,CAAC;AAEDF,EAAmB,cAAc;"}

package/dist/components/overlay/context-menu/components/trigger/types/ContextMenuTrigger.props.d.ts

@@ -0,0 +1,5 @@
+import { ContextMenu } from '@base-ui/react/context-menu';
+import { ReactElement } from 'react';
+export type ContextMenuTriggerProps = Omit<ContextMenu.Trigger.Props, 'aria-haspopup' | 'render' | 'children'> & {
+    children: ReactElement;
+};

package/dist/components/overlay/context-menu/context/ContextMenu.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=e.createContext(null),o=()=>{const t=e.useContext(n);if(!t)throw new Error("ContextMenu compound components must be rendered within ContextMenu.");return t};exports.ContextMenuContext=n;exports.useContextMenuContext=o;
+//# sourceMappingURL=ContextMenu.context.cjs.map

package/dist/components/overlay/context-menu/context/ContextMenu.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.context.cjs","sources":["../../../../../src/components/overlay/context-menu/context/ContextMenu.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\nexport type ContextMenuInputModality = 'keyboard' | 'pointer'\r\n\r\ntype ContextMenuContextValue = {\r\n    inputModality: ContextMenuInputModality\r\n    setInputModality: (modality: ContextMenuInputModality) => void\r\n}\r\n\r\nexport const ContextMenuContext = createContext<ContextMenuContextValue | null>(null)\r\n\r\nexport const useContextMenuContext = () => {\r\n    const context = useContext(ContextMenuContext)\r\n\r\n    if (!context) {\r\n        throw new Error('ContextMenu compound components must be rendered within ContextMenu.')\r\n    }\r\n\r\n    return context\r\n}\r\n"],"names":["ContextMenuContext","createContext","useContextMenuContext","context","useContext"],"mappings":"yGASaA,EAAqBC,EAAAA,cAA8C,IAAI,EAEvEC,EAAwB,IAAM,CACvC,MAAMC,EAAUC,EAAAA,WAAWJ,CAAkB,EAE7C,GAAI,CAACG,EACD,MAAM,IAAI,MAAM,sEAAsE,EAG1F,OAAOA,CACX"}

package/dist/components/overlay/context-menu/context/ContextMenu.context.d.ts

@@ -0,0 +1,9 @@
+import { Context } from 'react';
+export type ContextMenuInputModality = 'keyboard' | 'pointer';
+type ContextMenuContextValue = {
+    inputModality: ContextMenuInputModality;
+    setInputModality: (modality: ContextMenuInputModality) => void;
+};
+export declare const ContextMenuContext: Context<ContextMenuContextValue | null>;
+export declare const useContextMenuContext: () => ContextMenuContextValue;
+export {};

package/dist/components/overlay/context-menu/context/ContextMenu.context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(null), u = () => {
+  const t = n(o);
+  if (!t)
+    throw new Error("ContextMenu compound components must be rendered within ContextMenu.");
+  return t;
+};
+export {
+  o as ContextMenuContext,
+  u as useContextMenuContext
+};
+//# sourceMappingURL=ContextMenu.context.js.map

package/dist/components/overlay/context-menu/context/ContextMenu.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.context.js","sources":["../../../../../src/components/overlay/context-menu/context/ContextMenu.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\n\r\nexport type ContextMenuInputModality = 'keyboard' | 'pointer'\r\n\r\ntype ContextMenuContextValue = {\r\n    inputModality: ContextMenuInputModality\r\n    setInputModality: (modality: ContextMenuInputModality) => void\r\n}\r\n\r\nexport const ContextMenuContext = createContext<ContextMenuContextValue | null>(null)\r\n\r\nexport const useContextMenuContext = () => {\r\n    const context = useContext(ContextMenuContext)\r\n\r\n    if (!context) {\r\n        throw new Error('ContextMenu compound components must be rendered within ContextMenu.')\r\n    }\r\n\r\n    return context\r\n}\r\n"],"names":["ContextMenuContext","createContext","useContextMenuContext","context","useContext"],"mappings":";AASO,MAAMA,IAAqBC,EAA8C,IAAI,GAEvEC,IAAwB,MAAM;AACvC,QAAMC,IAAUC,EAAWJ,CAAkB;AAE7C,MAAI,CAACG;AACD,UAAM,IAAI,MAAM,sEAAsE;AAG1F,SAAOA;AACX;"}

package/dist/components/overlay/context-menu/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ContextMenu } from './ContextMenu.tsx';
+export type { ContextMenuProps } from './types/ContextMenu.props.ts';
+export type { ContextMenuContentProps } from './components/content/types/ContextMenuContent.props.ts';
+export type { ContextMenuTriggerProps } from './components/trigger/types/ContextMenuTrigger.props.ts';

package/dist/components/overlay/context-menu/types/ContextMenu.props.d.ts

@@ -0,0 +1,2 @@
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+export type ContextMenuProps = BaseContextMenu.Root.Props;

package/dist/components/overlay/context-menu/types/ContextMenuCompound.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { default as ContextMenuContent } from '../components/content/ContextMenuContent.tsx';
+import { default as ContextMenuTrigger } from '../components/trigger/ContextMenuTrigger.tsx';
+import { ContextMenuProps } from './ContextMenu.props.ts';
+import { default as DropdownMenuCheckboxItem } from '../../dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx';
+import { default as DropdownMenuItem } from '../../dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx';
+import { default as DropdownMenuRadioItem } from '../../dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx';
+import { default as DropdownMenuGroup } from '../../dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx';
+import { default as DropdownMenuRadioGroup } from '../../dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx';
+import { default as DropdownMenuLabel } from '../../dropdown-menu/components/label/DropdownMenuLabel.tsx';
+import { default as DropdownMenuSeparator } from '../../dropdown-menu/components/separator/DropdownMenuSeparator.tsx';
+import { default as DropdownMenuShortcut } from '../../dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx';
+import { default as DropdownMenuSub } from '../../dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.tsx';
+import { default as DropdownMenuSubContent } from '../../dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx';
+import { default as DropdownMenuSubTrigger } from '../../dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx';
+export type ContextMenuCompound = FC<ContextMenuProps> & {
+    Trigger: typeof ContextMenuTrigger;
+    Content: typeof ContextMenuContent;
+    Group: typeof DropdownMenuGroup;
+    RadioGroup: typeof DropdownMenuRadioGroup;
+    Item: typeof DropdownMenuItem;
+    CheckboxItem: typeof DropdownMenuCheckboxItem;
+    RadioItem: typeof DropdownMenuRadioItem;
+    Label: typeof DropdownMenuLabel;
+    Separator: typeof DropdownMenuSeparator;
+    Shortcut: typeof DropdownMenuShortcut;
+    Sub: typeof DropdownMenuSub;
+    SubTrigger: typeof DropdownMenuSubTrigger;
+    SubContent: typeof DropdownMenuSubContent;
+};

package/dist/components/overlay/dialog/components/dialog-close/DialogClose.cjs

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

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("@base-ui/react/dialog"),g=require("react"),o=require("../../styles/Dialog.css.cjs"),m=require("../../../../../utils/cn.cjs"),i=g.memo(({className:l,size:t="md","aria-label":r,"aria-labelledby":s,defaultAriaLabel:c="Dialog",children:n,...D})=>{const u=r??(s?void 0:c);return e.jsxs(a.Dialog.Portal,{children:[e.jsx(a.Dialog.Backdrop,{className:o.DIALOG_STYLES.overlay}),e.jsx(a.Dialog.Popup,{className:m.cn(o.DIALOG_STYLES.content,o.DIALOG_STYLES.contentSize[t],l),"aria-label":u,"aria-labelledby":s,...D,children:n})]})});i.displayName="Dialog.Content";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/dialog"),d=require("react"),g=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),r=require("../../styles/Dialog.css.cjs"),m=require("../../../../../utils/cn.cjs"),i=d.memo(({className:s,size:t="md","aria-label":l,"aria-labelledby":a,defaultAriaLabel:n="Dialog",children:c,...u})=>{const D=l??(a?void 0:n);return e.jsxs(o.Dialog.Portal,{children:[e.jsx(g,{}),e.jsx(o.Dialog.Popup,{className:m.cn(r.DIALOG_STYLES.content,r.DIALOG_STYLES.contentSize[t],s),"aria-label":D,"aria-labelledby":a,...u,children:c})]})});i.displayName="Dialog.Content";module.exports=i;
 //# sourceMappingURL=DialogContent.cjs.map

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DIALOG_STYLES } from '@components/overlay/dialog/styles/Dialog.css.ts'\r\nimport type { DialogContentProps } from '@components/overlay/dialog/components/dialog-content/types/DialogContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal panel rendered inside a portal.\r\n * Includes the backdrop overlay and the content container.\r\n */\r\nconst DialogContent: FC<DialogContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Dialog',\r\n    children,\r\n    ...props\r\n}) => {\r\n    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BaseDialog.Portal>\r\n            <BaseDialog.Backdrop className={DIALOG_STYLES.overlay} />\r\n            <BaseDialog.Popup\r\n                className={cn(DIALOG_STYLES.content, DIALOG_STYLES.contentSize[size], className)}\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    )\r\n})\r\n\r\nDialogContent.displayName = 'Dialog.Content'\r\n\r\nexport default DialogContent\r\n"],"names":["DialogContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","jsxs","BaseDialog","jsx","DIALOG_STYLES","cn"],"mappings":"0LAWMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,KAAAC,EAAO,KACP,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,SACnB,SAAAC,EACA,GAAGC,CACP,IAAM,CAIF,MAAMC,EAAiBL,IAAcC,EAAiB,OAAYC,GAElE,OACII,OAACC,EAAAA,OAAW,OAAX,CACG,SAAA,CAAAC,EAAAA,IAACD,EAAAA,OAAW,SAAX,CAAoB,UAAWE,EAAAA,cAAc,QAAS,EACvDD,EAAAA,IAACD,EAAAA,OAAW,MAAX,CACG,UAAWG,EAAAA,GAAGD,EAAAA,cAAc,QAASA,EAAAA,cAAc,YAAYV,CAAI,EAAGD,CAAS,EAC/E,aAAYO,EACZ,kBAAiBJ,EAChB,GAAGG,EAEH,SAAAD,CAAA,CAAA,CACL,EACJ,CAER,CAAC,EAEDP,EAAc,YAAc"}
+{"version":3,"file":"DialogContent.cjs","sources":["../../../../../../src/components/overlay/dialog/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OverlayBackdrop } from '@components/overlay/_shared/components/overlay-backdrop'\r\nimport { DIALOG_STYLES } from '@components/overlay/dialog/styles/Dialog.css.ts'\r\nimport type { DialogContentProps } from '@components/overlay/dialog/components/dialog-content/types/DialogContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal panel rendered inside a portal.\r\n * Includes the backdrop overlay and the content container.\r\n */\r\nconst DialogContent: FC<DialogContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Dialog',\r\n    children,\r\n    ...props\r\n}) => {\r\n    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BaseDialog.Portal>\r\n            <OverlayBackdrop />\r\n            <BaseDialog.Popup\r\n                className={cn(DIALOG_STYLES.content, DIALOG_STYLES.contentSize[size], className)}\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    )\r\n})\r\n\r\nDialogContent.displayName = 'Dialog.Content'\r\n\r\nexport default DialogContent\r\n"],"names":["DialogContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","jsxs","BaseDialog","jsx","OverlayBackdrop","cn","DIALOG_STYLES"],"mappings":"wQAYMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,KAAAC,EAAO,KACP,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,SACnB,SAAAC,EACA,GAAGC,CACP,IAAM,CAIF,MAAMC,EAAiBL,IAAcC,EAAiB,OAAYC,GAElE,OACII,OAACC,EAAAA,OAAW,OAAX,CACG,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAgB,EACjBD,EAAAA,IAACD,EAAAA,OAAW,MAAX,CACG,UAAWG,EAAAA,GAAGC,EAAAA,cAAc,QAASA,EAAAA,cAAc,YAAYZ,CAAI,EAAGD,CAAS,EAC/E,aAAYO,EACZ,kBAAiBJ,EAChB,GAAGG,EAEH,SAAAD,CAAA,CAAA,CACL,EACJ,CAER,CAAC,EAEDP,EAAc,YAAc"}

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.js

@@ -1,34 +1,35 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { Dialog as o } from "@base-ui/react/dialog";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { Dialog as r } from "@base-ui/react/dialog";
 import { memo as d } from "react";
-import { DIALOG_STYLES as a } from "../../styles/Dialog.css.js";
+import f from "../../../_shared/components/overlay-backdrop/OverlayBackdrop.js";
+import { DIALOG_STYLES as e } from "../../styles/Dialog.css.js";
 import { cn as b } from "../../../../../utils/cn.js";
-const f = d(({
-  className: r,
-  size: t = "md",
+const D = d(({
+  className: t,
+  size: l = "md",
   "aria-label": i,
-  "aria-labelledby": e,
+  "aria-labelledby": o,
   defaultAriaLabel: m = "Dialog",
   children: n,
-  ...s
+  ...p
 }) => {
-  const c = i ?? (e ? void 0 : m);
-  return /* @__PURE__ */ p(o.Portal, { children: [
-    /* @__PURE__ */ l(o.Backdrop, { className: a.overlay }),
-    /* @__PURE__ */ l(
-      o.Popup,
+  const s = i ?? (o ? void 0 : m);
+  return /* @__PURE__ */ c(r.Portal, { children: [
+    /* @__PURE__ */ a(f, {}),
+    /* @__PURE__ */ a(
+      r.Popup,
       {
-        className: b(a.content, a.contentSize[t], r),
-        "aria-label": c,
-        "aria-labelledby": e,
-        ...s,
+        className: b(e.content, e.contentSize[l], t),
+        "aria-label": s,
+        "aria-labelledby": o,
+        ...p,
         children: n
       }
     )
   ] });
 });
-f.displayName = "Dialog.Content";
+D.displayName = "Dialog.Content";
 export {
-  f as default
+  D as default
 };
 //# sourceMappingURL=DialogContent.js.map

package/dist/components/overlay/dialog/components/dialog-content/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { DIALOG_STYLES } from '@components/overlay/dialog/styles/Dialog.css.ts'\r\nimport type { DialogContentProps } from '@components/overlay/dialog/components/dialog-content/types/DialogContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal panel rendered inside a portal.\r\n * Includes the backdrop overlay and the content container.\r\n */\r\nconst DialogContent: FC<DialogContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Dialog',\r\n    children,\r\n    ...props\r\n}) => {\r\n    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BaseDialog.Portal>\r\n            <BaseDialog.Backdrop className={DIALOG_STYLES.overlay} />\r\n            <BaseDialog.Popup\r\n                className={cn(DIALOG_STYLES.content, DIALOG_STYLES.contentSize[size], className)}\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    )\r\n})\r\n\r\nDialogContent.displayName = 'Dialog.Content'\r\n\r\nexport default DialogContent\r\n"],"names":["DialogContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","jsxs","BaseDialog","jsx","DIALOG_STYLES","cn"],"mappings":";;;;;AAWA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AAIF,QAAMC,IAAiBL,MAAcC,IAAiB,SAAYC;AAElE,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,UAAX,EAAoB,WAAWE,EAAc,SAAS;AAAA,IACvD,gBAAAD;AAAA,MAACD,EAAW;AAAA,MAAX;AAAA,QACG,WAAWG,EAAGD,EAAc,SAASA,EAAc,YAAYV,CAAI,GAAGD,CAAS;AAAA,QAC/E,cAAYO;AAAA,QACZ,mBAAiBJ;AAAA,QAChB,GAAGG;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER,CAAC;AAEDP,EAAc,cAAc;"}
+{"version":3,"file":"DialogContent.js","sources":["../../../../../../src/components/overlay/dialog/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OverlayBackdrop } from '@components/overlay/_shared/components/overlay-backdrop'\r\nimport { DIALOG_STYLES } from '@components/overlay/dialog/styles/Dialog.css.ts'\r\nimport type { DialogContentProps } from '@components/overlay/dialog/components/dialog-content/types/DialogContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal panel rendered inside a portal.\r\n * Includes the backdrop overlay and the content container.\r\n */\r\nconst DialogContent: FC<DialogContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Dialog',\r\n    children,\r\n    ...props\r\n}) => {\r\n    // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n    // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n    // back to defaultAriaLabel so it can be localized.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    return (\r\n        <BaseDialog.Portal>\r\n            <OverlayBackdrop />\r\n            <BaseDialog.Popup\r\n                className={cn(DIALOG_STYLES.content, DIALOG_STYLES.contentSize[size], className)}\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    )\r\n})\r\n\r\nDialogContent.displayName = 'Dialog.Content'\r\n\r\nexport default DialogContent\r\n"],"names":["DialogContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","jsxs","BaseDialog","jsx","OverlayBackdrop","cn","DIALOG_STYLES"],"mappings":";;;;;;AAYA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AAIF,QAAMC,IAAiBL,MAAcC,IAAiB,SAAYC;AAElE,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAgB;AAAA,IACjB,gBAAAD;AAAA,MAACD,EAAW;AAAA,MAAX;AAAA,QACG,WAAWG,EAAGC,EAAc,SAASA,EAAc,YAAYZ,CAAI,GAAGD,CAAS;AAAA,QAC/E,cAAYO;AAAA,QACZ,mBAAiBJ;AAAA,QAChB,GAAGG;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER,CAAC;AAEDP,EAAc,cAAc;"}

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

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

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

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

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

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

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

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

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

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

package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),I=require("react"),w=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const A=require("../_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),b=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),h=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css                                                    */;/* empty css                                                                                                */;/* empty css                                                                                            */;/* empty css                                                                                                */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css                                                                                                  */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle-button/ToggleButton.cjs");require("../../../../../actions/toggle-button/styles/ToggleButton.css.cjs");require("../../../../../actions/toggle-icon-button/ToggleIconButton.cjs");require("../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.cjs");require("../../../../../actions/toggle-button-group/ToggleButtonGroup.cjs");require("../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                          */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                                    */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css                                                                         */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css                                                                     */;/* empty css                                                                                                    */;/* empty css                                                                     */;/* empty css                                                                          */;/* empty css                                                                                                         */;/* empty css                                                                                                       */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css                                                                 */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css                                                                      */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css                                                                                           */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css                                                                                              */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                          */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css                                                                                        */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                                  */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css                                                             */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css                                                        */;/* empty css                                                                                                  */;/* empty css                                                                                                           */;/* empty css                                                                                                           */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css                                                                                                     */;/* empty css                                                                                                              */;/* empty css                                                                                                              */;/* empty css                                                                      */;/* empty css                                                                   */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css                                                          */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css                                                                  */require("../../../../../layout/legend/Legend.cjs");;/* empty css                                                              */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css                                                                      */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css                                                                                                          */;/* empty css                                                                                                          */require("../../../../../surfaces/card/Card.cjs");;/* empty css                                                            */;/* empty css                                                                                         */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css                                                                          */;/* empty css                                                                                                                */;/* empty css                                                                                                            */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css                                                                                             */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css                                                              */const l=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                      */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css                                                                                */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css                                                    */;/* empty css                                                                                   */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");require("../../../../../feedback/callout/components/callout-icon/CalloutIcon.cjs");;/* empty css                                                                                              */require("../../../../../feedback/callout/components/callout-title/CalloutTitle.cjs");require("../../../../../feedback/callout/components/callout-description/CalloutDescription.cjs");require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");require("../../../../../feedback/toast/components/toast-icon/ToastIcon.cjs");;/* empty css                                                                                        */require("../../../../../feedback/toast/components/toast-title/ToastTitle.cjs");require("../../../../../feedback/toast/components/toast-description/ToastDescription.cjs");require("../../../../../feedback/toast/components/toast-actions/ToastActions.cjs");require("../../../../../feedback/toast/components/toast-close/ToastClose.cjs");require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const q=I.memo(({label:e,startIcon:t,trailing:s,variant:n="default",color:o="primary",iconSize:i,disabled:c,className:a,style:m,ref:d,...p})=>{const{open:u,itemAttributes:D}=A.useDrawerItemAttributes(i);return r.jsx(l,{position:"right",content:e,disabled:u,children:r.jsx("button",{ref:d,type:"button",disabled:c,"aria-label":u?void 0:e,className:h.cn(w.DRAWER_ITEM_STYLES.recipe({variant:n,color:o}),a),style:m,...D,...p,children:r.jsx(b,{label:e,startIcon:t,trailing:s,iconSize:i})})})});q.displayName="Drawer.ActionItem";module.exports=q;
+"use strict";const r=require("react/jsx-runtime"),I=require("react"),w=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const A=require("../_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),b=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),h=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                    */;/* empty css                                                                                          */require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css                                                                                                */;/* empty css                                                                                            */;/* empty css                                                                                                */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css                                                                                                  */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle/Toggle.cjs");require("../../../../../actions/toggle/styles/Toggle.css.cjs");require("../../../../../actions/toggle-group/ToggleGroup.cjs");require("../../../../../actions/toggle-group/styles/ToggleGroup.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                          */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                                    */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css                                                                         */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css                                                                     */;/* empty css                                                                                                    */;/* empty css                                                                     */;/* empty css                                                                          */;/* empty css                                                                                                         */;/* empty css                                                                                                       */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css                                                                 */require("../../../../../forms/checkbox-group/CheckboxGroup.cjs");require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css                                                                      */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css                                                                                           */require("../../../../../forms/rich-text-editor/RichTextEditor.cjs");require("../../../../../forms/rich-text-editor/RichTextEditorField.cjs");;/* empty css                                                                               */require("../../../../../forms/rich-text-editor/constants/richTextColorPalettes.const.cjs");require("../../../../../forms/rich-text-editor/constants/richTextFontSizes.const.cjs");require("../../../../../forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                                        */;/* empty css                                                                                                                      */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css                                                                                              */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                          */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css                                                                                        */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                                  */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css                                                             */require("../../../../../forms/slider/Slider.cjs");;/* empty css                                                             */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css                                                                                                  */;/* empty css                                                                                                           */;/* empty css                                                                                                           */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css                                                                                                     */;/* empty css                                                                                                              */;/* empty css                                                                                                              */require("../../../../../forms/number-field/NumberField.cjs");;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                   */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/inset/Inset.cjs");require("../../../../../layout/inset/styles/Inset.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css                                                          */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css                                                                  */require("../../../../../layout/legend/Legend.cjs");;/* empty css                                                              */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css                                                                      */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css                                                                                                          */;/* empty css                                                                                                          */require("../../../../../surfaces/card/Card.cjs");;/* empty css                                                            */;/* empty css                                                                                         */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css                                                                          */;/* empty css                                                                                                                */;/* empty css                                                                                                            */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css                                                                                             */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");require("../../../../../navigation/link/styles/Link.css.cjs");require("../../../../../navigation/pagination/Pagination.cjs");;/* empty css                                                                          */require("../../../../../navigation/breadcrumbs/Breadcrumbs.cjs");;/* empty css                                                                            */require("../../../../../navigation/stepper/Stepper.cjs");;/* empty css                                                                    */require("../../../../../navigation/step-indicator/StepIndicator.cjs");;/* empty css                                                                                 */const l=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                      */require("../../../../dropdown-menu/index.cjs");require("../../../../context-menu/ContextMenu.cjs");require("../../../../popover/Popover.cjs");;/* empty css                                                                                */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css                                                              */;/* empty css                                                    */;/* empty css                                                                                   */require("../../../../alert-dialog/AlertDialog.cjs");require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../panel/Panel.cjs");;/* empty css                                                  */require("../../../../command/Command.cjs");;/* empty css                                                      */;/* empty css                                                                                  */require("../../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");;/* empty css                                                                                              */require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/ToastProvider.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                        */require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");require("../../../../../feedback/empty-state/EmptyState.cjs");;/* empty css                                                                         */require("../../../../../feedback/spinner/Spinner.cjs");require("../../../../../feedback/spinner/styles/Spinner.css.cjs");require("../../../../../feedback/spinner/constants/spinnerColors.const.cjs");const q=I.memo(({label:e,startIcon:t,trailing:s,variant:n="default",color:o="primary",iconSize:i,disabled:c,className:a,style:m,ref:d,...p})=>{const{open:u,itemAttributes:D}=A.useDrawerItemAttributes(i);return r.jsx(l,{position:"right",content:e,disabled:u,children:r.jsx("button",{ref:d,type:"button",disabled:c,"aria-label":u?void 0:e,className:h.cn(w.DRAWER_ITEM_STYLES.recipe({variant:n,color:o}),a),style:m,...D,...p,children:r.jsx(b,{label:e,startIcon:t,trailing:s,iconSize:i})})})});q.displayName="Drawer.ActionItem";module.exports=q;
 //# sourceMappingURL=DrawerActionItem.cjs.map

package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerActionItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n    DRAWER_ITEM_STYLES,\r\n    DrawerItemContent,\r\n    useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n    label,\r\n    startIcon,\r\n    trailing,\r\n    variant = 'default',\r\n    color = 'primary',\r\n    iconSize,\r\n    disabled,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n    return (\r\n        <Tooltip\r\n            position={'right'}\r\n            content={label}\r\n            disabled={open}\r\n        >\r\n            <button\r\n                ref={ref}\r\n                type={'button'}\r\n                disabled={disabled}\r\n                aria-label={open ? undefined : label}\r\n                className={cn(\r\n                    DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n                    className,\r\n                )}\r\n                style={style}\r\n                {...itemAttributes}\r\n                {...props}\r\n            >\r\n                <DrawerItemContent\r\n                    label={label}\r\n                    startIcon={startIcon}\r\n                    trailing={trailing}\r\n                    iconSize={iconSize}\r\n                />\r\n            </button>\r\n        </Tooltip>\r\n\r\n    )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"ozdAgBA,MAAMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,GAAmBC,EAAAA,wBAAwBR,CAAQ,EAEjE,OACIS,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAASf,EACT,SAAUW,EAEV,SAAAG,EAAAA,IAAC,SAAA,CACG,IAAAL,EACA,KAAM,SACN,SAAAH,EACA,aAAYK,EAAO,OAAYX,EAC/B,UAAWgB,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAAd,EAAS,MAAAC,EAAO,EAC5CG,CAAA,EAEJ,MAAAC,EACC,GAAGI,EACH,GAAGF,EAEJ,SAAAI,EAAAA,IAACI,EAAA,CACG,MAAAlB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAG,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAIZ,CAAC,EAEDP,EAAiB,YAAc"}
+{"version":3,"file":"DrawerActionItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n    DRAWER_ITEM_STYLES,\r\n    DrawerItemContent,\r\n    useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n    label,\r\n    startIcon,\r\n    trailing,\r\n    variant = 'default',\r\n    color = 'primary',\r\n    iconSize,\r\n    disabled,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n    return (\r\n        <Tooltip\r\n            position={'right'}\r\n            content={label}\r\n            disabled={open}\r\n        >\r\n            <button\r\n                ref={ref}\r\n                type={'button'}\r\n                disabled={disabled}\r\n                aria-label={open ? undefined : label}\r\n                className={cn(\r\n                    DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n                    className,\r\n                )}\r\n                style={style}\r\n                {...itemAttributes}\r\n                {...props}\r\n            >\r\n                <DrawerItemContent\r\n                    label={label}\r\n                    startIcon={startIcon}\r\n                    trailing={trailing}\r\n                    iconSize={iconSize}\r\n                />\r\n            </button>\r\n        </Tooltip>\r\n\r\n    )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"w+gBAgBA,MAAMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,GAAmBC,EAAAA,wBAAwBR,CAAQ,EAEjE,OACIS,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAASf,EACT,SAAUW,EAEV,SAAAG,EAAAA,IAAC,SAAA,CACG,IAAAL,EACA,KAAM,SACN,SAAAH,EACA,aAAYK,EAAO,OAAYX,EAC/B,UAAWgB,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAAd,EAAS,MAAAC,EAAO,EAC5CG,CAAA,EAEJ,MAAAC,EACC,GAAGI,EACH,GAAGF,EAEJ,SAAAI,EAAAA,IAACI,EAAA,CACG,MAAAlB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAG,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAIZ,CAAC,EAEDP,EAAiB,YAAc"}