@choco-vanille/ui 1.2.0 → 1.3.0

package/dist/components/overlay/command/components/command-item/types/CommandItem.props.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Props for `Command.Item`.
+ *
+ * `role` and `aria-selected` are managed internally and must not be overridden.
+ */
+export type CommandItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'role' | 'aria-selected' | 'onSelect'> & {
+    /**
+     * Called when the item is activated by pointer click or Enter key.
+     */
+    onSelect?: () => void;
+    /**
+     * Additional keywords to match against the search query.
+     * When omitted, the item's text content (`children`) is used for filtering.
+     */
+    keywords?: string[];
+    /**
+     * Prevents the item from being selected.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Iconify icon identifier rendered at the leading edge.
+     */
+    icon?: string;
+    /**
+     * Keyboard shortcut hint rendered at the trailing edge.
+     * Purely decorative — not a functional key binding.
+     */
+    shortcut?: string;
+};

package/dist/components/overlay/command/components/command-list/CommandList.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),m=require("react"),c=require("../../context/Command.context.cjs"),d=require("./styles/CommandList.css.cjs"),l=require("../../../../../utils/cn.cjs"),e=m.memo(({className:s,"aria-label":t="Commands",children:o,...r})=>{const{listId:n,listRef:i}=c.useCommandContext();return a.jsx("div",{ref:i,id:n,role:"listbox","aria-label":t,className:l.cn(d.COMMAND_LIST_STYLES.root,s),...r,children:o})});e.displayName="Command.List";module.exports=e;
+//# sourceMappingURL=CommandList.cjs.map

package/dist/components/overlay/command/components/command-list/CommandList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandList.cjs","sources":["../../../../../../src/components/overlay/command/components/command-list/CommandList.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_LIST_STYLES } from '@components/overlay/command/components/command-list/styles/CommandList.css.ts'\r\nimport type { CommandListProps } from '@components/overlay/command/components/command-list/types/CommandList.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The scrollable results container inside `Command.Content`.\r\n *\r\n * Renders as `role=\"listbox\"` and is referenced by `Command.Input` via\r\n * `aria-controls`. Attach `Command.Group`, `Command.Item`, `Command.Empty` and\r\n * `Command.Separator` as direct or nested children.\r\n */\r\nconst CommandList: FC<CommandListProps> = memo(({\r\n    className,\r\n    'aria-label': ariaLabel = 'Commands',\r\n    children,\r\n    ...props\r\n}) => {\r\n    const { listId, listRef } = useCommandContext()\r\n\r\n    return (\r\n        <div\r\n            ref={listRef}\r\n            id={listId}\r\n            role={'listbox'}\r\n            aria-label={ariaLabel}\r\n            className={cn(COMMAND_LIST_STYLES.root, className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandList.displayName = 'Command.List'\r\n\r\nexport default CommandList\r\n"],"names":["CommandList","memo","className","ariaLabel","children","props","listId","listRef","useCommandContext","jsx","cn","COMMAND_LIST_STYLES"],"mappings":"uMAcMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,UAAAC,EACA,aAAcC,EAAY,WAC1B,SAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,OAAAC,EAAQ,QAAAC,CAAA,EAAYC,oBAAA,EAE5B,OACIC,EAAAA,IAAC,MAAA,CACG,IAAKF,EACL,GAAID,EACJ,KAAM,UACN,aAAYH,EACZ,UAAWO,EAAAA,GAAGC,sBAAoB,KAAMT,CAAS,EAChD,GAAGG,EAEH,SAAAD,CAAA,CAAA,CAGb,CAAC,EAEDJ,EAAY,YAAc"}

package/dist/components/overlay/command/components/command-list/CommandList.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { CommandListProps } from './types/CommandList.props.ts';
+/**
+ * The scrollable results container inside `Command.Content`.
+ *
+ * Renders as `role="listbox"` and is referenced by `Command.Input` via
+ * `aria-controls`. Attach `Command.Group`, `Command.Item`, `Command.Empty` and
+ * `Command.Separator` as direct or nested children.
+ */
+declare const CommandList: FC<CommandListProps>;
+export default CommandList;

package/dist/components/overlay/command/components/command-list/CommandList.js

@@ -0,0 +1,30 @@
+import { jsx as s } from "react/jsx-runtime";
+import { memo as e } from "react";
+import { useCommandContext as l } from "../../context/Command.context.js";
+import { COMMAND_LIST_STYLES as d } from "./styles/CommandList.css.js";
+import { cn as n } from "../../../../../utils/cn.js";
+const f = e(({
+  className: o,
+  "aria-label": m = "Commands",
+  children: r,
+  ...t
+}) => {
+  const { listId: a, listRef: i } = l();
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: i,
+      id: a,
+      role: "listbox",
+      "aria-label": m,
+      className: n(d.root, o),
+      ...t,
+      children: r
+    }
+  );
+});
+f.displayName = "Command.List";
+export {
+  f as default
+};
+//# sourceMappingURL=CommandList.js.map

