@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/ui/components/ui/combobox-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-components.js","names":["ComboboxPrimitive","Combobox$1","Combobox","ComboboxValue","props","ComboboxTrigger","cn","className","children","ChevronDown","ComboboxClear","InputGroupButton","X","ComboboxInput","InputGroup","InputGroupInput","InputGroupAddon","showTrigger","showClear","ComboboxContent","anchor","ComboboxList","ComboboxItem","Check","ComboboxGroup","ComboboxLabel","ComboboxCollection","ComboboxEmpty","ComboboxSeparator","ComboboxChips","ComboboxChip","showRemove","Button","ComboboxChipsInput"],"sources":["../../../../src/ui/components/ui/combobox-components.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { ChevronDown, X, Check } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n// Tools Button export structure matches\nimport { Button } from '../../components/ui/button';\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from '../../components/ui/input-group';\n\n// Re-export or alias Root\nconst Combobox = ComboboxPrimitive.Root;\n\n/**\n * コントロール内に現在選択されている値を表示するコンポーネント。\n */\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot='combobox-value' {...props} />;\n}\n\n/**\n * コボボックスのドロップダウンメニューを展開するためのトリガーボタン。\n */\nfunction ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot='combobox-trigger'\n      aria-label='Show options'\n      className={cn(\"[&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronDown className='text-muted-foreground size-4 pointer-events-none' />\n    </ComboboxPrimitive.Trigger>\n  );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot='combobox-clear'\n      aria-label='Clear selection'\n      render={<InputGroupButton variant='ghost' size='icon-xs' />}\n      className={cn(className)}\n      {...props}\n    >\n      <X className='pointer-events-none' />\n    </ComboboxPrimitive.Clear>\n  );\n}\n\n/**\n * ユーザーが検索クエリを入力するためのテキスト入力フィールド。\n */\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean;\n  showClear?: boolean;\n}) {\n  return (\n    <InputGroup className={cn('w-auto', className)}>\n      <ComboboxPrimitive.Input render={<InputGroupInput disabled={disabled} />} {...props} />\n      <InputGroupAddon align='inline-end'>\n        {showTrigger && (\n          <InputGroupButton\n            size='icon-xs'\n            variant='ghost'\n            render={<ComboboxTrigger />}\n            data-slot='input-group-button'\n            className='group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent'\n            disabled={disabled}\n          />\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  );\n}\n\n/**\n * コボボックスのドロップダウンポップアップを表示するコンテナ。\n */\nfunction ComboboxContent({\n  className,\n  side = 'bottom',\n  sideOffset = 6,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className='isolate z-50'\n      >\n        <ComboboxPrimitive.Popup\n          data-slot='combobox-content'\n          data-chips={!!anchor}\n          className={cn(\n            'bg-popover text-popover-foreground 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 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)',\n            className,\n          )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\n/**\n * 選択肢のリストを表示するためのコンテナコンポーネント。\n */\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot='combobox-list'\n      className={cn(\n        'no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * リスト内の個々の選択肢アイテム。\n */\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot='combobox-item'\n      className={cn(\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full 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      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className='pointer-events-none absolute right-2 flex size-4 items-center justify-center' />\n        }\n      >\n        <Check className='pointer-events-none' />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n}\n\n/**\n * 複数の選択肢アイテムを関連するグループにまとめるためのコンポーネント。\n */\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group data-slot='combobox-group' className={cn(className)} {...props} />\n  );\n}\n\n/**\n * グループのヘッダーやタイトルを表示するラベル。\n */\nfunction ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot='combobox-label'\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * 動的なアイテムのコレクションを表示するためのヘルパーコンポーネント。\n */\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return <ComboboxPrimitive.Collection data-slot='combobox-collection' {...props} />;\n}\n\n/**\n * 検索結果が空の時に表示されるメッセージコンポーネント。\n */\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot='combobox-empty'\n      className={cn(\n        'text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * グループやアイテム同士を区切るためのセパレーター（区切り線）。\n */\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot='combobox-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * 複数選択時に選択された値をチップス（タグ）として表示するコンテナ。\n */\nfunction ComboboxChips({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot='combobox-chips'\n      className={cn(\n        'dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * 選択された値を表す個々のチップ（タグ）コンポーネント。\n */\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean;\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot='combobox-chip'\n      className={cn(\n        'bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant='ghost' size='icon-xs' />}\n          className='-ml-1 opacity-50 hover:opacity-100'\n          data-slot='combobox-chip-remove'\n        >\n          <X className='pointer-events-none' />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  );\n}\n\n/**\n * チップスモード用のテキスト入力フィールド。\n */\nfunction ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot='combobox-chip-input'\n      className={cn('min-w-16 flex-1 outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n};\n"],"mappings":"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"}
+{"version":3,"file":"combobox-components.js","names":["ComboboxPrimitive","Combobox$1","Combobox","ComboboxValue","props","ComboboxTrigger","cn","className","children","ChevronDown","ComboboxClear","InputGroupButton","X","ComboboxInput","InputGroup","InputGroupInput","InputGroupAddon","showTrigger","showClear","ComboboxContent","anchor","ComboboxList","ComboboxItem","Check","ComboboxGroup","ComboboxLabel","ComboboxCollection","ComboboxEmpty","ComboboxSeparator","ComboboxChips","ComboboxChip","showRemove","Button","ComboboxChipsInput"],"sources":["../../../../src/ui/components/ui/combobox-components.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { ChevronDown, X, Check } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n// Tools Button export structure matches\nimport { Button } from '../../components/ui/button';\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from '../../components/ui/input-group';\n\n// Re-export or alias Root\n/**\n * Coordinates searchable selection using the Base UI Combobox root.\n * @typeParam Value - Selection value represented by an item and emitted by selection callbacks; inferred from the root props.\n * @typeParam Multiple - Whether selection uses an array; extends boolean | undefined and defaults to false.\n * @typeParam Item - Root collection item shape, defaulting to Value; may differ when explicit item-to-value conversion is configured.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered Combobox composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nconst Combobox = ComboboxPrimitive.Root;\n\n/**\n * Renders the current combobox selection using its root context.\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 ComboboxValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot='combobox-value' {...props} />;\n}\n\n/**\n * Renders the control that toggles the combobox 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 ComboboxTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot='combobox-trigger'\n      aria-label='Show options'\n      className={cn(\"[&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronDown className='text-muted-foreground size-4 pointer-events-none' />\n    </ComboboxPrimitive.Trigger>\n  );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot='combobox-clear'\n      aria-label='Clear selection'\n      render={<InputGroupButton variant='ghost' size='icon-xs' />}\n      className={cn(className)}\n      {...props}\n    >\n      <X className='pointer-events-none' />\n    </ComboboxPrimitive.Clear>\n  );\n}\n\n/**\n * Combines a search input with optional trigger and clear controls.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: disabled=false, showTrigger=true, showClear=false.\n * @returns The rendered ComboboxInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option. className targets the outer InputGroup; children are appended inside that group. disabled defaults to false.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  /**\n   * Includes the popup toggle beside the combobox input; defaults to true.\n   */\n  showTrigger?: boolean;\n  /**\n   * Includes the clear-selection control beside the combobox input; defaults to false.\n   */\n  showClear?: boolean;\n}) {\n  return (\n    <InputGroup className={cn('w-auto', className)}>\n      <ComboboxPrimitive.Input render={<InputGroupInput disabled={disabled} />} {...props} />\n      <InputGroupAddon align='inline-end'>\n        {showTrigger && (\n          <InputGroupButton\n            size='icon-xs'\n            variant='ghost'\n            render={<ComboboxTrigger />}\n            data-slot='input-group-button'\n            className='group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent'\n            disabled={disabled}\n          />\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  );\n}\n\n/**\n * Portals and positions the combobox popup relative to its input or explicit anchor.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='bottom', sideOffset=6, align='start', alignOffset=0.\n * @returns The rendered ComboboxContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxContent({\n  className,\n  side = 'bottom',\n  sideOffset = 6,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className='isolate z-50'\n      >\n        <ComboboxPrimitive.Popup\n          data-slot='combobox-content'\n          data-chips={!!anchor}\n          className={cn(\n            'bg-popover text-popover-foreground 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 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)',\n            className,\n          )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\n/**\n * Renders the scrollable collection of combobox results.\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 ComboboxList composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot='combobox-list'\n      className={cn(\n        'no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders one selectable result with a built-in selected 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 ComboboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot='combobox-item'\n      className={cn(\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full 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      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className='pointer-events-none absolute right-2 flex size-4 items-center justify-center' />\n        }\n      >\n        <Check className='pointer-events-none' />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n}\n\n/**\n * Groups related combobox results.\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 ComboboxGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group data-slot='combobox-group' className={cn(className)} {...props} />\n  );\n}\n\n/**\n * Labels the surrounding combobox result 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 ComboboxLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot='combobox-label'\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders results from the root collection using Base UI collection semantics.\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 ComboboxCollection composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return <ComboboxPrimitive.Collection data-slot='combobox-collection' {...props} />;\n}\n\n/**\n * Displays an empty-results message in the combobox 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 ComboboxEmpty composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot='combobox-empty'\n      className={cn(\n        'text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Draws a separator between result groups.\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 ComboboxSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot='combobox-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Lays out the selected chips for a multiple-selection combobox.\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 ComboboxChips composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxChips({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot='combobox-chips'\n      className={cn(\n        'dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders one selected value with an optional remove control.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showRemove=true.\n * @returns The rendered ComboboxChip composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  /**\n   * Includes a remove button in a selected chip; defaults to true.\n   */\n  showRemove?: boolean;\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot='combobox-chip'\n      className={cn(\n        'bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant='ghost' size='icon-xs' />}\n          className='-ml-1 opacity-50 hover:opacity-100'\n          data-slot='combobox-chip-remove'\n        >\n          <X className='pointer-events-none' />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  );\n}\n\n/**\n * Renders the search input within a multiple-selection chip 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 ComboboxChipsInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. All interactive parts require Combobox context. Base UI owns generic value inference, selection and collection filtering; the wrapper does not fetch results. Input showTrigger defaults to true and showClear to false; Chip showRemove defaults to true. Content accepts an anchor for chip-based layouts; chips require the root multiple option.\n * @example\n * ```tsx\n * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Combobox items={[\"Apple\", \"Pear\"]}><ComboboxInput aria-label=\"Fruit\" /><ComboboxContent><ComboboxEmpty>No results</ComboboxEmpty><ComboboxList>{(item: string) => <ComboboxItem key={item} value={item}>{item}</ComboboxItem>}</ComboboxList></ComboboxContent></Combobox>);\n * }\n * ```\n */\nfunction ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot='combobox-chip-input'\n      className={cn('min-w-16 flex-1 outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n};\n"],"mappings":"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"}

