@kopexa/command 2.0.0 → 4.0.0

package/dist/{chunk-7JHTPQ5B.mjs → chunk-3J7OJQ42.mjs}

@@ -109,6 +109,42 @@ function CommandShortcut(props) {
     }
   );
 }
+function CommandHeader(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "command-header",
+      className: styles.header({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandTitle(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "command-title",
+      className: styles.title({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandDescription(props) {
+  const { className, ...restProps } = props;
+  const styles = command();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "command-description",
+      className: styles.description({ className }),
+      ...restProps
+    }
+  );
+}
 
 export {
   __export,
@@ -119,5 +155,8 @@ export {
   CommandGroup,
   CommandSeparator,
   CommandItem,
-  CommandShortcut
+  CommandShortcut,
+  CommandHeader,
+  CommandTitle,
+  CommandDescription
 };

package/dist/{chunk-JGIYTKFT.mjs → chunk-XJU5WS6E.mjs}

@@ -1,27 +1,33 @@
 "use client";
 import {
+  CommandDescription,
   CommandEmpty,
   CommandGroup,
+  CommandHeader,
   CommandInput,
   CommandItem,
   CommandList,
   CommandRoot,
   CommandSeparator,
   CommandShortcut,
+  CommandTitle,
   __export
-} from "./chunk-7JHTPQ5B.mjs";
+} from "./chunk-3J7OJQ42.mjs";
 
 // src/namespace.ts
 var namespace_exports = {};
 __export(namespace_exports, {
+  Description: () => CommandDescription,
   Empty: () => CommandEmpty,
   Group: () => CommandGroup,
+  Header: () => CommandHeader,
   Input: () => CommandInput,
   Item: () => CommandItem,
   List: () => CommandList,
   Root: () => CommandRoot,
   Separator: () => CommandSeparator,
-  Shortcut: () => CommandShortcut
+  Shortcut: () => CommandShortcut,
+  Title: () => CommandTitle
 });
 
 export {

package/dist/command.d.mts

@@ -18,5 +18,11 @@ 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;
+type CommandHeaderProps = ComponentProps<"div">;
+declare function CommandHeader(props: CommandHeaderProps): react_jsx_runtime.JSX.Element;
+type CommandTitleProps = ComponentProps<"div">;
+declare function CommandTitle(props: CommandTitleProps): react_jsx_runtime.JSX.Element;
+type CommandDescriptionProps = ComponentProps<"p">;
+declare function CommandDescription(props: CommandDescriptionProps): 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 };
+export { CommandDescription, type CommandDescriptionProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandHeader, type CommandHeaderProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, CommandRoot, type CommandRootProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, CommandTitle, type CommandTitleProps };

package/dist/command.d.ts

@@ -18,5 +18,11 @@ 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;
+type CommandHeaderProps = ComponentProps<"div">;
+declare function CommandHeader(props: CommandHeaderProps): react_jsx_runtime.JSX.Element;
+type CommandTitleProps = ComponentProps<"div">;
+declare function CommandTitle(props: CommandTitleProps): react_jsx_runtime.JSX.Element;
+type CommandDescriptionProps = ComponentProps<"p">;
+declare function CommandDescription(props: CommandDescriptionProps): 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 };
+export { CommandDescription, type CommandDescriptionProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandHeader, type CommandHeaderProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, CommandRoot, type CommandRootProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, CommandTitle, type CommandTitleProps };

package/dist/command.js

@@ -21,14 +21,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/command.tsx
 var command_exports = {};
 __export(command_exports, {
+  CommandDescription: () => CommandDescription,
   CommandEmpty: () => CommandEmpty,
   CommandGroup: () => CommandGroup,
+  CommandHeader: () => CommandHeader,
   CommandInput: () => CommandInput,
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
   CommandRoot: () => CommandRoot,
   CommandSeparator: () => CommandSeparator,
-  CommandShortcut: () => CommandShortcut
+  CommandShortcut: () => CommandShortcut,
+  CommandTitle: () => CommandTitle
 });
 module.exports = __toCommonJS(command_exports);
 var import_icons = require("@kopexa/icons");
@@ -134,14 +137,53 @@ function CommandShortcut(props) {
     }
   );
 }
+function CommandHeader(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "command-header",
+      className: styles.header({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandTitle(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "command-title",
+      className: styles.title({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandDescription(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "command-description",
+      className: styles.description({ className }),
+      ...restProps
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CommandDescription,
   CommandEmpty,
   CommandGroup,
+  CommandHeader,
   CommandInput,
   CommandItem,
   CommandList,
   CommandRoot,
   CommandSeparator,
-  CommandShortcut
+  CommandShortcut,
+  CommandTitle
 });

package/dist/command.mjs

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

package/dist/index.js

@@ -28,14 +28,17 @@ module.exports = __toCommonJS(index_exports);
 // src/namespace.ts
 var namespace_exports = {};
 __export(namespace_exports, {
+  Description: () => CommandDescription,
   Empty: () => CommandEmpty,
   Group: () => CommandGroup,
+  Header: () => CommandHeader,
   Input: () => CommandInput,
   Item: () => CommandItem,
   List: () => CommandList,
   Root: () => CommandRoot,
   Separator: () => CommandSeparator,
-  Shortcut: () => CommandShortcut
+  Shortcut: () => CommandShortcut,
+  Title: () => CommandTitle
 });
 
 // src/command.tsx
@@ -142,6 +145,42 @@ function CommandShortcut(props) {
     }
   );
 }
+function CommandHeader(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "command-header",
+      className: styles.header({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandTitle(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "command-title",
+      className: styles.title({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandDescription(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "command-description",
+      className: styles.description({ className }),
+      ...restProps
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Command

package/dist/index.mjs

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

package/dist/namespace.d.mts

@@ -1,10 +1,10 @@
-import { CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandRoot, CommandRootProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from './command.mjs';
+import { CommandDescription, CommandDescriptionProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandHeader, CommandHeaderProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandRoot, CommandRootProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, CommandTitle, CommandTitleProps } 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 { CommandDescription as Description, CommandDescriptionProps as DescriptionProps, CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandHeader as Header, CommandHeaderProps as HeaderProps, 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, CommandTitle as Title, CommandTitleProps as TitleProps };
 }
 
-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 };
+export { CommandDescription as Description, CommandDescriptionProps as DescriptionProps, CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandHeader as Header, CommandHeaderProps as HeaderProps, 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, CommandTitle as Title, CommandTitleProps as TitleProps, namespace as n };

package/dist/namespace.d.ts

@@ -1,10 +1,10 @@
-import { CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandRoot, CommandRootProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from './command.js';
+import { CommandDescription, CommandDescriptionProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandHeader, CommandHeaderProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandRoot, CommandRootProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, CommandTitle, CommandTitleProps } 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 { CommandDescription as Description, CommandDescriptionProps as DescriptionProps, CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandHeader as Header, CommandHeaderProps as HeaderProps, 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, CommandTitle as Title, CommandTitleProps as TitleProps };
 }
 
-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 };
+export { CommandDescription as Description, CommandDescriptionProps as DescriptionProps, CommandEmpty as Empty, CommandEmptyProps as EmptyProps, CommandGroup as Group, CommandGroupProps as GroupProps, CommandHeader as Header, CommandHeaderProps as HeaderProps, 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, CommandTitle as Title, CommandTitleProps as TitleProps, namespace as n };

package/dist/namespace.js

@@ -21,14 +21,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/namespace.ts
 var namespace_exports = {};
 __export(namespace_exports, {
+  Description: () => CommandDescription,
   Empty: () => CommandEmpty,
   Group: () => CommandGroup,
+  Header: () => CommandHeader,
   Input: () => CommandInput,
   Item: () => CommandItem,
   List: () => CommandList,
   Root: () => CommandRoot,
   Separator: () => CommandSeparator,
-  Shortcut: () => CommandShortcut
+  Shortcut: () => CommandShortcut,
+  Title: () => CommandTitle
 });
 module.exports = __toCommonJS(namespace_exports);
 
@@ -136,14 +139,53 @@ function CommandShortcut(props) {
     }
   );
 }
+function CommandHeader(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "command-header",
+      className: styles.header({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandTitle(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "command-title",
+      className: styles.title({ className }),
+      ...restProps
+    }
+  );
+}
+function CommandDescription(props) {
+  const { className, ...restProps } = props;
+  const styles = (0, import_theme.command)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "command-description",
+      className: styles.description({ className }),
+      ...restProps
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Description,
   Empty,
   Group,
+  Header,
   Input,
   Item,
   List,
   Root,
   Separator,
-  Shortcut
+  Shortcut,
+  Title
 });

package/dist/namespace.mjs

@@ -1,22 +1,28 @@
 "use client";
-import "./chunk-JGIYTKFT.mjs";
+import "./chunk-XJU5WS6E.mjs";
 import {
+  CommandDescription,
   CommandEmpty,
   CommandGroup,
+  CommandHeader,
   CommandInput,
   CommandItem,
   CommandList,
   CommandRoot,
   CommandSeparator,
-  CommandShortcut
-} from "./chunk-7JHTPQ5B.mjs";
+  CommandShortcut,
+  CommandTitle
+} from "./chunk-3J7OJQ42.mjs";
 export {
+  CommandDescription as Description,
   CommandEmpty as Empty,
   CommandGroup as Group,
+  CommandHeader as Header,
   CommandInput as Input,
   CommandItem as Item,
   CommandList as List,
   CommandRoot as Root,
   CommandSeparator as Separator,
-  CommandShortcut as Shortcut
+  CommandShortcut as Shortcut,
+  CommandTitle as Title
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/command",
-  "version": "2.0.0",
+  "version": "4.0.0",
   "description": "Fast, composable command menu",
   "keywords": [
     "command"
@@ -28,13 +28,13 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "1.2.0"
+    "@kopexa/theme": "1.4.0"
   },
   "dependencies": {
     "cmdk": "^1.1.1",
-    "@kopexa/react-utils": "2.0.0",
-    "@kopexa/shared-utils": "1.1.0",
-    "@kopexa/icons": "5.0.0"
+    "@kopexa/react-utils": "2.0.1",
+    "@kopexa/shared-utils": "1.1.1",
+    "@kopexa/icons": "7.0.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",