@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/overlay/command/components/command-input/CommandInput.js

@@ -0,0 +1,78 @@
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { memo as N } from "react";
+import g from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import v from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import { IconRegistry as i } from "../../../../../constants/icons.js";
+import { useCommandContext as S } from "../../context/Command.context.js";
+import { COMMAND_INPUT_STYLES as e } from "./styles/CommandInput.css.js";
+import { cn as y } from "../../../../../utils/cn.js";
+const z = N(({
+  className: n,
+  placeholder: s = "Search...",
+  "aria-label": m,
+  defaultAriaLabel: c = "Search",
+  defaultClearAriaLabel: l = "Clear search",
+  onClear: p,
+  onChange: d,
+  ...u
+}) => {
+  const { search: o, setSearch: t, activeId: f, listId: h } = S(), C = m ?? c, x = (r) => {
+    t(r.target.value), d?.(r);
+  }, I = () => {
+    t(""), p?.();
+  };
+  return /* @__PURE__ */ b("div", { className: e.wrapper, children: [
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: e.icon,
+        "aria-hidden": !0,
+        children: /* @__PURE__ */ a(
+          v,
+          {
+            icon: i.search,
+            size: "sm"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "text",
+        role: "combobox",
+        "aria-expanded": !0,
+        "aria-controls": h,
+        "aria-activedescendant": f,
+        "aria-label": C,
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoCapitalize: "off",
+        spellCheck: !1,
+        className: y(e.input, n),
+        placeholder: s,
+        value: o,
+        onChange: x,
+        ...u
+      }
+    ),
+    o && /* @__PURE__ */ a(
+      g,
+      {
+        type: "button",
+        icon: i.close,
+        "aria-label": l,
+        variant: "ghost",
+        size: "xs",
+        onClick: I
+      }
+    )
+  ] });
+});
+z.displayName = "Command.Input";
+export {
+  z as default
+};
+//# sourceMappingURL=CommandInput.js.map