package/dist/components/overlay/command/components/command-list/CommandList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandList.js","sources":["../../../../../../src/components/overlay/command/components/command-list/CommandList.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_LIST_STYLES } from '@components/overlay/command/components/command-list/styles/CommandList.css.ts'\r\nimport type { CommandListProps } from '@components/overlay/command/components/command-list/types/CommandList.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The scrollable results container inside `Command.Content`.\r\n *\r\n * Renders as `role=\"listbox\"` and is referenced by `Command.Input` via\r\n * `aria-controls`. Attach `Command.Group`, `Command.Item`, `Command.Empty` and\r\n * `Command.Separator` as direct or nested children.\r\n */\r\nconst CommandList: FC<CommandListProps> = memo(({\r\n    className,\r\n    'aria-label': ariaLabel = 'Commands',\r\n    children,\r\n    ...props\r\n}) => {\r\n    const { listId, listRef } = useCommandContext()\r\n\r\n    return (\r\n        <div\r\n            ref={listRef}\r\n            id={listId}\r\n            role={'listbox'}\r\n            aria-label={ariaLabel}\r\n            className={cn(COMMAND_LIST_STYLES.root, className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandList.displayName = 'Command.List'\r\n\r\nexport default CommandList\r\n"],"names":["CommandList","memo","className","ariaLabel","children","props","listId","listRef","useCommandContext","jsx","cn","COMMAND_LIST_STYLES"],"mappings":";;;;;AAcA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,WAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAE5B,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKF;AAAA,MACL,IAAID;AAAA,MACJ,MAAM;AAAA,MACN,cAAYH;AAAA,MACZ,WAAWO,EAAGC,EAAoB,MAAMT,CAAS;AAAA,MAChD,GAAGG;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDJ,EAAY,cAAc;"}

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.cjs

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

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.cjs.map

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

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.d.ts

@@ -0,0 +1,4 @@
+/** Styles for the `Command.List` results container. */
+export declare const COMMAND_LIST_STYLES: {
+    root: string;
+};

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                               */
+var t = { root: "_1iwogrb0" };
+export {
+  t as COMMAND_LIST_STYLES
+};
+//# sourceMappingURL=CommandList.css.js.map

package/dist/components/overlay/command/components/command-list/styles/CommandList.css.js.map

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

package/dist/components/overlay/command/components/command-list/types/CommandList.props.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Props for `Command.List`.
+ *
+ * The `id` and `role` are injected from `CommandContext` and must not be
+ * overridden — omit them from the public props to avoid confusion.
+ */
+export type CommandListProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'role' | 'id'> & {
+    /**
+     * Accessible label for the listbox.
+     * @default 'Commands'
+     */
+    'aria-label'?: string;
+};

package/dist/components/overlay/command/components/command-separator/CommandSeparator.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),s=require("@base-ui/react/separator"),t=require("react"),c=require("../../../../../utils/cn.cjs"),n=require("./styles/CommandSeparator.css.cjs"),r=t.memo(({className:e,...a})=>o.jsx(s.Separator,{className:c.cn(n.COMMAND_SEPARATOR_STYLES.root,e),...a}));r.displayName="Command.Separator";module.exports=r;
+//# sourceMappingURL=CommandSeparator.cjs.map