package/dist/ui/components/ui/combobox-hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-hooks.cjs","names":["React","require_runtime","react","useComboboxAnchor"],"sources":["../../../../src/ui/components/ui/combobox-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * コンボボックスのポップアップ位置の基準（アンカー）となる要素を保持するためのRefを生成するカスタムフック。\n */\nexport function useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n"],"mappings":"A,mLAKA,SAAgBG,GAAoB,CAClC,OAAOH,EAAM,OAA8B,IAAI,CACjD,C"}
+{"version":3,"file":"combobox-hooks.cjs","names":["React","require_runtime","react","useComboboxAnchor"],"sources":["../../../../src/ui/components/ui/combobox-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Creates a stable div reference for anchoring a combobox popup.\n * @returns A stable mutable div ref, initially null.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Call inside a React component. The ref starts at null, is assigned by React after mounting and cleared on unmount; pass it to the div and Content anchor.\n * @example\n * ```tsx\n * import { useComboboxAnchor, Combobox, ComboboxInput, ComboboxContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const anchor = useComboboxAnchor();\n *   return (<Combobox><div ref={anchor}><ComboboxInput aria-label=\"Search\" /></div><ComboboxContent anchor={anchor}>Options</ComboboxContent></Combobox>);\n * }\n * ```\n */\nexport function useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n"],"mappings":"A,mLAiBA,SAAgBG,GAAoB,CAClC,OAAOH,EAAM,OAA8B,IAAI,CACjD,C"}