package/dist/components/overlay/command/components/command-input/CommandInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandInput.js","sources":["../../../../../../src/components/overlay/command/components/command-input/CommandInput.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_INPUT_STYLES } from '@components/overlay/command/components/command-input/styles/CommandInput.css.ts'\r\nimport type { CommandInputProps } from '@components/overlay/command/components/command-input/types/CommandInput.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The search input inside a `Command.Content` panel.\r\n *\r\n * Implements the WAI-ARIA combobox pattern:\r\n * - `role=\"combobox\"` with `aria-expanded=\"true\"` (always shown alongside the listbox)\r\n * - `aria-controls` pointing to the `Command.List` element\r\n * - `aria-activedescendant` reflecting the currently highlighted item\r\n *\r\n * Arrow-key and Enter-key handling is delegated to the `Command.Content`\r\n * wrapper via event bubbling so that the input retains full text-editing\r\n * keyboard shortcuts.\r\n *\r\n * A clear `IconButton` appears when the input has a value. Clicking it resets\r\n * the search and fires `onClear`. Override `defaultClearAriaLabel` for i18n.\r\n */\r\nconst CommandInput: FC<CommandInputProps> = memo(({\r\n    className,\r\n    placeholder = 'Search...',\r\n    'aria-label': ariaLabel,\r\n    defaultAriaLabel = 'Search',\r\n    defaultClearAriaLabel = 'Clear search',\r\n    onClear,\r\n    onChange,\r\n    ...props\r\n}) => {\r\n    const { search, setSearch, activeId, listId } = useCommandContext()\r\n\r\n    const inputAriaLabel = ariaLabel ?? defaultAriaLabel\r\n\r\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n        setSearch(event.target.value)\r\n        onChange?.(event)\r\n    }\r\n\r\n    const handleClear = (): void => {\r\n        setSearch('')\r\n        onClear?.()\r\n    }\r\n\r\n    return (\r\n        <div className={COMMAND_INPUT_STYLES.wrapper}>\r\n            <span\r\n                className={COMMAND_INPUT_STYLES.icon}\r\n                aria-hidden\r\n            >\r\n                <Icon\r\n                    icon={IconRegistry.search}\r\n                    size={'sm'}\r\n                />\r\n            </span>\r\n            <input\r\n                type={'text'}\r\n                role={'combobox'}\r\n                aria-expanded={true}\r\n                aria-controls={listId}\r\n                aria-activedescendant={activeId}\r\n                aria-label={inputAriaLabel}\r\n                autoComplete={'off'}\r\n                autoCorrect={'off'}\r\n                autoCapitalize={'off'}\r\n                spellCheck={false}\r\n                className={cn(COMMAND_INPUT_STYLES.input, className)}\r\n                placeholder={placeholder}\r\n                value={search}\r\n                onChange={handleChange}\r\n                {...props}\r\n            />\r\n            {search && (\r\n                <IconButton\r\n                    type={'button'}\r\n                    icon={IconRegistry.close}\r\n                    aria-label={defaultClearAriaLabel}\r\n                    variant={'ghost'}\r\n                    size={'xs'}\r\n                    onClick={handleClear}\r\n                />\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandInput.displayName = 'Command.Input'\r\n\r\nexport default CommandInput\r\n"],"names":["CommandInput","memo","className","placeholder","ariaLabel","defaultAriaLabel","defaultClearAriaLabel","onClear","onChange","props","search","setSearch","activeId","listId","useCommandContext","inputAriaLabel","handleChange","event","handleClear","jsxs","COMMAND_INPUT_STYLES","jsx","Icon","IconRegistry","cn","IconButton"],"mappings":";;;;;;;;;;AAyBA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAcC;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,uBAAAC,IAAwB;AAAA,EACxB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAE1CC,IAAiBX,KAAaC,GAE9BW,IAAe,CAACC,MAAqD;AACvE,IAAAN,EAAUM,EAAM,OAAO,KAAK,GAC5BT,IAAWS,CAAK;AAAA,EACpB,GAEMC,IAAc,MAAY;AAC5B,IAAAP,EAAU,EAAE,GACZJ,IAAA;AAAA,EACJ;AAEA,SACI,gBAAAY,EAAC,OAAA,EAAI,WAAWC,EAAqB,SACjC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWD,EAAqB;AAAA,QAChC,eAAW;AAAA,QAEX,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMC,EAAa;AAAA,YACnB,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAM;AAAA,QACN,iBAAe;AAAA,QACf,iBAAeR;AAAA,QACf,yBAAuBD;AAAA,QACvB,cAAYG;AAAA,QACZ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,WAAWS,EAAGJ,EAAqB,OAAOlB,CAAS;AAAA,QACnD,aAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUM;AAAA,QACT,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPC,KACG,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,MAAMF,EAAa;AAAA,QACnB,cAAYjB;AAAA,QACZ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAER;AAER,CAAC;AAEDlB,EAAa,cAAc;"}

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit151.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={wrapper:"_1p4tdqx0",icon:"_1p4tdqx1",input:"_1p4tdqx2"};exports.COMMAND_INPUT_STYLES=e;
+//# sourceMappingURL=CommandInput.css.cjs.map

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.cjs.map

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

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.d.ts

@@ -0,0 +1,9 @@
+/** Styles for the `Command.Input` search bar area. */
+export declare const COMMAND_INPUT_STYLES: {
+    /** Wrapper row containing the search icon and the text input. */
+    wrapper: string;
+    /** Search icon slot — muted, non-interactive. */
+    icon: string;
+    /** The `<input>` element itself. */
+    input: string;
+};

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit151.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                */
+var r = { wrapper: "_1p4tdqx0", icon: "_1p4tdqx1", input: "_1p4tdqx2" };
+export {
+  r as COMMAND_INPUT_STYLES
+};
+//# sourceMappingURL=CommandInput.css.js.map

package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.js.map

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

