@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/ui/components/ui/command.d.cts

@@ -2,45 +2,168 @@ import { Command as CommandPrimitive } from 'cmdk-base';
 import { Dialog } from './dialog.cjs';
 import * as React from 'react';
 /**
- * コマンドパレット/コマンドメニューのルートコンポーネント。
+ * Coordinates a searchable command list using cmdk-base.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Command composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 /**
- * ダイアログ（モーダル）内にコマンドメニューを表示するためのコンポーネント。
+ * Wraps caller-provided command content in a dialog with hidden labeling.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: title='Command Palette', description='Search for a command to run...', showCloseButton=false.
+ * @returns The rendered CommandDialog composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
+    /**
+     * Optional section heading rendered before its content.
+     */
     title?: string;
+    /**
+     * Supporting text displayed by the owning component.
+     */
     description?: string;
+    /**
+     * Additional classes merged with wrapper styling; see the component for the targeted element.
+     */
     className?: string;
+    /**
+     * Controls whether the wrapper inserts its own close button; see the component for its default.
+     */
     showCloseButton?: boolean;
+    /**
+     * Content rendered in the wrapper's child region.
+     */
     children: React.ReactNode;
 }): React.JSX.Element;
 /**
- * コマンドメニュー用のキーワード入力フィールド。
+ * Renders the command search field with a search icon.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandInput composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
 /**
- * フィルタリングされたコマンドのリストを表示するコンテナ。
+ * Renders the scrollable filtered command collection.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandList composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
 /**
- * 検索条件に一致する結果が見つからない場合に表示されるコンポーネント。
+ * Renders a message when cmdk-base reports no matching commands.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandEmpty composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
 /**
- * コマンド項目を論理的なグループにまとめるためのコンポーネント。
+ * Groups commands under optional cmdk-base heading content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
 /**
- * コマンドグループや項目同士を区切るためのセパレーター。
+ * Draws a divider between command sections.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandSeparator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
 /**
- * コマンドリスト内の個々の選択可能なアイテム。
+ * Renders an actionable command whose selection is handled by the host.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
 /**
- * コマンドアイテムの右側に表示されるショートカットキー案内テキスト。
+ * Styles shortcut text without registering a keyboard handler.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandShortcut composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/ui/components/ui/command.d.ts

@@ -2,45 +2,168 @@ import { Command as CommandPrimitive } from 'cmdk-base';
 import { Dialog } from './dialog.js';
 import * as React from 'react';
 /**
- * コマンドパレット/コマンドメニューのルートコンポーネント。
+ * Coordinates a searchable command list using cmdk-base.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Command composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 /**
- * ダイアログ（モーダル）内にコマンドメニューを表示するためのコンポーネント。
+ * Wraps caller-provided command content in a dialog with hidden labeling.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: title='Command Palette', description='Search for a command to run...', showCloseButton=false.
+ * @returns The rendered CommandDialog composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
+    /**
+     * Optional section heading rendered before its content.
+     */
     title?: string;
+    /**
+     * Supporting text displayed by the owning component.
+     */
     description?: string;
+    /**
+     * Additional classes merged with wrapper styling; see the component for the targeted element.
+     */
     className?: string;
+    /**
+     * Controls whether the wrapper inserts its own close button; see the component for its default.
+     */
     showCloseButton?: boolean;