package/dist/ui/components/ui/combobox-hooks.d.cts

@@ -1,5 +1,17 @@
 import * as React from 'react';
 /**
- * コンボボックスのポップアップ位置の基準（アンカー）となる要素を保持するためのRefを生成するカスタムフック。
+ * Creates a stable div reference for anchoring a combobox popup.
+ * @returns A stable mutable div ref, initially null.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Call inside a React component. The ref starts at null, is assigned by React after mounting and cleared on unmount; pass it to the div and Content anchor.
+ * @example
+ * ```tsx
+ * import { useComboboxAnchor, Combobox, ComboboxInput, ComboboxContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const anchor = useComboboxAnchor();
+ *   return (<Combobox><div ref={anchor}><ComboboxInput aria-label="Search" /></div><ComboboxContent anchor={anchor}>Options</ComboboxContent></Combobox>);
+ * }
+ * ```
  */
 export declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;

package/dist/ui/components/ui/combobox-hooks.d.ts

@@ -1,5 +1,17 @@
 import * as React from 'react';
 /**
- * コンボボックスのポップアップ位置の基準（アンカー）となる要素を保持するためのRefを生成するカスタムフック。
+ * Creates a stable div reference for anchoring a combobox popup.
+ * @returns A stable mutable div ref, initially null.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Call inside a React component. The ref starts at null, is assigned by React after mounting and cleared on unmount; pass it to the div and Content anchor.
+ * @example
+ * ```tsx
+ * import { useComboboxAnchor, Combobox, ComboboxInput, ComboboxContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const anchor = useComboboxAnchor();
+ *   return (<Combobox><div ref={anchor}><ComboboxInput aria-label="Search" /></div><ComboboxContent anchor={anchor}>Options</ComboboxContent></Combobox>);
+ * }
+ * ```
  */
 export declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;