package/dist/components/overlay/command/components/command-input/types/CommandInput.props.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Props for `Command.Input`.
+ *
+ * ARIA attributes managed internally (`role`, `aria-expanded`,
+ * `aria-controls`, `aria-activedescendant`) are omitted to prevent
+ * accidental override of the combobox contract.
+ */
+export type CommandInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'role' | 'aria-expanded' | 'aria-controls' | 'aria-activedescendant' | 'type'> & {
+    /**
+     * Placeholder text shown when the input is empty.
+     * @default 'Search...'
+     */
+    placeholder?: string;
+    /**
+     * Accessible label applied when `aria-label` is not provided explicitly.
+     * Override for i18n.
+     * @default 'Search'
+     */
+    defaultAriaLabel?: string;
+    /**
+     * Accessible label for the clear button that appears when the input has a
+     * value. Override for i18n.
+     * @default 'Clear search'
+     */
+    defaultClearAriaLabel?: string;
+    /**
+     * Called when the user activates the clear button to reset the search.
+     */
+    onClear?: () => void;
+};

package/dist/components/overlay/command/components/command-item/CommandItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),v=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const D=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const L=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const w=require("../../context/Command.context.cjs"),a=require("./styles/CommandItem.css.cjs"),A=require("../../../../../utils/cn.cjs"),h=i.memo(({className:p,children:n,keywords:c,disabled:t=!1,icon:u,shortcut:d,onSelect:m,onClick:x,onMouseEnter:q,onKeyDown:I,...M})=>{const{search:r,activeId:f,setActiveId:y}=w.useCommandContext(),o=i.useId(),l=f===o,E=i.useMemo(()=>{if(!r)return!0;const C=[typeof n=="string"?n:"",...c??[]].filter(Boolean);if(!C.length)return!0;const T=r.toLowerCase();return C.some(g=>g.toLowerCase().includes(T))},[r,n,c]),_=e=>{t||(m?.(),x?.(e))},j=e=>{t||y(o),q?.(e)},N=e=>{!t&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),m?.()),I?.(e)};return s.jsxs("div",{id:o,role:"option","aria-selected":l,"aria-disabled":t||void 0,"data-disabled":t||void 0,"data-highlighted":l||void 0,hidden:!E||void 0,tabIndex:-1,className:A.cn(a.COMMAND_ITEM_STYLES.root,p),onClick:_,onMouseEnter:j,onKeyDown:N,...M,children:[u&&s.jsx(v,{as:"span",justifyContent:"center",className:a.COMMAND_ITEM_STYLES.icon,"aria-hidden":!0,children:s.jsx(D,{icon:u,size:"xs"})}),s.jsx(L,{as:"span",variant:"span",maxLines:1,width:"100%",children:n}),d&&s.jsx("span",{className:a.COMMAND_ITEM_STYLES.shortcut,"aria-hidden":!0,children:d})]})});h.displayName="Command.Item";module.exports=h;
+//# sourceMappingURL=CommandItem.cjs.map

