@alneas/appkit-react 0.1.0 → 0.2.0

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.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","React","cn","ChevronRightIcon","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_context_menu","ContextMenu","props","ContextMenuPortal","ContextMenuTrigger","className","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","inset","ContextMenuItem","variant","ContextMenuSub","ContextMenuSubTrigger","children","ContextMenuSubContent","ContextMenuCheckboxItem","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut"],"sources":["../../../../src/ui/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * コンテキストメニュー（右クリックメニュー）のルートコンポーネント。\n */\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n  <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\n\nconst ContextMenuPortal = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Portal.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Portal ref={ref} data-slot='context-menu-portal' {...props} />\n  ),\n);\nContextMenuPortal.displayName = 'ContextMenuPortal';\n\nconst ContextMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Trigger>,\n  ContextMenuPrimitive.Trigger.Props\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.Trigger\n    ref={ref}\n    data-slot='context-menu-trigger'\n    className={cn('select-none', className)}\n    {...props}\n  >\n    {children}\n  </ContextMenuPrimitive.Trigger>\n));\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\nconst ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Popup.Props &\n    Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'start', alignOffset = 4, side = 'right', sideOffset = 0, ...props },\n    ref,\n  ) => (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot='context-menu-content'\n          className={cn(\n            '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',\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\nconst ContextMenuGroup = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Group.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Group ref={ref} data-slot='context-menu-group' {...props} />\n  ),\n);\nContextMenuGroup.displayName = 'ContextMenuGroup';\n\nconst ContextMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.GroupLabel.Props & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.GroupLabel\n    ref={ref}\n    data-slot='context-menu-label'\n    data-inset={inset}\n    className={cn(\n      'text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Item.Props & {\n    inset?: boolean;\n    variant?: 'default' | 'destructive';\n  }\n>(({ className, inset, variant = 'default', ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    data-slot='context-menu-item'\n    data-inset={inset}\n    data-variant={variant}\n    className={cn(\n      \"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\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuItem.displayName = 'ContextMenuItem';\n\n/**\n * コンテキストメニュー内でさらに深い階層のメニュー（サブメニュー）を作成するためのコンポーネント。\n */\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n  <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubmenuTrigger\n    ref={ref}\n    data-slot='context-menu-sub-trigger'\n    data-inset={inset}\n    className={cn(\n      \"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\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className='ml-auto' />\n  </ContextMenuPrimitive.SubmenuTrigger>\n));\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\nconst ContextMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ContextMenuContent>\n>(({ ...props }, ref) => (\n  <ContextMenuContent\n    ref={ref}\n    data-slot='context-menu-sub-content'\n    className='shadow-lg'\n    side='right'\n    {...props}\n  />\n));\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.CheckboxItem.Props\n>(({ className, children, checked, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot='context-menu-checkbox-item'\n    className={cn(\n      \"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\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className='absolute right-2 pointer-events-none'>\n      <ContextMenuPrimitive.CheckboxItemIndicator>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioGroup = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.RadioGroup.Props\n>(({ ...props }, ref) => (\n  <ContextMenuPrimitive.RadioGroup ref={ref} data-slot='context-menu-radio-group' {...props} />\n));\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='context-menu-radio-item'\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator\n      ref={ref}\n      data-slot='context-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot='context-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":"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"}
+{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","React","cn","ChevronRightIcon","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_context_menu","ContextMenu","props","ContextMenuPortal","ContextMenuTrigger","className","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","inset","ContextMenuItem","variant","ContextMenuSub","ContextMenuSubTrigger","children","ContextMenuSubContent","ContextMenuCheckboxItem","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut"],"sources":["../../../../src/ui/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates popup menu state and focus behavior.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n  <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\n\n/**\n * Mounts menu descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuPortal = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Portal.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Portal ref={ref} data-slot='context-menu-portal' {...props} />\n  ),\n);\nContextMenuPortal.displayName = 'ContextMenuPortal';\n\n/**\n * Renders the control or context target that opens a menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Trigger>,\n  ContextMenuPrimitive.Trigger.Props\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.Trigger\n    ref={ref}\n    data-slot='context-menu-trigger'\n    className={cn('select-none', className)}\n    {...props}\n  >\n    {children}\n  </ContextMenuPrimitive.Trigger>\n));\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\n/**\n * Portals the menu popup through its positioned container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.\n * @returns The rendered ContextMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Popup.Props &\n    Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'start', alignOffset = 4, side = 'right', sideOffset = 0, ...props },\n    ref,\n  ) => (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot='context-menu-content'\n          className={cn(\n            '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',\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * Groups related menu actions.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuGroup = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Group.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Group ref={ref} data-slot='context-menu-group' {...props} />\n  ),\n);\nContextMenuGroup.displayName = 'ContextMenuGroup';\n\n/**\n * Renders the accessible label of a menu group with optional inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.GroupLabel.Props & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.GroupLabel\n    ref={ref}\n    data-slot='context-menu-label'\n    data-inset={inset}\n    className={cn(\n      'text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\n/**\n * Renders a menu action with optional destructive styling and inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.\n * @returns The rendered ContextMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Item.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n  }\n>(({ className, inset, variant = 'default', ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    data-slot='context-menu-item'\n    data-inset={inset}\n    data-variant={variant}\n    className={cn(\n      \"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\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuItem.displayName = 'ContextMenuItem';\n\n/**\n * Coordinates a submenu nested inside a parent menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n  <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\n/**\n * Renders a submenu opener with a trailing chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.SubmenuTrigger.Props & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubmenuTrigger\n    ref={ref}\n    data-slot='context-menu-sub-trigger'\n    data-inset={inset}\n    className={cn(\n      \"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\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className='ml-auto' />\n  </ContextMenuPrimitive.SubmenuTrigger>\n));\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\n/**\n * Renders a positioned submenu popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ContextMenuContent>\n>(({ ...props }, ref) => (\n  <ContextMenuContent\n    ref={ref}\n    data-slot='context-menu-sub-content'\n    className='shadow-lg'\n    side='right'\n    {...props}\n  />\n));\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\n/**\n * Renders a checked menu action with a checkmark indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.CheckboxItem.Props\n>(({ className, children, checked, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot='context-menu-checkbox-item'\n    className={cn(\n      \"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\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className='absolute right-2 pointer-events-none'>\n      <ContextMenuPrimitive.CheckboxItemIndicator>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\n/**\n * Coordinates mutually exclusive menu choices.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuRadioGroup = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.RadioGroup.Props\n>(({ ...props }, ref) => (\n  <ContextMenuPrimitive.RadioGroup ref={ref} data-slot='context-menu-radio-group' {...props} />\n));\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';\n\n/**\n * Renders one value in a menu radio group.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='context-menu-radio-item'\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\n/**\n * Draws a divider between menu sections.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator\n      ref={ref}\n      data-slot='context-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\n/**\n * Styles a shortcut hint without installing keyboard listeners.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot='context-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":"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"}