@kopexa/command 0.0.0-canary-20250719104813

package/README.md

@@ -0,0 +1,24 @@
+# @kopexa/command
+
+A Quick description of the component
+
+> This is an internal utility, not intended for public usage.
+
+## Installation
+
+```sh
+yarn add @kopexa/command
+# or
+npm i @kopexa/command
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/kopexa-grc/sight/blob/master/CONTRIBUTING.md)
+for details.
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/kopexa-grc/sight/blob/master/LICENSE).

package/dist/chunk-7JHTPQ5B.mjs

@@ -0,0 +1,123 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/command.tsx
+import { SearchIcon } from "@kopexa/icons";
+import { command } from "@kopexa/theme";
+import { Command as CommandPrimitive } from "cmdk";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CommandRoot(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive,
+    {
+      "data-slot": "command",
+      className: styles.root({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandInput(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "command-input-wrapper", className: styles.inputWrapper(), children: [
+    /* @__PURE__ */ jsx(SearchIcon, { className: styles.inputIcon() }),
+    /* @__PURE__ */ jsx(
+      CommandPrimitive.Input,
+      {
+        "data-slot": "command-input",
+        className: styles.input({ className }),
+        ...restProps
+      }
+    )
+  ] });
+}
+function CommandList(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.List,
+    {
+      "data-slot": "command-list",
+      className: styles.list({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandEmpty(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Empty,
+    {
+      "data-slot": "command-empty",
+      className: styles.empty({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandGroup(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Group,
+    {
+      "data-slot": "command-group",
+      className: styles.group({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandSeparator(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Separator,
+    {
+      "data-slot": "command-separator",
+      className: styles.separator({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandItem(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Item,
+    {
+      "data-slot": "command-item",
+      className: styles.item({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandShortcut(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: styles.shortcut({ className }),
+      ...restProps
+    }
+  );
+}
+
+export {
+  __export,
+  CommandRoot,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandSeparator,
+  CommandItem,
+  CommandShortcut
+};

package/dist/chunk-JGIYTKFT.mjs

@@ -0,0 +1,29 @@
+"use client";
+import {
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandRoot,
+  CommandSeparator,
+  CommandShortcut,
+  __export
+} from "./chunk-7JHTPQ5B.mjs";
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Empty: () => CommandEmpty,
+  Group: () => CommandGroup,
+  Input: () => CommandInput,
+  Item: () => CommandItem,
+  List: () => CommandList,
+  Root: () => CommandRoot,
+  Separator: () => CommandSeparator,
+  Shortcut: () => CommandShortcut
+});
+
+export {
+  namespace_exports
+};

package/dist/command.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Command } from 'cmdk';
+import { ComponentProps } from 'react';
+
+type CommandRootProps = ComponentProps<typeof Command>;
+declare function CommandRoot(props: CommandRootProps): react_jsx_runtime.JSX.Element;
+type CommandInputProps = ComponentProps<typeof Command.Input>;
+declare function CommandInput(props: CommandInputProps): react_jsx_runtime.JSX.Element;
+type CommandListProps = ComponentProps<typeof Command.List>;
+declare function CommandList(props: CommandListProps): react_jsx_runtime.JSX.Element;
+type CommandEmptyProps = ComponentProps<typeof Command.Empty>;
+declare function CommandEmpty(props: CommandEmptyProps): react_jsx_runtime.JSX.Element;
+type CommandGroupProps = ComponentProps<typeof Command.Group>;
+declare function CommandGroup(props: CommandGroupProps): react_jsx_runtime.JSX.Element;
+type CommandSeparatorProps = ComponentProps<typeof Command.Separator>;
+declare function CommandSeparator(props: CommandSeparatorProps): react_jsx_runtime.JSX.Element;
+type CommandItemProps = ComponentProps<typeof Command.Item>;
+declare function CommandItem(props: CommandItemProps): react_jsx_runtime.JSX.Element;
+type CommandShortcutProps = ComponentProps<"span">;
+declare function CommandShortcut(props: CommandShortcutProps): react_jsx_runtime.JSX.Element;
+
+export { CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, CommandRoot, type CommandRootProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps };

package/dist/command.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Command } from 'cmdk';
+import { ComponentProps } from 'react';
+
+type CommandRootProps = ComponentProps<typeof Command>;
+declare function CommandRoot(props: CommandRootProps): react_jsx_runtime.JSX.Element;
+type CommandInputProps = ComponentProps<typeof Command.Input>;
+declare function CommandInput(props: CommandInputProps): react_jsx_runtime.JSX.Element;
+type CommandListProps = ComponentProps<typeof Command.List>;
+declare function CommandList(props: CommandListProps): react_jsx_runtime.JSX.Element;
+type CommandEmptyProps = ComponentProps<typeof Command.Empty>;
+declare function CommandEmpty(props: CommandEmptyProps): react_jsx_runtime.JSX.Element;
+type CommandGroupProps = ComponentProps<typeof Command.Group>;
+declare function CommandGroup(props: CommandGroupProps): react_jsx_runtime.JSX.Element;
+type CommandSeparatorProps = ComponentProps<typeof Command.Separator>;
+declare function CommandSeparator(props: CommandSeparatorProps): react_jsx_runtime.JSX.Element;
+type CommandItemProps = ComponentProps<typeof Command.Item>;
+declare function CommandItem(props: CommandItemProps): react_jsx_runtime.JSX.Element;
+type CommandShortcutProps = ComponentProps<"span">;
+declare function CommandShortcut(props: CommandShortcutProps): react_jsx_runtime.JSX.Element;
+
+export { CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, CommandRoot, type CommandRootProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps };

package/dist/command.js

@@ -0,0 +1,147 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/command.tsx
+var command_exports = {};
+__export(command_exports, {
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  CommandRoot: () => CommandRoot,
+  CommandSeparator: () => CommandSeparator,
+  CommandShortcut: () => CommandShortcut
+});
+module.exports = __toCommonJS(command_exports);
+var import_icons = require("@kopexa/icons");
+var import_theme = require("@kopexa/theme");
+var import_cmdk = require("cmdk");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CommandRoot(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command,
+    {
+      "data-slot": "command",
+      className: styles.root({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandInput(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-slot": "command-input-wrapper", className: styles.inputWrapper(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SearchIcon, { className: styles.inputIcon() }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_cmdk.Command.Input,
+      {
+        "data-slot": "command-input",
+        className: styles.input({ className }),
+        ...restProps
+      }
+    )
+  ] });
+}
+function CommandList(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: styles.list({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandEmpty(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: styles.empty({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandGroup(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: styles.group({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandSeparator(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: styles.separator({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandItem(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: styles.item({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandShortcut(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: styles.shortcut({ className }),
+      ...restProps
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandRoot,
+  CommandSeparator,
+  CommandShortcut
+});

package/dist/command.mjs

@@ -0,0 +1,21 @@
+"use client";
+import {
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandRoot,
+  CommandSeparator,
+  CommandShortcut
+} from "./chunk-7JHTPQ5B.mjs";
+export {
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandRoot,
+  CommandSeparator,
+  CommandShortcut
+};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { n as Command } from './namespace.mjs';
+import './command.mjs';
+import 'react/jsx-runtime';
+import 'cmdk';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { n as Command } from './namespace.js';
+import './command.js';
+import 'react/jsx-runtime';
+import 'cmdk';
+import 'react';

package/dist/index.js

@@ -0,0 +1,148 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Command: () => namespace_exports
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Empty: () => CommandEmpty,
+  Group: () => CommandGroup,
+  Input: () => CommandInput,
+  Item: () => CommandItem,
+  List: () => CommandList,
+  Root: () => CommandRoot,
+  Separator: () => CommandSeparator,
+  Shortcut: () => CommandShortcut
+});
+
+// src/command.tsx
+var import_icons = require("@kopexa/icons");
+var import_theme = require("@kopexa/theme");
+var import_cmdk = require("cmdk");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CommandRoot(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command,
+    {
+      "data-slot": "command",
+      className: styles.root({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandInput(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-slot": "command-input-wrapper", className: styles.inputWrapper(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SearchIcon, { className: styles.inputIcon() }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_cmdk.Command.Input,
+      {
+        "data-slot": "command-input",
+        className: styles.input({ className }),
+        ...restProps
+      }
+    )
+  ] });
+}
+function CommandList(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: styles.list({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandEmpty(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: styles.empty({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandGroup(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: styles.group({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandSeparator(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: styles.separator({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandItem(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: styles.item({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandShortcut(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: styles.shortcut({ className }),
+      ...restProps
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Command
+});

package/dist/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  namespace_exports
+} from "./chunk-JGIYTKFT.mjs";
+import "./chunk-7JHTPQ5B.mjs";
+export {
+  namespace_exports as Command
+};

package/dist/namespace.d.mts

@@ -0,0 +1,10 @@
+import { CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandRoot, CommandRootProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from './command.mjs';
+import 'react/jsx-runtime';
+import 'cmdk';
+import 'react';
+
+declare namespace namespace {
+  export { CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandInput as Input, CommandInputProps as InputProps, CommandItem as Item, CommandItemProps as ItemProps, CommandList as List, CommandListProps as ListProps, CommandRoot as Root, CommandRootProps as RootProps, CommandSeparator as Separator, CommandSeparatorProps as SeparatorProps, CommandShortcut as Shortcut, CommandShortcutProps as ShortcutProps };
+}
+
+export { CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandInput as Input, CommandInputProps as InputProps, CommandItem as Item, CommandItemProps as ItemProps, CommandList as List, CommandListProps as ListProps, CommandRoot as Root, CommandRootProps as RootProps, CommandSeparator as Separator, CommandSeparatorProps as SeparatorProps, CommandShortcut as Shortcut, CommandShortcutProps as ShortcutProps, namespace as n };

package/dist/namespace.d.ts

@@ -0,0 +1,10 @@
+import { CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandRoot, CommandRootProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from './command.js';
+import 'react/jsx-runtime';
+import 'cmdk';
+import 'react';
+
+declare namespace namespace {
+  export { CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandInput as Input, CommandInputProps as InputProps, CommandItem as Item, CommandItemProps as ItemProps, CommandList as List, CommandListProps as ListProps, CommandRoot as Root, CommandRootProps as RootProps, CommandSeparator as Separator, CommandSeparatorProps as SeparatorProps, CommandShortcut as Shortcut, CommandShortcutProps as ShortcutProps };
+}
+
+export { CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandInput as Input, CommandInputProps as InputProps, CommandItem as Item, CommandItemProps as ItemProps, CommandList as List, CommandListProps as ListProps, CommandRoot as Root, CommandRootProps as RootProps, CommandSeparator as Separator, CommandSeparatorProps as SeparatorProps, CommandShortcut as Shortcut, CommandShortcutProps as ShortcutProps, namespace as n };

package/dist/namespace.js

@@ -0,0 +1,149 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Empty: () => CommandEmpty,
+  Group: () => CommandGroup,
+  Input: () => CommandInput,
+  Item: () => CommandItem,
+  List: () => CommandList,
+  Root: () => CommandRoot,
+  Separator: () => CommandSeparator,
+  Shortcut: () => CommandShortcut
+});
+module.exports = __toCommonJS(namespace_exports);
+
+// src/command.tsx
+var import_icons = require("@kopexa/icons");
+var import_theme = require("@kopexa/theme");
+var import_cmdk = require("cmdk");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CommandRoot(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command,
+    {
+      "data-slot": "command",
+      className: styles.root({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandInput(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-slot": "command-input-wrapper", className: styles.inputWrapper(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SearchIcon, { className: styles.inputIcon() }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_cmdk.Command.Input,
+      {
+        "data-slot": "command-input",
+        className: styles.input({ className }),
+        ...restProps
+      }
+    )
+  ] });
+}
+function CommandList(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: styles.list({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandEmpty(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: styles.empty({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandGroup(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: styles.group({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandSeparator(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: styles.separator({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandItem(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: styles.item({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandShortcut(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: styles.shortcut({ className }),
+      ...restProps
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Empty,
+  Group,
+  Input,
+  Item,
+  List,
+  Root,
+  Separator,
+  Shortcut
+});

package/dist/namespace.mjs

@@ -0,0 +1,22 @@
+"use client";
+import "./chunk-JGIYTKFT.mjs";
+import {
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandRoot,
+  CommandSeparator,
+  CommandShortcut
+} from "./chunk-7JHTPQ5B.mjs";
+export {
+  CommandEmpty as Empty,
+  CommandGroup as Group,
+  CommandInput as Input,
+  CommandItem as Item,
+  CommandList as List,
+  CommandRoot as Root,
+  CommandSeparator as Separator,
+  CommandShortcut as Shortcut
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@kopexa/command",
+  "version": "0.0.0-canary-20250719104813",
+  "description": "Fast, composable command menu",
+  "keywords": [
+    "command"
+  ],
+  "author": "Kopexa <hello@kopexa.com>",
+  "homepage": "https://kopexa.com",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kopexa-grc/sight.git",
+    "directory": "packages/components/command"
+  },
+  "bugs": {
+    "url": "https://github.com/kopexa-grc/sight/issues"
+  },
+  "peerDependencies": {
+    "motion": ">=12.23.6",
+    "react": ">=19.0.0-rc.0",
+    "react-dom": ">=19.0.0-rc.0",
+    "@kopexa/theme": "1.1.0"
+  },
+  "dependencies": {
+    "cmdk": "^1.1.1",
+    "@kopexa/react-utils": "2.0.0",
+    "@kopexa/shared-utils": "1.1.0",
+    "@kopexa/icons": "4.0.2"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "pnpm build:fast --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit"
+  }
+}