package/dist/components/overlay/command/components/command-item/CommandItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandItem.cjs","sources":["../../../../../../src/components/overlay/command/components/command-item/CommandItem.tsx"],"sourcesContent":["import { memo, useId, useMemo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_ITEM_STYLES } from '@components/overlay/command/components/command-item/styles/CommandItem.css.ts'\r\nimport type { CommandItemProps } from '@components/overlay/command/components/command-item/types/CommandItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * A single actionable command inside `Command.List` or `Command.Group`.\r\n *\r\n * - Filtered out of the results (via the HTML `hidden` attribute) when the\r\n *   search query does not match its `children` text or `keywords`.\r\n * - Highlighted on pointer hover and keyboard navigation; activates on click\r\n *   or Enter.\r\n * - When `disabled`, it is excluded from keyboard navigation and pointer\r\n *   interaction.\r\n */\r\nconst CommandItem: FC<CommandItemProps> = memo(({\r\n    className,\r\n    children,\r\n    keywords,\r\n    disabled = false,\r\n    icon,\r\n    shortcut,\r\n    onSelect,\r\n    onClick,\r\n    onMouseEnter,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const { search, activeId, setActiveId } = useCommandContext()\r\n    const itemId = useId()\r\n    const isActive = activeId === itemId\r\n\r\n    const isVisible = useMemo(() => {\r\n        if (!search) {return true}\r\n        const label = typeof children === 'string' ? children : ''\r\n        const allKeywords = [label, ...(keywords ?? [])].filter(Boolean)\r\n        if (!allKeywords.length) {return true}\r\n        const query = search.toLowerCase()\r\n        return allKeywords.some((k) => k.toLowerCase().includes(query))\r\n    }, [search, children, keywords])\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n        if (disabled) {return}\r\n        onSelect?.()\r\n        onClick?.(event)\r\n    }\r\n\r\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n        if (!disabled) {\r\n            setActiveId(itemId)\r\n        }\r\n        onMouseEnter?.(event)\r\n    }\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n        if (!disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n            event.preventDefault()\r\n            event.stopPropagation()\r\n            onSelect?.()\r\n        }\r\n        onKeyDown?.(event)\r\n    }\r\n\r\n    return (\r\n        <div\r\n            id={itemId}\r\n            role={'option'}\r\n            aria-selected={isActive}\r\n            aria-disabled={disabled || undefined}\r\n            data-disabled={disabled || undefined}\r\n            data-highlighted={isActive || undefined}\r\n            hidden={!isVisible || undefined}\r\n            tabIndex={-1}\r\n            className={cn(COMMAND_ITEM_STYLES.root, className)}\r\n            onClick={handleClick}\r\n            onMouseEnter={handleMouseEnter}\r\n            onKeyDown={handleKeyDown}\r\n            {...props}\r\n        >\r\n            {icon && (\r\n                <Flex\r\n                    as={'span'}\r\n                    justifyContent={'center'}\r\n                    className={COMMAND_ITEM_STYLES.icon}\r\n                    aria-hidden\r\n                >\r\n                    <Icon\r\n                        icon={icon}\r\n                        size={'xs'}\r\n                    />\r\n                </Flex>\r\n            )}\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {children}\r\n            </Typography>\r\n            {shortcut && (\r\n                <span\r\n                    className={COMMAND_ITEM_STYLES.shortcut}\r\n                    aria-hidden\r\n                >\r\n                    {shortcut}\r\n                </span>\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandItem.displayName = 'Command.Item'\r\n\r\nexport default CommandItem\r\n"],"names":["CommandItem","memo","className","children","keywords","disabled","icon","shortcut","onSelect","onClick","onMouseEnter","onKeyDown","props","search","activeId","setActiveId","useCommandContext","itemId","useId","isActive","isVisible","useMemo","allKeywords","query","k","handleClick","event","handleMouseEnter","handleKeyDown","jsxs","cn","COMMAND_ITEM_STYLES","jsx","Flex","Icon","Typography"],"mappings":"gjBAoBMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,EAAAA,kBAAA,EACpCC,EAASC,EAAAA,MAAA,EACTC,EAAWL,IAAaG,EAExBG,EAAYC,EAAAA,QAAQ,IAAM,CAC5B,GAAI,CAACR,EAAS,MAAO,GAErB,MAAMS,EAAc,CADN,OAAOnB,GAAa,SAAWA,EAAW,GAC5B,GAAIC,GAAY,EAAG,EAAE,OAAO,OAAO,EAC/D,GAAI,CAACkB,EAAY,OAAS,MAAO,GACjC,MAAMC,EAAQV,EAAO,YAAA,EACrB,OAAOS,EAAY,KAAME,GAAMA,EAAE,YAAA,EAAc,SAASD,CAAK,CAAC,CAClE,EAAG,CAACV,EAAQV,EAAUC,CAAQ,CAAC,EAEzBqB,EAAeC,GAAkD,CAC/DrB,IACJG,IAAA,EACAC,IAAUiB,CAAK,EACnB,EAEMC,EAAoBD,GAAkD,CACnErB,GACDU,EAAYE,CAAM,EAEtBP,IAAegB,CAAK,CACxB,EAEME,EAAiBF,GAAqD,CACpE,CAACrB,IAAaqB,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACrDA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNlB,IAAA,GAEJG,IAAYe,CAAK,CACrB,EAEA,OACIG,EAAAA,KAAC,MAAA,CACG,GAAIZ,EACJ,KAAM,SACN,gBAAeE,EACf,gBAAed,GAAY,OAC3B,gBAAeA,GAAY,OAC3B,mBAAkBc,GAAY,OAC9B,OAAQ,CAACC,GAAa,OACtB,SAAU,GACV,UAAWU,EAAAA,GAAGC,sBAAoB,KAAM7B,CAAS,EACjD,QAASuB,EACT,aAAcE,EACd,UAAWC,EACV,GAAGhB,EAEH,SAAA,CAAAN,GACG0B,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,oBAAoB,KAC/B,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAA5B,EACA,KAAM,IAAA,CAAA,CACV,CAAA,EAGR0B,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAhC,CAAA,CAAA,EAEJI,GACGyB,EAAAA,IAAC,OAAA,CACG,UAAWD,EAAAA,oBAAoB,SAC/B,cAAW,GAEV,SAAAxB,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDP,EAAY,YAAc"}

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { CommandItemProps } from './types/CommandItem.props.ts';
+/**
+ * A single actionable command inside `Command.List` or `Command.Group`.
+ *
+ * - Filtered out of the results (via the HTML `hidden` attribute) when the
+ *   search query does not match its `children` text or `keywords`.
+ * - Highlighted on pointer hover and keyboard navigation; activates on click
+ *   or Enter.
+ * - When `disabled`, it is excluded from keyboard navigation and pointer
+ *   interaction.
+ */
+declare const CommandItem: FC<CommandItemProps>;
+export default CommandItem;