+    /**
+     * Content rendered in the wrapper's child region.
+     */
     children: React.ReactNode;
 }): React.JSX.Element;
 /**
- * コマンドメニュー用のキーワード入力フィールド。
+ * Renders the command search field with a search icon.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandInput composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
 /**
- * フィルタリングされたコマンドのリストを表示するコンテナ。
+ * Renders the scrollable filtered command collection.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandList composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
 /**
- * 検索条件に一致する結果が見つからない場合に表示されるコンポーネント。
+ * Renders a message when cmdk-base reports no matching commands.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandEmpty composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
 /**
- * コマンド項目を論理的なグループにまとめるためのコンポーネント。
+ * Groups commands under optional cmdk-base heading content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
 /**
- * コマンドグループや項目同士を区切るためのセパレーター。
+ * Draws a divider between command sections.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandSeparator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
 /**
- * コマンドリスト内の個々の選択可能なアイテム。
+ * Renders an actionable command whose selection is handled by the host.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
 /**
- * コマンドアイテムの右側に表示されるショートカットキー案内テキスト。
+ * Styles shortcut text without registering a keyboard handler.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CommandShortcut composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.
+ * @example
+ * ```tsx
+ * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Command><CommandInput placeholder="Search commands" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading="Actions"><CommandItem onSelect={() => console.log("Open requested")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);
+ * }
+ * ```
  */
 declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/ui/components/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["CommandPrimitive","Command$1","Command","props","cn","className","CommandDialog","Dialog","DialogHeader","DialogTitle","title","DialogDescription","description","DialogContent","CommandInput","InputGroup","InputGroupAddon","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","children","Check","CommandShortcut"],"sources":["../../../../src/ui/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk-base';\nimport { Check, Search } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n// Tools Dialog uses different export structure than erp? Let's check imports.\n// ERP uses: import { Dialog, DialogContent ... } from \"../../components/ui/dialog\"\n// Tools Dialog: export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription }\n// It should be compatible.\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../../components/ui/dialog';\nimport { InputGroup, InputGroupAddon } from '../../components/ui/input-group';\n\n/**\n * コマンドパレット/コマンドメニューのルートコンポーネント。\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot='command'\n      className={cn(\n        'bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * ダイアログ（モーダル）内にコマンドメニューを表示するためのコンポーネント。\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n  children: React.ReactNode;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className='sr-only'>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('rounded-xl! overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * コマンドメニュー用のキーワード入力フィールド。\n */\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot='command-input-wrapper' className='p-1 pb-0'>\n      <InputGroup className='bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!'>\n        <CommandPrimitive.Input\n          data-slot='command-input'\n          className={cn(\n            'w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n            className,\n          )}\n          {...props}\n        />\n        <InputGroupAddon>\n          <Search className='size-4 shrink-0 opacity-50' />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n}\n\n/**\n * フィルタリングされたコマンドのリストを表示するコンテナ。\n */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot='command-list'\n      className={cn(\n        'no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * 検索条件に一致する結果が見つからない場合に表示されるコンポーネント。\n */\nfunction CommandEmpty({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot='command-empty'\n      className={cn('py-6 text-center text-sm', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * コマンド項目を論理的なグループにまとめるためのコンポーネント。\n */\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot='command-group'\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * コマンドグループや項目同士を区切るためのセパレーター。\n */\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot='command-separator'\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * コマンドリスト内の個々の選択可能なアイテム。\n */\nfunction CommandItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot='command-item'\n      className={cn(\n        \"data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <Check className='ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100' />\n    </CommandPrimitive.Item>\n  );\n}\n\n/**\n * コマンドアイテムの右側に表示されるショートカットキー案内テキスト。\n */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot='command-shortcut'\n      className={cn(\n        'text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;;;;AAuBA,SAASE,EAAQ,EAAE,cAAW,GAAGC,KAAwD;CACvF,OACE,kBAACH,GAAD;EACE,aAAU;EACV,WAAWI,EACT,8FACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAKA,SAASG,EAAc,EACrB,WAAQ,mBACR,iBAAc,kCACd,aACA,cACA,qBAAkB,IAClB,GAAGH,KAOF;CACD,OACE,kBAACI,GAAD;EAAQ,GAAIJ;EAAZ,UAAA,CACE,kBAACK,GAAD;GAAc,WAAU;GAAxB,UAAA,CACE,kBAACC,GAAD,EAAA,UAAcC,EAAmB,CAAA,GACjC,kBAACC,GAAD,EAAA,UAAoBC,EAA+B,CAAA,CACvC;EACd,CAAA,GAAA,kBAACC,GAAD;GACE,WAAWT,EAAG,mCAAmCC,CAAS;GACzC;GAEhB;EACY,CAAA,CACT;;AAEZ;AAKA,SAASS,EAAa,EACpB,cACA,GAAGX,KACmD;CACtD,OACE,kBAAC,OAAD;EAAK,aAAU;EAAwB,WAAU;EAC/C,UAAA,kBAACY,GAAD;GAAY,WAAU;GAAtB,UAAA,CACE,kBAACf,EAAiB,OAAlB;IACE,aAAU;IACV,WAAWI,EACT,iFACAC,CACF;IACA,GAAIF;GACL,CAAA,GACD,kBAACa,GAAD,EAAA,UACE,kBAACC,GAAD,EAAQ,WAAU,6BAA8B,CAAA,EACjC,CAAA,CACP;;CACT,CAAA;AAET;AAKA,SAASC,EAAY,EAAE,cAAW,GAAGf,KAA6D;CAChG,OACE,kBAACH,EAAiB,MAAlB;EACE,aAAU;EACV,WAAWI,EACT,oFACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAKA,SAASgB,EAAa,EACpB,cACA,GAAGhB,KACmD;CACtD,OACE,kBAACH,EAAiB,OAAlB;EACE,aAAU;EACV,WAAWI,EAAG,4BAA4BC,CAAS;EACnD,GAAIF;CACL,CAAA;AAEL;AAKA,SAASiB,EAAa,EACpB,cACA,GAAGjB,KACmD;CACtD,OACE,kBAACH,EAAiB,OAAlB;EACE,aAAU;EACV,WAAWI,EACT,0NACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAKA,SAASkB,EAAiB,EACxB,cACA,GAAGlB,KACuD;CAC1D,OACE,kBAACH,EAAiB,WAAlB;EACE,aAAU;EACV,WAAWI,EAAG,wBAAwBC,CAAS;EAC/C,GAAIF;CACL,CAAA;AAEL;AAKA,SAASmB,EAAY,EACnB,cACA,aACA,GAAGnB,KACkD;CACrD,OACE,kBAACH,EAAiB,MAAlB;EACE,aAAU;EACV,WAAWI,EACT,iaACAC,CACF;EACA,GAAIF;EANN,UAAA,CAQGoB,GACD,kBAACC,GAAD,EAAO,WAAU,oIAAqI,CAAA,CACjI;;AAE3B;AAKA,SAASC,EAAgB,EAAE,cAAW,GAAGtB,KAAuC;CAC9E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAWC,EACT,0GACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL"}