package/dist/ui/components/ui/combobox-hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-hooks.js","names":["React","React$1","useComboboxAnchor"],"sources":["../../../../src/ui/components/ui/combobox-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * コンボボックスのポップアップ位置の基準（アンカー）となる要素を保持するためのRefを生成するカスタムフック。\n */\nexport function useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n"],"mappings":";;;AAKA,SAAgBE,IAAoB;CAClC,OAAOF,EAAM,OAA8B,IAAI;AACjD"}
+{"version":3,"file":"combobox-hooks.js","names":["React","React$1","useComboboxAnchor"],"sources":["../../../../src/ui/components/ui/combobox-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Creates a stable div reference for anchoring a combobox popup.\n * @returns A stable mutable div ref, initially null.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Call inside a React component. The ref starts at null, is assigned by React after mounting and cleared on unmount; pass it to the div and Content anchor.\n * @example\n * ```tsx\n * import { useComboboxAnchor, Combobox, ComboboxInput, ComboboxContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const anchor = useComboboxAnchor();\n *   return (<Combobox><div ref={anchor}><ComboboxInput aria-label=\"Search\" /></div><ComboboxContent anchor={anchor}>Options</ComboboxContent></Combobox>);\n * }\n * ```\n */\nexport function useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n"],"mappings":";;;AAiBA,SAAgBE,IAAoB;CAClC,OAAOF,EAAM,OAA8B,IAAI;AACjD"}

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

@@ -1 +1 @@
-{"version":3,"file":"command.cjs","names":["CommandPrimitive","cn","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","InputGroup","InputGroupAddon","Search","Check","require_runtime","require_ui_lib_utils","require_ui_components_ui_input_group","require_ui_components_ui_dialog","react_jsx_runtime","react","lucide_react","cmdk_base","Command","props","className","CommandDialog","title","description","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","children","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":"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"}
+{"version":3,"file":"command.cjs","names":["CommandPrimitive","cn","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","InputGroup","InputGroupAddon","Search","Check","require_runtime","require_ui_lib_utils","require_ui_components_ui_input_group","require_ui_components_ui_dialog","react_jsx_runtime","react","lucide_react","cmdk_base","Command","props","className","CommandDialog","title","description","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","children","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":"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"}

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, };