package/dist/components/overlay/command/components/command-item/CommandItem.js

@@ -0,0 +1,99 @@
+import { jsxs as D, jsx as r } from "react/jsx-runtime";
+import { memo as L, useId as j, useMemo as k } from "react";
+import A from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+import K from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import T from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { useCommandContext as b } from "../../context/Command.context.js";
+import { COMMAND_ITEM_STYLES as n } from "./styles/CommandItem.css.js";
+import { cn as _ } from "../../../../../utils/cn.js";
+const q = L(({
+  className: f,
+  children: e,
+  keywords: s,
+  disabled: t = !1,
+  icon: m,
+  shortcut: d,
+  onSelect: c,
+  onClick: u,
+  onMouseEnter: h,
+  onKeyDown: y,
+  ...C
+}) => {
+  const { search: i, activeId: I, setActiveId: x } = b(), a = j(), l = I === a, g = k(() => {
+    if (!i)
+      return !0;
+    const p = [typeof e == "string" ? e : "", ...s ?? []].filter(Boolean);
+    if (!p.length)
+      return !0;
+    const E = i.toLowerCase();
+    return p.some((N) => N.toLowerCase().includes(E));
+  }, [i, e, s]), v = (o) => {
+    t || (c?.(), u?.(o));
+  }, M = (o) => {
+    t || x(a), h?.(o);
+  }, w = (o) => {
+    !t && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.stopPropagation(), c?.()), y?.(o);
+  };
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      id: a,
+      role: "option",
+      "aria-selected": l,
+      "aria-disabled": t || void 0,
+      "data-disabled": t || void 0,
+      "data-highlighted": l || void 0,
+      hidden: !g || void 0,
+      tabIndex: -1,
+      className: _(n.root, f),
+      onClick: v,
+      onMouseEnter: M,
+      onKeyDown: w,
+      ...C,
+      children: [
+        m && /* @__PURE__ */ r(
+          A,
+          {
+            as: "span",
+            justifyContent: "center",
+            className: n.icon,
+            "aria-hidden": !0,
+            children: /* @__PURE__ */ r(
+              K,
+              {
+                icon: m,
+                size: "xs"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          T,
+          {
+            as: "span",
+            variant: "span",
+            maxLines: 1,
+            width: "100%",
+            children: e
+          }
+        ),
+        d && /* @__PURE__ */ r(
+          "span",
+          {
+            className: n.shortcut,
+            "aria-hidden": !0,
+            children: d
+          }
+        )
+      ]
+    }
+  );
+});
+q.displayName = "Command.Item";
+export {
+  q as default
+};
+//# sourceMappingURL=CommandItem.js.map