package/dist/components/overlay/command/components/command-separator/CommandSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandSeparator.cjs","sources":["../../../../../../src/components/overlay/command/components/command-separator/CommandSeparator.tsx"],"sourcesContent":["import { Separator as BaseSeparator } from '@base-ui/react/separator'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { COMMAND_SEPARATOR_STYLES } from '@components/overlay/command/components/command-separator/styles/CommandSeparator.css.ts'\r\nimport type { CommandSeparatorProps } from '@components/overlay/command/components/command-separator/types/CommandSeparator.props.ts'\r\n\r\n/**\r\n * A thin horizontal rule used to visually divide groups of commands.\r\n */\r\nconst CommandSeparator: FC<CommandSeparatorProps> = memo(({ className, ...props }) => (\r\n    <BaseSeparator\r\n        className={cn(COMMAND_SEPARATOR_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nCommandSeparator.displayName = 'Command.Separator'\r\n\r\nexport default CommandSeparator\r\n"],"names":["CommandSeparator","memo","className","props","jsx","BaseSeparator","cn","COMMAND_SEPARATOR_STYLES"],"mappings":"mMAUMA,EAA8CC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACtEC,EAAAA,IAACC,EAAAA,UAAA,CACG,UAAWC,EAAAA,GAAGC,2BAAyB,KAAML,CAAS,EACrD,GAAGC,CAAA,CACR,CACH,EAEDH,EAAiB,YAAc"}

package/dist/components/overlay/command/components/command-separator/CommandSeparator.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CommandSeparatorProps } from './types/CommandSeparator.props.ts';
+/**
+ * A thin horizontal rule used to visually divide groups of commands.
+ */
+declare const CommandSeparator: FC<CommandSeparatorProps>;
+export default CommandSeparator;

package/dist/components/overlay/command/components/command-separator/CommandSeparator.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Separator as a } from "@base-ui/react/separator";
+import { memo as t } from "react";
+import { cn as p } from "../../../../../utils/cn.js";
+import { COMMAND_SEPARATOR_STYLES as e } from "./styles/CommandSeparator.css.js";
+const f = t(({ className: o, ...m }) => /* @__PURE__ */ r(
+  a,
+  {
+    className: p(e.root, o),
+    ...m
+  }
+));
+f.displayName = "Command.Separator";
+export {
+  f as default
+};
+//# sourceMappingURL=CommandSeparator.js.map

package/dist/components/overlay/command/components/command-separator/CommandSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandSeparator.js","sources":["../../../../../../src/components/overlay/command/components/command-separator/CommandSeparator.tsx"],"sourcesContent":["import { Separator as BaseSeparator } from '@base-ui/react/separator'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { COMMAND_SEPARATOR_STYLES } from '@components/overlay/command/components/command-separator/styles/CommandSeparator.css.ts'\r\nimport type { CommandSeparatorProps } from '@components/overlay/command/components/command-separator/types/CommandSeparator.props.ts'\r\n\r\n/**\r\n * A thin horizontal rule used to visually divide groups of commands.\r\n */\r\nconst CommandSeparator: FC<CommandSeparatorProps> = memo(({ className, ...props }) => (\r\n    <BaseSeparator\r\n        className={cn(COMMAND_SEPARATOR_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nCommandSeparator.displayName = 'Command.Separator'\r\n\r\nexport default CommandSeparator\r\n"],"names":["CommandSeparator","memo","className","props","jsx","BaseSeparator","cn","COMMAND_SEPARATOR_STYLES"],"mappings":";;;;;AAUA,MAAMA,IAA8CC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACtE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACG,WAAWC,EAAGC,EAAyB,MAAML,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAiB,cAAc;"}

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.cjs

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

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.cjs.map

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

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.d.ts

@@ -0,0 +1,4 @@
+/** Styles for the `Command.Separator` divider. */
+export declare const COMMAND_SEPARATOR_STYLES: {
+    root: string;
+};

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                    */
+var t = { root: "_11hxlcq0" };
+export {
+  t as COMMAND_SEPARATOR_STYLES
+};
+//# sourceMappingURL=CommandSeparator.css.js.map

package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.js.map

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

package/dist/components/overlay/command/components/command-separator/types/CommandSeparator.props.d.ts

@@ -0,0 +1,3 @@
+import { Separator } from '@base-ui/react/separator';
+/** Props for `Command.Separator`. */
+export type CommandSeparatorProps = Separator.Props;

package/dist/components/overlay/command/components/command-trigger/CommandTrigger.cjs

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

package/dist/components/overlay/command/components/command-trigger/CommandTrigger.cjs.map

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

package/dist/components/overlay/command/components/command-trigger/CommandTrigger.d.ts

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

package/dist/components/overlay/command/components/command-trigger/CommandTrigger.js

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

package/dist/components/overlay/command/components/command-trigger/CommandTrigger.js.map

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

package/dist/components/overlay/command/components/command-trigger/types/CommandTrigger.props.d.ts

@@ -0,0 +1,12 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { ReactElement } from 'react';
+/**
+ * Props for `Command.Trigger`.
+ *
+ * Pass the element that opens the command palette as `children`;
+ * it is forwarded to Base UI's `render` prop internally.
+ */
+export type CommandTriggerProps = Omit<Dialog.Trigger.Props, 'render' | 'children'> & {
+    /** The element that activates the command palette — forwarded to Base UI's `render` prop. */
+    children: ReactElement;
+};

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

@@ -0,0 +1,8 @@
+export { default as CommandTrigger } from './command-trigger/CommandTrigger.tsx';
+export { default as CommandContent } from './command-content/CommandContent.tsx';
+export { default as CommandInput } from './command-input/CommandInput.tsx';
+export { default as CommandList } from './command-list/CommandList.tsx';
+export { default as CommandGroup } from './command-group/CommandGroup.tsx';
+export { default as CommandItem } from './command-item/CommandItem.tsx';
+export { default as CommandEmpty } from './command-empty/CommandEmpty.tsx';
+export { default as CommandSeparator } from './command-separator/CommandSeparator.tsx';

package/dist/components/overlay/command/context/Command.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("Command compound components must be rendered inside <Command.Content>.");return t};exports.CommandContext=n;exports.useCommandContext=o;
+//# sourceMappingURL=Command.context.cjs.map

package/dist/components/overlay/command/context/Command.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.context.cjs","sources":["../../../../../src/components/overlay/command/context/Command.context.ts"],"sourcesContent":["import { createContext, type Dispatch, type RefObject, type SetStateAction, useContext } from 'react'\r\n\r\n/** Internal state shared by all Command compound slots. */\r\nexport type CommandContextValue = {\r\n    /** Current search string entered in `Command.Input`. */\r\n    search: string\r\n    setSearch: Dispatch<SetStateAction<string>>\r\n    /** ID of the currently highlighted `Command.Item` (`aria-activedescendant`). */\r\n    activeId: string | undefined\r\n    setActiveId: Dispatch<SetStateAction<string | undefined>>\r\n    /** Stable ID for `Command.List` — referenced by `Command.Input` as `aria-controls`. */\r\n    listId: string\r\n    /** Ref attached to the `Command.List` DOM node for keyboard navigation DOM queries. */\r\n    listRef: RefObject<HTMLDivElement | null>\r\n}\r\n\r\nexport const CommandContext = createContext<CommandContextValue | null>(null)\r\n\r\n/** Consume the Command context. Throws when used outside `Command.Content`. */\r\nexport const useCommandContext = (): CommandContextValue => {\r\n    const ctx = useContext(CommandContext)\r\n    if (!ctx) {\r\n        throw new Error(\r\n            'Command compound components must be rendered inside <Command.Content>.',\r\n        )\r\n    }\r\n    return ctx\r\n}\r\n"],"names":["CommandContext","createContext","useCommandContext","ctx","useContext"],"mappings":"yGAgBaA,EAAiBC,EAAAA,cAA0C,IAAI,EAG/DC,EAAoB,IAA2B,CACxD,MAAMC,EAAMC,EAAAA,WAAWJ,CAAc,EACrC,GAAI,CAACG,EACD,MAAM,IAAI,MACN,wEAAA,EAGR,OAAOA,CACX"}

package/dist/components/overlay/command/context/Command.context.d.ts

@@ -0,0 +1,17 @@
+import { Dispatch, RefObject, SetStateAction, Context } from 'react';
+/** Internal state shared by all Command compound slots. */
+export type CommandContextValue = {
+    /** Current search string entered in `Command.Input`. */
+    search: string;
+    setSearch: Dispatch<SetStateAction<string>>;
+    /** ID of the currently highlighted `Command.Item` (`aria-activedescendant`). */
+    activeId: string | undefined;
+    setActiveId: Dispatch<SetStateAction<string | undefined>>;
+    /** Stable ID for `Command.List` — referenced by `Command.Input` as `aria-controls`. */
+    listId: string;
+    /** Ref attached to the `Command.List` DOM node for keyboard navigation DOM queries. */
+    listRef: RefObject<HTMLDivElement | null>;
+};
+export declare const CommandContext: Context<CommandContextValue | null>;
+/** Consume the Command context. Throws when used outside `Command.Content`. */
+export declare const useCommandContext: () => CommandContextValue;

package/dist/components/overlay/command/context/Command.context.js

@@ -0,0 +1,14 @@
+import { createContext as o, useContext as t } from "react";
+const e = o(null), r = () => {
+  const n = t(e);
+  if (!n)
+    throw new Error(
+      "Command compound components must be rendered inside <Command.Content>."
+    );
+  return n;
+};
+export {
+  e as CommandContext,
+  r as useCommandContext
+};
+//# sourceMappingURL=Command.context.js.map

package/dist/components/overlay/command/context/Command.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.context.js","sources":["../../../../../src/components/overlay/command/context/Command.context.ts"],"sourcesContent":["import { createContext, type Dispatch, type RefObject, type SetStateAction, useContext } from 'react'\r\n\r\n/** Internal state shared by all Command compound slots. */\r\nexport type CommandContextValue = {\r\n    /** Current search string entered in `Command.Input`. */\r\n    search: string\r\n    setSearch: Dispatch<SetStateAction<string>>\r\n    /** ID of the currently highlighted `Command.Item` (`aria-activedescendant`). */\r\n    activeId: string | undefined\r\n    setActiveId: Dispatch<SetStateAction<string | undefined>>\r\n    /** Stable ID for `Command.List` — referenced by `Command.Input` as `aria-controls`. */\r\n    listId: string\r\n    /** Ref attached to the `Command.List` DOM node for keyboard navigation DOM queries. */\r\n    listRef: RefObject<HTMLDivElement | null>\r\n}\r\n\r\nexport const CommandContext = createContext<CommandContextValue | null>(null)\r\n\r\n/** Consume the Command context. Throws when used outside `Command.Content`. */\r\nexport const useCommandContext = (): CommandContextValue => {\r\n    const ctx = useContext(CommandContext)\r\n    if (!ctx) {\r\n        throw new Error(\r\n            'Command compound components must be rendered inside <Command.Content>.',\r\n        )\r\n    }\r\n    return ctx\r\n}\r\n"],"names":["CommandContext","createContext","useCommandContext","ctx","useContext"],"mappings":";AAgBO,MAAMA,IAAiBC,EAA0C,IAAI,GAG/DC,IAAoB,MAA2B;AACxD,QAAMC,IAAMC,EAAWJ,CAAc;AACrC,MAAI,CAACG;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAGR,SAAOA;AACX;"}

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

@@ -0,0 +1,13 @@
+export { Command } from './Command.tsx';
+export { COMMAND_STYLES } from './styles/Command.css.ts';
+export { COMMAND_ITEM_STYLES } from './components/command-item/styles/CommandItem.css.ts';
+export type { CommandProps } from './types/Command.props.ts';
+export type { CommandSize } from './types/Command.types.ts';
+export type { CommandTriggerProps } from './components/command-trigger/types/CommandTrigger.props.ts';
+export type { CommandContentProps } from './components/command-content/types/CommandContent.props.ts';
+export type { CommandInputProps } from './components/command-input/types/CommandInput.props.ts';
+export type { CommandListProps } from './components/command-list/types/CommandList.props.ts';
+export type { CommandGroupProps } from './components/command-group/types/CommandGroup.props.ts';
+export type { CommandItemProps } from './components/command-item/types/CommandItem.props.ts';
+export type { CommandEmptyProps } from './components/command-empty/types/CommandEmpty.props.ts';
+export type { CommandSeparatorProps } from './components/command-separator/types/CommandSeparator.props.ts';

package/dist/components/overlay/command/styles/Command.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                             */var e={overlay:"_1toz4gl0",content:"_1krufcn0",contentSize:{sm:"_1krufcn1",md:"_1krufcn2",lg:"_1krufcn3"}};exports.COMMAND_STYLES=e;
+//# sourceMappingURL=Command.css.cjs.map

package/dist/components/overlay/command/styles/Command.css.cjs.map

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

package/dist/components/overlay/command/styles/Command.css.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared visual slots for the Command compound component.
+ *
+ * The `overlay` token re-exports the shared backdrop class so consumers have a
+ * stable extension point (consistent with `DIALOG_STYLES`).
+ */
+export declare const COMMAND_STYLES: {
+    /** Backdrop scrim — re-exports the shared overlay class. */
+    overlay: string;
+    /** The floating command panel. */
+    content: string;
+    /** Per-size `max-width` overrides for `Command.Content`. */
+    contentSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};

package/dist/components/overlay/command/styles/Command.css.js

@@ -0,0 +1,20 @@
+/* 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 a = { overlay: "_1toz4gl0", content: "_1krufcn0", contentSize: { sm: "_1krufcn1", md: "_1krufcn2", lg: "_1krufcn3" } };
+export {
+  a as COMMAND_STYLES
+};
+//# sourceMappingURL=Command.css.js.map

package/dist/components/overlay/command/styles/Command.css.js.map

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

package/dist/components/overlay/command/types/Command.props.d.ts

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

package/dist/components/overlay/command/types/Command.types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Width preset for the `Command.Content` panel.
+ *
+ * @default 'md'
+ */
+export type CommandSize = 'sm' | 'md' | 'lg';

package/dist/components/overlay/command/types/CommandCompound.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { default as CommandContent } from '../components/command-content/CommandContent.tsx';
+import { default as CommandEmpty } from '../components/command-empty/CommandEmpty.tsx';
+import { default as CommandGroup } from '../components/command-group/CommandGroup.tsx';
+import { default as CommandInput } from '../components/command-input/CommandInput.tsx';
+import { default as CommandItem } from '../components/command-item/CommandItem.tsx';
+import { default as CommandList } from '../components/command-list/CommandList.tsx';
+import { default as CommandSeparator } from '../components/command-separator/CommandSeparator.tsx';
+import { default as CommandTrigger } from '../components/command-trigger/CommandTrigger.tsx';
+import { CommandProps } from './Command.props.ts';
+export type CommandCompound = FC<CommandProps> & {
+    Trigger: typeof CommandTrigger;
+    Content: typeof CommandContent;
+    Input: typeof CommandInput;
+    List: typeof CommandList;
+    Group: typeof CommandGroup;
+    Item: typeof CommandItem;
+    Empty: typeof CommandEmpty;
+    Separator: typeof CommandSeparator;
+};

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

@@ -0,0 +1,3 @@
+export type { CommandProps } from './Command.props.ts';
+export type { CommandSize } from './Command.types.ts';
+export type { CommandCompound } from './CommandCompound.ts';

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

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("@base-ui/react/context-menu"),o=require("react"),s=require("../dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs"),p=require("../dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs"),M=require("../dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.cjs"),d=require("../dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.cjs"),a=require("../dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.cjs"),q=require("../dropdown-menu/components/label/DropdownMenuLabel.cjs"),x=require("../dropdown-menu/components/separator/DropdownMenuSeparator.cjs"),C=require("../dropdown-menu/components/shortcut/DropdownMenuShortcut.cjs"),m=require("../dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.cjs"),w=require("../dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.cjs"),D=require("../dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.cjs"),S=require("./components/content/ContextMenuContent.cjs"),b=require("./components/trigger/ContextMenuTrigger.cjs"),g=require("./context/ContextMenu.context.cjs"),e=o.memo(r=>{const[t,u]=o.useState("pointer"),i=o.useMemo(()=>({inputModality:t,setInputModality:u}),[t]);return n.jsx(g.ContextMenuContext.Provider,{value:i,children:n.jsx(c.ContextMenu.Root,{...r})})});e.displayName="ContextMenu";e.Trigger=b;e.Content=S;e.Group=d;e.RadioGroup=a;e.Item=p;e.CheckboxItem=s;e.RadioItem=M;e.Label=q;e.Separator=x;e.Shortcut=C;e.Sub=m;e.SubTrigger=D;e.SubContent=w;module.exports=e;
+//# sourceMappingURL=ContextMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.cjs","sources":["../../../../src/components/overlay/context-menu/ContextMenu.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\r\nimport { memo, useMemo, useState } from 'react'\r\n\r\nimport DropdownMenuCheckboxItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx'\r\nimport DropdownMenuItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx'\r\nimport DropdownMenuRadioItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx'\r\nimport DropdownMenuGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx'\r\nimport DropdownMenuRadioGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx'\r\nimport DropdownMenuLabel from '@components/overlay/dropdown-menu/components/label/DropdownMenuLabel.tsx'\r\nimport DropdownMenuSeparator from '@components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.tsx'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport DropdownMenuSub from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.tsx'\r\nimport DropdownMenuSubContent from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx'\r\nimport DropdownMenuSubTrigger from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx'\r\nimport ContextMenuContent from '@components/overlay/context-menu/components/content/ContextMenuContent.tsx'\r\nimport ContextMenuTrigger from '@components/overlay/context-menu/components/trigger/ContextMenuTrigger.tsx'\r\nimport type { ContextMenuCompound } from '@components/overlay/context-menu/types/ContextMenuCompound.ts'\r\nimport type { ContextMenuProps } from '@components/overlay/context-menu/types/ContextMenu.props.ts'\r\nimport {\r\n    ContextMenuContext,\r\n    type ContextMenuInputModality,\r\n} from '@components/overlay/context-menu/context/ContextMenu.context.ts'\r\n\r\nconst ContextMenu = memo<ContextMenuProps>((props) => {\r\n    const [inputModality, setInputModality] = useState<ContextMenuInputModality>('pointer')\r\n    const contextValue = useMemo(\r\n        () => ({ inputModality, setInputModality }),\r\n        [inputModality],\r\n    )\r\n\r\n    return (\r\n        <ContextMenuContext.Provider value={contextValue}>\r\n            <BaseContextMenu.Root {...props} />\r\n        </ContextMenuContext.Provider>\r\n    )\r\n}) as unknown as ContextMenuCompound\r\n\r\nContextMenu.displayName = 'ContextMenu'\r\nContextMenu.Trigger = ContextMenuTrigger\r\nContextMenu.Content = ContextMenuContent\r\nContextMenu.Group = DropdownMenuGroup\r\nContextMenu.RadioGroup = DropdownMenuRadioGroup\r\nContextMenu.Item = DropdownMenuItem\r\nContextMenu.CheckboxItem = DropdownMenuCheckboxItem\r\nContextMenu.RadioItem = DropdownMenuRadioItem\r\nContextMenu.Label = DropdownMenuLabel\r\nContextMenu.Separator = DropdownMenuSeparator\r\nContextMenu.Shortcut = DropdownMenuShortcut\r\nContextMenu.Sub = DropdownMenuSub\r\nContextMenu.SubTrigger = DropdownMenuSubTrigger\r\nContextMenu.SubContent = DropdownMenuSubContent\r\n\r\nexport default ContextMenu\r\n"],"names":["ContextMenu","memo","props","inputModality","setInputModality","useState","contextValue","useMemo","jsx","ContextMenuContext","BaseContextMenu","ContextMenuTrigger","ContextMenuContent","DropdownMenuGroup","DropdownMenuRadioGroup","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent"],"mappings":"muCAuBMA,EAAcC,EAAAA,KAAwBC,GAAU,CAClD,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAmC,SAAS,EAChFC,EAAeC,EAAAA,QACjB,KAAO,CAAE,cAAAJ,EAAe,iBAAAC,IACxB,CAACD,CAAa,CAAA,EAGlB,OACIK,EAAAA,IAACC,EAAAA,mBAAmB,SAAnB,CAA4B,MAAOH,EAChC,SAAAE,EAAAA,IAACE,EAAAA,YAAgB,KAAhB,CAAsB,GAAGR,CAAA,CAAO,CAAA,CACrC,CAER,CAAC,EAEDF,EAAY,YAAc,cAC1BA,EAAY,QAAUW,EACtBX,EAAY,QAAUY,EACtBZ,EAAY,MAAQa,EACpBb,EAAY,WAAac,EACzBd,EAAY,KAAOe,EACnBf,EAAY,aAAegB,EAC3BhB,EAAY,UAAYiB,EACxBjB,EAAY,MAAQkB,EACpBlB,EAAY,UAAYmB,EACxBnB,EAAY,SAAWoB,EACvBpB,EAAY,IAAMqB,EAClBrB,EAAY,WAAasB,EACzBtB,EAAY,WAAauB"}

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

@@ -0,0 +1,3 @@
+import { ContextMenuCompound } from './types/ContextMenuCompound.ts';
+declare const ContextMenu: ContextMenuCompound;
+export default ContextMenu;

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

@@ -0,0 +1,42 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ContextMenu as p } from "@base-ui/react/context-menu";
+import { memo as u, useState as i, useMemo as d } from "react";
+import M from "../dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.js";
+import a from "../dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js";
+import f from "../dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.js";
+import C from "../dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.js";
+import x from "../dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.js";
+import w from "../dropdown-menu/components/label/DropdownMenuLabel.js";
+import D from "../dropdown-menu/components/separator/DropdownMenuSeparator.js";
+import S from "../dropdown-menu/components/shortcut/DropdownMenuShortcut.js";
+import b from "../dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.js";
+import s from "../dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.js";
+import c from "../dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js";
+import l from "./components/content/ContextMenuContent.js";
+import g from "./components/trigger/ContextMenuTrigger.js";
+import { ContextMenuContext as I } from "./context/ContextMenu.context.js";
+const o = u((e) => {
+  const [r, n] = i("pointer"), m = d(
+    () => ({ inputModality: r, setInputModality: n }),
+    [r]
+  );
+  return /* @__PURE__ */ t(I.Provider, { value: m, children: /* @__PURE__ */ t(p.Root, { ...e }) });
+});
+o.displayName = "ContextMenu";
+o.Trigger = g;
+o.Content = l;
+o.Group = C;
+o.RadioGroup = x;
+o.Item = a;
+o.CheckboxItem = M;
+o.RadioItem = f;
+o.Label = w;
+o.Separator = D;
+o.Shortcut = S;
+o.Sub = b;
+o.SubTrigger = c;
+o.SubContent = s;
+export {
+  o as default
+};
+//# sourceMappingURL=ContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/overlay/context-menu/ContextMenu.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\r\nimport { memo, useMemo, useState } from 'react'\r\n\r\nimport DropdownMenuCheckboxItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.tsx'\r\nimport DropdownMenuItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx'\r\nimport DropdownMenuRadioItem from '@components/overlay/dropdown-menu/components/items/dropdown-menu-radio-item/DropdownMenuRadioItem.tsx'\r\nimport DropdownMenuGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-group/DropdownMenuGroup.tsx'\r\nimport DropdownMenuRadioGroup from '@components/overlay/dropdown-menu/components/groups/dropdown-menu-radio-group/DropdownMenuRadioGroup.tsx'\r\nimport DropdownMenuLabel from '@components/overlay/dropdown-menu/components/label/DropdownMenuLabel.tsx'\r\nimport DropdownMenuSeparator from '@components/overlay/dropdown-menu/components/separator/DropdownMenuSeparator.tsx'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport DropdownMenuSub from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub/DropdownMenuSub.tsx'\r\nimport DropdownMenuSubContent from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/DropdownMenuSubContent.tsx'\r\nimport DropdownMenuSubTrigger from '@components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.tsx'\r\nimport ContextMenuContent from '@components/overlay/context-menu/components/content/ContextMenuContent.tsx'\r\nimport ContextMenuTrigger from '@components/overlay/context-menu/components/trigger/ContextMenuTrigger.tsx'\r\nimport type { ContextMenuCompound } from '@components/overlay/context-menu/types/ContextMenuCompound.ts'\r\nimport type { ContextMenuProps } from '@components/overlay/context-menu/types/ContextMenu.props.ts'\r\nimport {\r\n    ContextMenuContext,\r\n    type ContextMenuInputModality,\r\n} from '@components/overlay/context-menu/context/ContextMenu.context.ts'\r\n\r\nconst ContextMenu = memo<ContextMenuProps>((props) => {\r\n    const [inputModality, setInputModality] = useState<ContextMenuInputModality>('pointer')\r\n    const contextValue = useMemo(\r\n        () => ({ inputModality, setInputModality }),\r\n        [inputModality],\r\n    )\r\n\r\n    return (\r\n        <ContextMenuContext.Provider value={contextValue}>\r\n            <BaseContextMenu.Root {...props} />\r\n        </ContextMenuContext.Provider>\r\n    )\r\n}) as unknown as ContextMenuCompound\r\n\r\nContextMenu.displayName = 'ContextMenu'\r\nContextMenu.Trigger = ContextMenuTrigger\r\nContextMenu.Content = ContextMenuContent\r\nContextMenu.Group = DropdownMenuGroup\r\nContextMenu.RadioGroup = DropdownMenuRadioGroup\r\nContextMenu.Item = DropdownMenuItem\r\nContextMenu.CheckboxItem = DropdownMenuCheckboxItem\r\nContextMenu.RadioItem = DropdownMenuRadioItem\r\nContextMenu.Label = DropdownMenuLabel\r\nContextMenu.Separator = DropdownMenuSeparator\r\nContextMenu.Shortcut = DropdownMenuShortcut\r\nContextMenu.Sub = DropdownMenuSub\r\nContextMenu.SubTrigger = DropdownMenuSubTrigger\r\nContextMenu.SubContent = DropdownMenuSubContent\r\n\r\nexport default ContextMenu\r\n"],"names":["ContextMenu","memo","props","inputModality","setInputModality","useState","contextValue","useMemo","jsx","ContextMenuContext","BaseContextMenu","ContextMenuTrigger","ContextMenuContent","DropdownMenuGroup","DropdownMenuRadioGroup","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,IAAcC,EAAuB,CAACC,MAAU;AAClD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAmC,SAAS,GAChFC,IAAeC;AAAA,IACjB,OAAO,EAAE,eAAAJ,GAAe,kBAAAC;IACxB,CAACD,CAAa;AAAA,EAAA;AAGlB,SACI,gBAAAK,EAACC,EAAmB,UAAnB,EAA4B,OAAOH,GAChC,UAAA,gBAAAE,EAACE,EAAgB,MAAhB,EAAsB,GAAGR,EAAA,CAAO,EAAA,CACrC;AAER,CAAC;AAEDF,EAAY,cAAc;AAC1BA,EAAY,UAAUW;AACtBX,EAAY,UAAUY;AACtBZ,EAAY,QAAQa;AACpBb,EAAY,aAAac;AACzBd,EAAY,OAAOe;AACnBf,EAAY,eAAegB;AAC3BhB,EAAY,YAAYiB;AACxBjB,EAAY,QAAQkB;AACpBlB,EAAY,YAAYmB;AACxBnB,EAAY,WAAWoB;AACvBpB,EAAY,MAAMqB;AAClBrB,EAAY,aAAasB;AACzBtB,EAAY,aAAauB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.cjs","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":"oaAUMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,UAAAC,EACA,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAC9CM,EAAUC,EAAAA,sBAAA,EACVC,EAAcC,cAAaC,GAAgC,CAC7D,MAAMC,EAAuBP,EAAWM,CAAI,EAE5C,GAAI,CAACA,GAAQJ,EAAQ,gBAAkB,WACnC,OAAOK,EAGX,MAAMC,EAAa,sBAAsB,IAAM,CAClBF,EAAK,cAC1B,gDAAA,GAGc,MAAA,CACtB,CAAC,EAED,MAAO,IAAM,CACT,qBAAqBE,CAAU,EAC/BD,IAAA,CACJ,CACJ,EAAG,CAACP,EAAYE,GAAS,aAAa,CAAC,EAEvC,OACIO,EAAAA,IAACC,EAAAA,YAAgB,OAAhB,CACG,SAAAD,EAAAA,IAACC,EAAAA,YAAgB,WAAhB,CACG,WAAAf,EACA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGI,EAEJ,SAAAU,EAAAA,IAACC,EAAAA,YAAgB,MAAhB,CACG,IAAKN,EACL,UAAWO,EAAAA,GACPC,EAAAA,6BAA6B,KAC7BC,EAAAA,4BAA4B,KAC5BnB,CAAA,EAEJ,sBAAqBQ,EAAQ,cAC7B,UAAYY,GAAU,CAClBZ,EAAQ,iBAAiB,UAAU,EACnCH,EAAM,YAAYe,CAAK,CAC3B,EACA,cAAgBA,GAAU,CACtBZ,EAAQ,iBAAiB,SAAS,EAClCH,EAAM,gBAAgBe,CAAK,CAC/B,EACA,MAAO,CAAE,MAAAjB,EAAO,SAAU,IAAK,WAAY,IAAK,GAAGC,CAAA,EAElD,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDP,EAAmB,YAAc"}

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

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