@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -1,14 +1,50 @@
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
 /**
- * 折りたたみ可能なコンテンツ領域を制御するルートコンポーネント。
+ * Coordinates the open state of one disclosure region.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Collapsible composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.
+ * @example
+ * ```tsx
+ * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);
+ * }
+ * ```
  */
 declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import('react').JSX.Element;
 /**
- * コンテンツの展開と折りたたみを切り替えるためのトリガーボタン。
+ * Renders the button that toggles its disclosure region.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered CollapsibleTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.
+ * @example
+ * ```tsx
+ * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);
+ * }
+ * ```
  */
 declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import('react').JSX.Element;
 /**
- * 開閉可能なコンテンツが表示される領域。
+ * Renders the panel associated with a disclosure trigger.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered CollapsibleContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.
+ * @example
+ * ```tsx
+ * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);
+ * }
+ * ```
  */
 declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import('react').JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -1,14 +1,50 @@
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
 /**
- * 折りたたみ可能なコンテンツ領域を制御するルートコンポーネント。
+ * Coordinates the open state of one disclosure region.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Collapsible composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.
+ * @example
+ * ```tsx
+ * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);
+ * }
+ * ```
  */
 declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import('react').JSX.Element;
 /**
- * コンテンツの展開と折りたたみを切り替えるためのトリガーボタン。
+ * Renders the button that toggles its disclosure region.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered CollapsibleTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.
+ * @example
+ * ```tsx
+ * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);
+ * }
+ * ```
  */
 declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import('react').JSX.Element;
 /**
- * 開閉可能なコンテンツが表示される領域。
+ * Renders the panel associated with a disclosure trigger.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered CollapsibleContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.
+ * @example
+ * ```tsx
+ * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);
+ * }
+ * ```
  */
 declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import('react').JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive","Collapsible$1","Collapsible","props","CollapsibleTrigger","CollapsibleContent"],"sources":["../../../../src/ui/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\n\n/**\n * 折りたたみ可能なコンテンツ領域を制御するルートコンポーネント。\n */\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />;\n}\n\n/**\n * コンテンツの展開と折りたたみを切り替えるためのトリガーボタン。\n */\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n  return <CollapsiblePrimitive.Trigger data-slot='collapsible-trigger' {...props} />;\n}\n\n/**\n * 開閉可能なコンテンツが表示される領域。\n */\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n  return <CollapsiblePrimitive.Panel data-slot='collapsible-content' {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;;AAOA,SAASE,EAAY,EAAE,GAAGC,KAA0C;CAClE,OAAO,kBAACH,EAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAIG;CAAQ,CAAA;AACxE;AAKA,SAASC,EAAmB,EAAE,GAAGD,KAA6C;CAC5E,OAAO,kBAACH,EAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAIG;CAAQ,CAAA;AACnF;AAKA,SAASE,EAAmB,EAAE,GAAGF,KAA2C;CAC1E,OAAO,kBAACH,EAAqB,OAAtB;EAA4B,aAAU;EAAsB,GAAIG;CAAQ,CAAA;AACjF"}
+{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive","Collapsible$1","Collapsible","props","CollapsibleTrigger","CollapsibleContent"],"sources":["../../../../src/ui/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\n\n/**\n * Coordinates the open state of one disclosure region.\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 Collapsible composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);\n * }\n * ```\n */\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />;\n}\n\n/**\n * Renders the button that toggles its disclosure region.\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 CollapsibleTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);\n * }\n * ```\n */\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n  return <CollapsiblePrimitive.Trigger data-slot='collapsible-trigger' {...props} />;\n}\n\n/**\n * Renders the panel associated with a disclosure trigger.\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 CollapsibleContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);\n * }\n * ```\n */\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n  return <CollapsiblePrimitive.Panel data-slot='collapsible-content' {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;;AAmBA,SAASE,EAAY,EAAE,GAAGC,KAA0C;CAClE,OAAO,kBAACH,EAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAIG;CAAQ,CAAA;AACxE;AAiBA,SAASC,EAAmB,EAAE,GAAGD,KAA6C;CAC5E,OAAO,kBAACH,EAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAIG;CAAQ,CAAA;AACnF;AAiBA,SAASE,EAAmB,EAAE,GAAGF,KAA2C;CAC1E,OAAO,kBAACH,EAAqB,OAAtB;EAA4B,aAAU;EAAsB,GAAIG;CAAQ,CAAA;AACjF"}

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-components.cjs","names":["ComboboxPrimitive","cn","ChevronDown","InputGroupButton","X","InputGroup","InputGroupInput","InputGroupAddon","Check","Button","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_input_group","react_jsx_runtime","react","lucide_react","_base_ui_react_combobox","Combobox","ComboboxValue","props","ComboboxTrigger","className","children","ComboboxClear","ComboboxInput","showTrigger","showClear","ComboboxContent","anchor","ComboboxList","ComboboxItem","ComboboxGroup","ComboboxLabel","ComboboxCollection","ComboboxEmpty","ComboboxSeparator","ComboboxChips","ComboboxChip","showRemove","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.cjs","names":["ComboboxPrimitive","cn","ChevronDown","InputGroupButton","X","InputGroup","InputGroupInput","InputGroupAddon","Check","Button","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_input_group","react_jsx_runtime","react","lucide_react","_base_ui_react_combobox","Combobox","ComboboxValue","props","ComboboxTrigger","className","children","ComboboxClear","ComboboxInput","showTrigger","showClear","ComboboxContent","anchor","ComboboxList","ComboboxItem","ComboboxGroup","ComboboxLabel","ComboboxCollection","ComboboxEmpty","ComboboxSeparator","ComboboxChips","ComboboxChip","showRemove","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":"A,uYAmCA,IAAMkB,EAAWlB,EAAAA,SAAkB,KAiBnC,SAASmB,EAAc,CAAE,GAAGC,GAAwC,CAClE,OAAO,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CAAyB,YAAU,iBAAiB,GAAIoB,CAAQ,CAAA,CACzE,CAiBA,SAASC,EAAgB,CAAE,YAAW,WAAU,GAAGD,GAA0C,CAC3F,OACE,EAAAN,EAAA,KAAA,CAACd,EAAAA,SAAkB,QAAnB,CACE,YAAU,mBACV,aAAW,eACX,UAAWC,EAAAA,GAAG,uCAAwCqB,CAAS,EAC/D,GAAIF,EAJN,SAAA,CAMGG,GACD,EAAAT,EAAA,IAAA,CAACZ,EAAAA,YAAD,CAAa,UAAU,kDAAoD,CAAA,CAClD,C,EAE/B,CAEA,SAASsB,EAAc,CAAE,YAAW,GAAGJ,GAAwC,CAC7E,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CACE,YAAU,iBACV,aAAW,kBACX,QAAQ,EAAAc,EAAA,IAAA,CAACX,EAAAA,iBAAD,CAAkB,QAAQ,QAAQ,KAAK,SAAW,CAAA,EAC1D,UAAWF,EAAAA,GAAGqB,CAAS,EACvB,GAAIF,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACV,EAAAA,EAAD,CAAG,UAAU,qBAAuB,CAAA,CACb,CAAA,CAE7B,CAiBA,SAASqB,EAAc,CACrB,YACA,WACA,WAAW,GACX,cAAc,GACd,YAAY,GACZ,GAAGL,GAUF,CACD,OACE,EAAAN,EAAA,KAAA,CAACT,EAAAA,WAAD,CAAY,UAAWJ,EAAAA,GAAG,SAAUqB,CAAS,EAA7C,SAAA,EACE,EAAAR,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CAAyB,QAAQ,EAAAc,EAAA,IAAA,CAACR,EAAAA,gBAAD,CAA2B,UAAW,CAAA,EAAG,GAAIc,CAAQ,CAAA,GACtF,EAAAN,EAAA,KAAA,CAACP,EAAAA,gBAAD,CAAiB,MAAM,aAAvB,SAAA,CACGmB,IACC,EAAAZ,EAAA,IAAA,CAACX,EAAAA,iBAAD,CACE,KAAK,UACL,QAAQ,QACR,QAAQ,EAAAW,EAAA,IAAA,CAACO,EAAD,CAAkB,CAAA,EAC1B,YAAU,qBACV,UAAU,sFACA,UACX,CAAA,EAEFM,IAAa,EAAAb,EAAA,IAAA,CAACU,EAAD,CAAyB,UAAW,CAAA,CACnC,C,GAChBD,CACS,C,EAEhB,CAiBA,SAASK,EAAgB,CACvB,YACA,OAAO,SACP,aAAa,EACb,QAAQ,QACR,cAAc,EACd,SACA,GAAGR,GAKA,CACH,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,OAAnB,CAAA,UACE,EAAAc,EAAA,IAAA,CAACd,EAAAA,SAAkB,WAAnB,CACQ,OACM,aACL,QACM,cACL,SACR,UAAU,eAEV,UAAA,EAAAc,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CACE,YAAU,mBACV,aAAY,CAAC,CAAC6B,EACd,UAAW5B,EAAAA,GACT,i1BACAqB,CACF,EACA,GAAIF,CACL,CAAA,CAC2B,CAAA,CACN,CAAA,CAE9B,CAiBA,SAASU,EAAa,CAAE,YAAW,GAAGV,GAAuC,CAC3E,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,KAAnB,CACE,YAAU,gBACV,UAAWC,EAAAA,GACT,0LACAqB,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CAiBA,SAASW,EAAa,CAAE,YAAW,WAAU,GAAGX,GAAuC,CACrF,OACE,EAAAN,EAAA,KAAA,CAACd,EAAAA,SAAkB,KAAnB,CACE,YAAU,gBACV,UAAWC,EAAAA,GACT,sZACAqB,CACF,EACA,GAAIF,EANN,SAAA,CAQGG,GACD,EAAAT,EAAA,IAAA,CAACd,EAAAA,SAAkB,cAAnB,CACE,QACE,EAAAc,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,8EAAgF,CAAA,EAGlG,UAAA,EAAAA,EAAA,IAAA,CAACN,EAAAA,MAAD,CAAO,UAAU,qBAAuB,CAAA,CACT,CAAA,CACX,C,EAE5B,CAiBA,SAASwB,EAAc,CAAE,YAAW,GAAGZ,GAAwC,CAC7E,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CAAyB,YAAU,iBAAiB,UAAWC,EAAAA,GAAGqB,CAAS,EAAG,GAAIF,CAAQ,CAAA,CAE9F,CAiBA,SAASa,EAAc,CAAE,YAAW,GAAGb,GAA6C,CAClF,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,WAAnB,CACE,YAAU,iBACV,UAAWC,EAAAA,GAAG,4CAA6CqB,CAAS,EACpE,GAAIF,CACL,CAAA,CAEL,CAiBA,SAASc,EAAmB,CAAE,GAAGd,GAA6C,CAC5E,OAAO,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,WAAnB,CAA8B,YAAU,sBAAsB,GAAIoB,CAAQ,CAAA,CACnF,CAiBA,SAASe,EAAc,CAAE,YAAW,GAAGf,GAAwC,CAC7E,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,qHACAqB,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CAiBA,SAASgB,EAAkB,CAAE,YAAW,GAAGhB,GAA4C,CACrF,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,UAAnB,CACE,YAAU,qBACV,UAAWC,EAAAA,GAAG,4BAA6BqB,CAAS,EACpD,GAAIF,CACL,CAAA,CAEL,CAiBA,SAASiB,EAAc,CACrB,YACA,GAAGjB,GAC2F,CAC9F,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CACE,YAAU,iBACV,UAAWC,EAAAA,GACT,0cACAqB,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CAiBA,SAASkB,EAAa,CACpB,YACA,WACA,aAAa,GACb,GAAGlB,GAMF,CACD,OACE,EAAAN,EAAA,KAAA,CAACd,EAAAA,SAAkB,KAAnB,CACE,YAAU,gBACV,UAAWC,EAAAA,GACT,6RACAqB,CACF,EACA,GAAIF,EANN,SAAA,CAQGG,EACAgB,IACC,EAAAzB,EAAA,IAAA,CAACd,EAAAA,SAAkB,WAAnB,CACE,QAAQ,EAAAc,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,QAAQ,QAAQ,KAAK,SAAW,CAAA,EAChD,UAAU,qCACV,YAAU,uBAEV,UAAA,EAAAK,EAAA,IAAA,CAACV,EAAAA,EAAD,CAAG,UAAU,qBAAuB,CAAA,CACR,CAAA,CAEV,C,EAE5B,CAiBA,SAASoC,EAAmB,CAAE,YAAW,GAAGpB,GAAwC,CAClF,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,SAAkB,MAAnB,CACE,YAAU,sBACV,UAAWC,EAAAA,GAAG,+BAAgCqB,CAAS,EACvD,GAAIF,CACL,CAAA,CAEL,C"}

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

@@ -1,65 +1,260 @@
 import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 import * as React from 'react';
+/**
+ * Coordinates searchable selection using the Base UI Combobox root.
+ * @typeParam Value - Selection value represented by an item and emitted by selection callbacks; inferred from the root props.
+ * @typeParam Multiple - Whether selection uses an array; extends boolean | undefined and defaults to false.
+ * @typeParam Item - Root collection item shape, defaulting to Value; may differ when explicit item-to-value conversion is configured.
+ * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.
+ * @returns The rendered Combobox composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
 declare const Combobox: typeof ComboboxPrimitive.Root;
 /**
- * コントロール内に現在選択されている値を表示するコンポーネント。
+ * Renders the current combobox selection using its root context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxValue composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
 /**
- * コボボックスのドロップダウンメニューを展開するためのトリガーボタン。
+ * Renders the control that toggles the combobox popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxTrigger composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.JSX.Element;
 /**
- * ユーザーが検索クエリを入力するためのテキスト入力フィールド。
+ * Combines a search input with optional trigger and clear controls.
+ * @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.
+ * @returns The rendered ComboboxInput composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
+    /**
+     * Includes the popup toggle beside the combobox input; defaults to true.
+     */
     showTrigger?: boolean;
+    /**
+     * Includes the clear-selection control beside the combobox input; defaults to false.
+     */
     showClear?: boolean;
 }): React.JSX.Element;
 /**
- * コボボックスのドロップダウンポップアップを表示するコンテナ。
+ * Portals and positions the combobox popup relative to its input or explicit anchor.
+ * @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.
+ * @returns The rendered ComboboxContent composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'>): React.JSX.Element;
 /**
- * 選択肢のリストを表示するためのコンテナコンポーネント。
+ * Renders the scrollable collection of combobox results.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxList composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
 /**
- * リスト内の個々の選択肢アイテム。
+ * Renders one selectable result with a built-in selected indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
 /**
- * 複数の選択肢アイテムを関連するグループにまとめるためのコンポーネント。
+ * Groups related combobox results.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
 /**
- * グループのヘッダーやタイトルを表示するラベル。
+ * Labels the surrounding combobox result group.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxLabel composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
 /**
- * 動的なアイテムのコレクションを表示するためのヘルパーコンポーネント。
+ * Renders results from the root collection using Base UI collection semantics.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxCollection composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
 /**
- * 検索結果が空の時に表示されるメッセージコンポーネント。
+ * Displays an empty-results message in the combobox popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxEmpty composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.JSX.Element;
 /**
- * グループやアイテム同士を区切るためのセパレーター（区切り線）。
+ * Draws a separator between result groups.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxSeparator composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.JSX.Element;
 /**
- * 複数選択時に選択された値をチップス（タグ）として表示するコンテナ。
+ * Lays out the selected chips for a multiple-selection combobox.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxChips composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): React.JSX.Element;
 /**
- * 選択された値を表す個々のチップ（タグ）コンポーネント。
+ * Renders one selected value with an optional remove control.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showRemove=true.
+ * @returns The rendered ComboboxChip composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
+    /**
+     * Includes a remove button in a selected chip; defaults to true.
+     */
     showRemove?: boolean;
 }): React.JSX.Element;
 /**
- * チップスモード用のテキスト入力フィールド。
+ * Renders the search input within a multiple-selection chip container.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ComboboxChipsInput composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): React.JSX.Element;
 export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, };