package/dist/components/overlay/command/components/command-item/CommandItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandItem.js","sources":["../../../../../../src/components/overlay/command/components/command-item/CommandItem.tsx"],"sourcesContent":["import { memo, useId, useMemo, type FC } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { useCommandContext } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_ITEM_STYLES } from '@components/overlay/command/components/command-item/styles/CommandItem.css.ts'\r\nimport type { CommandItemProps } from '@components/overlay/command/components/command-item/types/CommandItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * A single actionable command inside `Command.List` or `Command.Group`.\r\n *\r\n * - Filtered out of the results (via the HTML `hidden` attribute) when the\r\n *   search query does not match its `children` text or `keywords`.\r\n * - Highlighted on pointer hover and keyboard navigation; activates on click\r\n *   or Enter.\r\n * - When `disabled`, it is excluded from keyboard navigation and pointer\r\n *   interaction.\r\n */\r\nconst CommandItem: FC<CommandItemProps> = memo(({\r\n    className,\r\n    children,\r\n    keywords,\r\n    disabled = false,\r\n    icon,\r\n    shortcut,\r\n    onSelect,\r\n    onClick,\r\n    onMouseEnter,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const { search, activeId, setActiveId } = useCommandContext()\r\n    const itemId = useId()\r\n    const isActive = activeId === itemId\r\n\r\n    const isVisible = useMemo(() => {\r\n        if (!search) {return true}\r\n        const label = typeof children === 'string' ? children : ''\r\n        const allKeywords = [label, ...(keywords ?? [])].filter(Boolean)\r\n        if (!allKeywords.length) {return true}\r\n        const query = search.toLowerCase()\r\n        return allKeywords.some((k) => k.toLowerCase().includes(query))\r\n    }, [search, children, keywords])\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n        if (disabled) {return}\r\n        onSelect?.()\r\n        onClick?.(event)\r\n    }\r\n\r\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n        if (!disabled) {\r\n            setActiveId(itemId)\r\n        }\r\n        onMouseEnter?.(event)\r\n    }\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n        if (!disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n            event.preventDefault()\r\n            event.stopPropagation()\r\n            onSelect?.()\r\n        }\r\n        onKeyDown?.(event)\r\n    }\r\n\r\n    return (\r\n        <div\r\n            id={itemId}\r\n            role={'option'}\r\n            aria-selected={isActive}\r\n            aria-disabled={disabled || undefined}\r\n            data-disabled={disabled || undefined}\r\n            data-highlighted={isActive || undefined}\r\n            hidden={!isVisible || undefined}\r\n            tabIndex={-1}\r\n            className={cn(COMMAND_ITEM_STYLES.root, className)}\r\n            onClick={handleClick}\r\n            onMouseEnter={handleMouseEnter}\r\n            onKeyDown={handleKeyDown}\r\n            {...props}\r\n        >\r\n            {icon && (\r\n                <Flex\r\n                    as={'span'}\r\n                    justifyContent={'center'}\r\n                    className={COMMAND_ITEM_STYLES.icon}\r\n                    aria-hidden\r\n                >\r\n                    <Icon\r\n                        icon={icon}\r\n                        size={'xs'}\r\n                    />\r\n                </Flex>\r\n            )}\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                maxLines={1}\r\n                width={'100%'}\r\n            >\r\n                {children}\r\n            </Typography>\r\n            {shortcut && (\r\n                <span\r\n                    className={COMMAND_ITEM_STYLES.shortcut}\r\n                    aria-hidden\r\n                >\r\n                    {shortcut}\r\n                </span>\r\n            )}\r\n        </div>\r\n    )\r\n})\r\n\r\nCommandItem.displayName = 'Command.Item'\r\n\r\nexport default CommandItem\r\n"],"names":["CommandItem","memo","className","children","keywords","disabled","icon","shortcut","onSelect","onClick","onMouseEnter","onKeyDown","props","search","activeId","setActiveId","useCommandContext","itemId","useId","isActive","isVisible","useMemo","allKeywords","query","k","handleClick","event","handleMouseEnter","handleKeyDown","jsxs","cn","COMMAND_ITEM_STYLES","jsx","Flex","Icon","Typography"],"mappings":";;;;;;;;;;;AAoBA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA,GACpCC,IAASC,EAAA,GACTC,IAAWL,MAAaG,GAExBG,IAAYC,EAAQ,MAAM;AAC5B,QAAI,CAACR;AAAS,aAAO;AAErB,UAAMS,IAAc,CADN,OAAOnB,KAAa,WAAWA,IAAW,IAC5B,GAAIC,KAAY,EAAG,EAAE,OAAO,OAAO;AAC/D,QAAI,CAACkB,EAAY;AAAS,aAAO;AACjC,UAAMC,IAAQV,EAAO,YAAA;AACrB,WAAOS,EAAY,KAAK,CAACE,MAAMA,EAAE,YAAA,EAAc,SAASD,CAAK,CAAC;AAAA,EAClE,GAAG,CAACV,GAAQV,GAAUC,CAAQ,CAAC,GAEzBqB,IAAc,CAACC,MAAkD;AACnE,IAAIrB,MACJG,IAAA,GACAC,IAAUiB,CAAK;AAAA,EACnB,GAEMC,IAAmB,CAACD,MAAkD;AACxE,IAAKrB,KACDU,EAAYE,CAAM,GAEtBP,IAAegB,CAAK;AAAA,EACxB,GAEME,IAAgB,CAACF,MAAqD;AACxE,IAAI,CAACrB,MAAaqB,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACrDA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNlB,IAAA,IAEJG,IAAYe,CAAK;AAAA,EACrB;AAEA,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAIZ;AAAA,MACJ,MAAM;AAAA,MACN,iBAAeE;AAAA,MACf,iBAAed,KAAY;AAAA,MAC3B,iBAAeA,KAAY;AAAA,MAC3B,oBAAkBc,KAAY;AAAA,MAC9B,QAAQ,CAACC,KAAa;AAAA,MACtB,UAAU;AAAA,MACV,WAAWU,EAAGC,EAAoB,MAAM7B,CAAS;AAAA,MACjD,SAASuB;AAAA,MACT,cAAcE;AAAA,MACd,WAAWC;AAAA,MACV,GAAGhB;AAAA,MAEH,UAAA;AAAA,QAAAN,KACG,gBAAA0B;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,gBAAgB;AAAA,YAChB,WAAWF,EAAoB;AAAA,YAC/B,eAAW;AAAA,YAEX,UAAA,gBAAAC;AAAA,cAACE;AAAA,cAAA;AAAA,gBACG,MAAA5B;AAAA,gBACA,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,QAGR,gBAAA0B;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YAEN,UAAAhC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJI,KACG,gBAAAyB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAoB;AAAA,YAC/B,eAAW;AAAA,YAEV,UAAAxB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDP,EAAY,cAAc;"}

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit92.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1etemq20",icon:"_1etemq21",shortcut:"_1etemq22"};exports.COMMAND_ITEM_STYLES=e;
+//# sourceMappingURL=CommandItem.css.cjs.map

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.cjs.map

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

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.d.ts

@@ -0,0 +1,8 @@
+/** Styles for individual `Command.Item` elements. */
+export declare const COMMAND_ITEM_STYLES: {
+    root: string;
+    /** Leading/trailing icon wrapper — inherits item color automatically. */
+    icon: string;
+    /** Keyboard shortcut badge at the trailing edge. */
+    shortcut: string;
+};

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit92.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                               */
+var o = { root: "_1etemq20", icon: "_1etemq21", shortcut: "_1etemq22" };
+export {
+  o as COMMAND_ITEM_STYLES
+};
+//# sourceMappingURL=CommandItem.css.js.map

package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.js.map

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

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"});require('../../../../../../ui-kit148.css');require('../../../../../../ui-kit.css');;/* 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 @@
+import '../../../../../../ui-kit148.css';import '../../../../../../ui-kit.css';/* 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"});require('../../../../../../ui-kit156.css');require('../../../../../../ui-kit.css');;/* 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 @@
+import '../../../../../../ui-kit156.css';import '../../../../../../ui-kit.css';/* 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;
+};