+{"version":3,"file":"command.js","names":["CommandPrimitive","Command$1","Command","props","cn","className","CommandDialog","Dialog","DialogHeader","DialogTitle","title","DialogDescription","description","DialogContent","CommandInput","InputGroup","InputGroupAddon","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","children","Check","CommandShortcut"],"sources":["../../../../src/ui/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Command as CommandPrimitive } from 'cmdk-base';\nimport { Check, Search } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n// Tools Dialog uses different export structure than erp? Let's check imports.\n// ERP uses: import { Dialog, DialogContent ... } from \"../../components/ui/dialog\"\n// Tools Dialog: export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription }\n// It should be compatible.\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../../components/ui/dialog';\nimport { InputGroup, InputGroupAddon } from '../../components/ui/input-group';\n\n/**\n * Coordinates a searchable command list using cmdk-base.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Command composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot='command'\n      className={cn(\n        'bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Wraps caller-provided command content in a dialog with hidden labeling.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: title='Command Palette', description='Search for a command to run...', showCloseButton=false.\n * @returns The rendered CommandDialog composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {\n  /**\n   * Optional section heading rendered before its content.\n   */\n  title?: string;\n  /**\n   * Supporting text displayed by the owning component.\n   */\n  description?: string;\n  /**\n   * Additional classes merged with wrapper styling; see the component for the targeted element.\n   */\n  className?: string;\n  /**\n   * Controls whether the wrapper inserts its own close button; see the component for its default.\n   */\n  showCloseButton?: boolean;\n  /**\n   * Content rendered in the wrapper's child region.\n   */\n  children: React.ReactNode;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className='sr-only'>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('rounded-xl! overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * Renders the command search field with a search icon.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot='command-input-wrapper' className='p-1 pb-0'>\n      <InputGroup className='bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!'>\n        <CommandPrimitive.Input\n          data-slot='command-input'\n          className={cn(\n            'w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n            className,\n          )}\n          {...props}\n        />\n        <InputGroupAddon>\n          <Search className='size-4 shrink-0 opacity-50' />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n}\n\n/**\n * Renders the scrollable filtered command collection.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandList composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot='command-list'\n      className={cn(\n        'no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders a message when cmdk-base reports no matching commands.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandEmpty composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandEmpty({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot='command-empty'\n      className={cn('py-6 text-center text-sm', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Groups commands under optional cmdk-base heading content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot='command-group'\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Draws a divider between command sections.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot='command-separator'\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders an actionable command whose selection is handled by the host.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot='command-item'\n      className={cn(\n        \"data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <Check className='ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100' />\n    </CommandPrimitive.Item>\n  );\n}\n\n/**\n * Styles shortcut text without registering a keyboard handler.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CommandShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Input/List/Group/Item require Command context. CommandDialog supplies Dialog but does not insert Command: include a Command root as its child. title defaults to Command Palette, description to Search for a command to run..., and showCloseButton to false. The host owns command effects and shortcut registration.\n * @example\n * ```tsx\n * import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Command><CommandInput placeholder=\"Search commands\" /><CommandList><CommandEmpty>No results</CommandEmpty><CommandGroup heading=\"Actions\"><CommandItem onSelect={() => console.log(\"Open requested\")}>Open<CommandShortcut>Enter</CommandShortcut></CommandItem></CommandGroup><CommandSeparator /></CommandList></Command>);\n * }\n * ```\n */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot='command-shortcut'\n      className={cn(\n        'text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;;;;AAmCA,SAASE,EAAQ,EAAE,cAAW,GAAGC,KAAwD;CACvF,OACE,kBAACH,GAAD;EACE,aAAU;EACV,WAAWI,EACT,8FACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASG,EAAc,EACrB,WAAQ,mBACR,iBAAc,kCACd,aACA,cACA,qBAAkB,IAClB,GAAGH,KAsBF;CACD,OACE,kBAACI,GAAD;EAAQ,GAAIJ;EAAZ,UAAA,CACE,kBAACK,GAAD;GAAc,WAAU;GAAxB,UAAA,CACE,kBAACC,GAAD,EAAA,UAAcC,EAAmB,CAAA,GACjC,kBAACC,GAAD,EAAA,UAAoBC,EAA+B,CAAA,CACvC;EACd,CAAA,GAAA,kBAACC,GAAD;GACE,WAAWT,EAAG,mCAAmCC,CAAS;GACzC;GAEhB;EACY,CAAA,CACT;;AAEZ;AAiBA,SAASS,EAAa,EACpB,cACA,GAAGX,KACmD;CACtD,OACE,kBAAC,OAAD;EAAK,aAAU;EAAwB,WAAU;EAC/C,UAAA,kBAACY,GAAD;GAAY,WAAU;GAAtB,UAAA,CACE,kBAACf,EAAiB,OAAlB;IACE,aAAU;IACV,WAAWI,EACT,iFACAC,CACF;IACA,GAAIF;GACL,CAAA,GACD,kBAACa,GAAD,EAAA,UACE,kBAACC,GAAD,EAAQ,WAAU,6BAA8B,CAAA,EACjC,CAAA,CACP;;CACT,CAAA;AAET;AAiBA,SAASC,EAAY,EAAE,cAAW,GAAGf,KAA6D;CAChG,OACE,kBAACH,EAAiB,MAAlB;EACE,aAAU;EACV,WAAWI,EACT,oFACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASgB,EAAa,EACpB,cACA,GAAGhB,KACmD;CACtD,OACE,kBAACH,EAAiB,OAAlB;EACE,aAAU;EACV,WAAWI,EAAG,4BAA4BC,CAAS;EACnD,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASiB,EAAa,EACpB,cACA,GAAGjB,KACmD;CACtD,OACE,kBAACH,EAAiB,OAAlB;EACE,aAAU;EACV,WAAWI,EACT,0NACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASkB,EAAiB,EACxB,cACA,GAAGlB,KACuD;CAC1D,OACE,kBAACH,EAAiB,WAAlB;EACE,aAAU;EACV,WAAWI,EAAG,wBAAwBC,CAAS;EAC/C,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASmB,EAAY,EACnB,cACA,aACA,GAAGnB,KACkD;CACrD,OACE,kBAACH,EAAiB,MAAlB;EACE,aAAU;EACV,WAAWI,EACT,iaACAC,CACF;EACA,GAAIF;EANN,UAAA,CAQGoB,GACD,kBAACC,GAAD,EAAO,WAAU,oIAAqI,CAAA,CACjI;;AAE3B;AAiBA,SAASC,EAAgB,EAAE,cAAW,GAAGtB,KAAuC;CAC9E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAWC,EACT,0GACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL"}

package/dist/ui/components/ui/context-menu.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/context-menu");var o=e=>(0,n.jsx)(a.ContextMenu.Root,{"data-slot":`context-menu`,...e});o.displayName=`ContextMenu`;var s=r.forwardRef(({...e},t)=>(0,n.jsx)(a.ContextMenu.Portal,{ref:t,"data-slot":`context-menu-portal`,...e}));s.displayName=`ContextMenuPortal`;var c=r.forwardRef(({className:e,children:r,...i},o)=>(0,n.jsx)(a.ContextMenu.Trigger,{ref:o,"data-slot":`context-menu-trigger`,className:t.cn(`select-none`,e),...i,children:r}));c.displayName=`ContextMenuTrigger`;var l=r.forwardRef(({className:e,align:r=`start`,alignOffset:i=4,side:o=`right`,sideOffset:s=0,...c},l)=>(0,n.jsx)(a.ContextMenu.Portal,{children:(0,n.jsx)(a.ContextMenu.Positioner,{className:`isolate z-50 outline-none`,align:r,alignOffset:i,side:o,sideOffset:s,children:(0,n.jsx)(a.ContextMenu.Popup,{ref:l,"data-slot":`context-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none`,e),...c})})}));l.displayName=`ContextMenuContent`;var u=r.forwardRef(({...e},t)=>(0,n.jsx)(a.ContextMenu.Group,{ref:t,"data-slot":`context-menu-group`,...e}));u.displayName=`ContextMenuGroup`;var d=r.forwardRef(({className:e,inset:r,...i},o)=>(0,n.jsx)(a.ContextMenu.GroupLabel,{ref:o,"data-slot":`context-menu-label`,"data-inset":r,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,e),...i}));d.displayName=`ContextMenuLabel`;var f=r.forwardRef(({className:e,inset:r,variant:i=`default`,...o},s)=>(0,n.jsx)(a.ContextMenu.Item,{ref:s,"data-slot":`context-menu-item`,"data-inset":r,"data-variant":i,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o}));f.displayName=`ContextMenuItem`;var p=e=>(0,n.jsx)(a.ContextMenu.SubmenuRoot,{"data-slot":`context-menu-sub`,...e});p.displayName=`ContextMenuSub`;var m=r.forwardRef(({className:e,inset:r,children:o,...s},c)=>(0,n.jsxs)(a.ContextMenu.SubmenuTrigger,{ref:c,"data-slot":`context-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[o,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]}));m.displayName=`ContextMenuSubTrigger`;var h=r.forwardRef(({...e},t)=>(0,n.jsx)(l,{ref:t,"data-slot":`context-menu-sub-content`,className:`shadow-lg`,side:`right`,...e}));h.displayName=`ContextMenuSubContent`;var g=r.forwardRef(({className:e,children:r,checked:o,...s},c)=>(0,n.jsxs)(a.ContextMenu.CheckboxItem,{ref:c,"data-slot":`context-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));g.displayName=`ContextMenuCheckboxItem`;var _=r.forwardRef(({...e},t)=>(0,n.jsx)(a.ContextMenu.RadioGroup,{ref:t,"data-slot":`context-menu-radio-group`,...e}));_.displayName=`ContextMenuRadioGroup`;var v=r.forwardRef(({className:e,children:r,...o},s)=>(0,n.jsxs)(a.ContextMenu.RadioItem,{ref:s,"data-slot":`context-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));v.displayName=`ContextMenuRadioItem`;var y=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.ContextMenu.Separator,{ref:i,"data-slot":`context-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...r}));y.displayName=`ContextMenuSeparator`;var b=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`span`,{ref:i,"data-slot":`context-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,e),...r}));b.displayName=`ContextMenuShortcut`,exports.ContextMenu=o,exports.ContextMenuCheckboxItem=g,exports.ContextMenuContent=l,exports.ContextMenuGroup=u,exports.ContextMenuItem=f,exports.ContextMenuLabel=d,exports.ContextMenuPortal=s,exports.ContextMenuRadioGroup=_,exports.ContextMenuRadioItem=v,exports.ContextMenuSeparator=y,exports.ContextMenuShortcut=b,exports.ContextMenuSub=p,exports.ContextMenuSubContent=h,exports.ContextMenuSubTrigger=m,exports.ContextMenuTrigger=c;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/context-menu");var o=e=>(0,n.jsx)(a.ContextMenu.Root,{"data-slot":`context-menu`,...e});o.displayName=`ContextMenu`;function s({ref:e,...t}){return(0,n.jsx)(a.ContextMenu.Portal,{ref:e,"data-slot":`context-menu-portal`,...t})}s.displayName=`ContextMenuPortal`;function c({ref:e,className:r,children:i,...o}){return(0,n.jsx)(a.ContextMenu.Trigger,{ref:e,"data-slot":`context-menu-trigger`,className:t.cn(`select-none`,r),...o,children:i})}c.displayName=`ContextMenuTrigger`;function l({ref:e,className:r,align:i=`start`,alignOffset:o=4,side:s=`right`,sideOffset:c=0,...l}){return(0,n.jsx)(a.ContextMenu.Portal,{children:(0,n.jsx)(a.ContextMenu.Positioner,{className:`isolate z-50 outline-none`,align:i,alignOffset:o,side:s,sideOffset:c,children:(0,n.jsx)(a.ContextMenu.Popup,{ref:e,"data-slot":`context-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none`,r),...l})})})}l.displayName=`ContextMenuContent`;function u({ref:e,...t}){return(0,n.jsx)(a.ContextMenu.Group,{ref:e,"data-slot":`context-menu-group`,...t})}u.displayName=`ContextMenuGroup`;function d({ref:e,className:r,inset:i,...o}){return(0,n.jsx)(a.ContextMenu.GroupLabel,{ref:e,"data-slot":`context-menu-label`,"data-inset":i,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,r),...o})}d.displayName=`ContextMenuLabel`;function f({ref:e,className:r,inset:i,variant:o=`default`,...s}){return(0,n.jsx)(a.ContextMenu.Item,{ref:e,"data-slot":`context-menu-item`,"data-inset":i,"data-variant":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...s})}f.displayName=`ContextMenuItem`;var p=e=>(0,n.jsx)(a.ContextMenu.SubmenuRoot,{"data-slot":`context-menu-sub`,...e});p.displayName=`ContextMenuSub`;function m({ref:e,className:r,inset:o,children:s,...c}){return(0,n.jsxs)(a.ContextMenu.SubmenuTrigger,{ref:e,"data-slot":`context-menu-sub-trigger`,"data-inset":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...c,children:[s,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]})}m.displayName=`ContextMenuSubTrigger`;function h({ref:e,...t}){return(0,n.jsx)(l,{ref:e,"data-slot":`context-menu-sub-content`,className:`shadow-lg`,side:`right`,...t})}h.displayName=`ContextMenuSubContent`;function g({ref:e,className:r,children:o,checked:s,...c}){return(0,n.jsxs)(a.ContextMenu.CheckboxItem,{ref:e,"data-slot":`context-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),checked:s,...c,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}g.displayName=`ContextMenuCheckboxItem`;function _({ref:e,...t}){return(0,n.jsx)(a.ContextMenu.RadioGroup,{ref:e,"data-slot":`context-menu-radio-group`,...t})}_.displayName=`ContextMenuRadioGroup`;function v({ref:e,className:r,children:o,...s}){return(0,n.jsxs)(a.ContextMenu.RadioItem,{ref:e,"data-slot":`context-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...s,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}v.displayName=`ContextMenuRadioItem`;function y({ref:e,className:r,...i}){return(0,n.jsx)(a.ContextMenu.Separator,{ref:e,"data-slot":`context-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,r),...i})}y.displayName=`ContextMenuSeparator`;function b({ref:e,className:r,...i}){return(0,n.jsx)(`span`,{ref:e,"data-slot":`context-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,r),...i})}b.displayName=`ContextMenuShortcut`,exports.ContextMenu=o,exports.ContextMenuCheckboxItem=g,exports.ContextMenuContent=l,exports.ContextMenuGroup=u,exports.ContextMenuItem=f,exports.ContextMenuLabel=d,exports.ContextMenuPortal=s,exports.ContextMenuRadioGroup=_,exports.ContextMenuRadioItem=v,exports.ContextMenuSeparator=y,exports.ContextMenuShortcut=b,exports.ContextMenuSub=p,exports.ContextMenuSubContent=h,exports.ContextMenuSubTrigger=m,exports.ContextMenuTrigger=c;
 //# sourceMappingURL=context-menu.cjs.map