@alneas/appkit-react 0.1.0 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["SelectPrimitive","React","React$1","Select$1","Select","SelectGroup","props","cn","className","SelectValue","SelectTrigger","testId","size","children","ChevronDownIcon","SelectContent","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon","SelectInput","ariaLabel","ariaLabelledBy","value","defaultValue","icon","options","opt","option"],"sources":["../../../../src/ui/components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Select Component\n * セレクトコンポーネント\n */\nconst Select = SelectPrimitive.Root;\n\n/**\n * 選択肢をグループ化するためのコンポーネント。\n */\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot='select-group'\n      className={cn('scroll-my-1 p-1', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * トリガー内に現在選択されている値やプレースホルダーを表示するコンポーネント。\n */\nfunction SelectValue({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Value.Props & { placeholder?: string }) {\n  return (\n    <SelectPrimitive.Value\n      data-slot='select-value'\n      className={cn('flex flex-1 text-left line-clamp-1', className)}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Value>\n  );\n}\n\ninterface SelectTriggerProps extends SelectPrimitive.Trigger.Props {\n  size?: 'sm' | 'default';\n  testId?: string;\n}\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, size = 'default', children, testId, ...props }, ref) => {\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      data-slot='select-trigger'\n      data-testid={testId}\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-background py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={<ChevronDownIcon className='text-muted-foreground size-4 pointer-events-none' />}\n      />\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = 'SelectTrigger';\n\n/**\n * 選択肢のリストを格納するドロップダウンポップアップコンテナ。\n */\nfunction SelectContent({\n  className,\n  children,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className='isolate z-50'\n      >\n        <SelectPrimitive.Popup\n          data-slot='select-content'\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 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto',\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\n/**\n * グループのタイトルや見出しを表すラベルコンポーネント。\n */\nfunction SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot='select-label'\n      className={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\ninterface SelectItemProps extends SelectPrimitive.Item.Props {\n  testId?: string;\n}\n\n/**\n * ドロップダウンリスト内の個々の選択肢アイテム。\n */\nfunction SelectItem({ className, children, testId, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      data-testid={testId}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 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      <SelectPrimitive.ItemText className='flex flex-1 gap-2 shrink-0 whitespace-nowrap'>\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className='pointer-events-none absolute right-2 flex size-4 items-center justify-center' />\n        }\n      >\n        <CheckIcon className='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\n/**\n * アイテムやグループを区切るためのセパレーター（区切り線）。\n */\nfunction SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot='select-separator'\n      className={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * リストが長い場合に、上方向にスクロールするためのインジケーターボタン。\n */\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  // Note: ScrollUpArrow implementation differs in Base UI depending on version.\n  // erp uses SelectPrimitive.ScrollUpArrow directly.\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot='select-scroll-up-button'\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\n/**\n * リストが長い場合に、下方向にスクロールするためのインジケーターボタン。\n */\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot='select-scroll-down-button'\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\n/**\n * セレクトボックスの選択肢を表すインターフェースです。\n */\nexport interface SelectOption {\n  /** 表示されるラベルテキストまたは要素 */\n  label: React.ReactNode;\n  /** 選択時に使用される値 */\n  value: string;\n  /** 選択肢を無効化するかどうか */\n  disabled?: boolean;\n}\n\n/**\n * SelectInputコンポーネントのプロパティです。\n */\nexport interface SelectInputProps extends React.ComponentProps<typeof SelectPrimitive.Root> {\n  /** Accessible name applied to the interactive trigger. */\n  'aria-label'?: string;\n  /** ID of the label for the interactive trigger. */\n  'aria-labelledby'?: string;\n  /** 選択肢の配列 */\n  options: SelectOption[];\n  /** 未選択時に表示されるプレースホルダーテキスト */\n  placeholder?: string;\n  /** 追加のCSSクラス名 */\n  className?: string;\n  /** テスト用のID */\n  testId?: string;\n  /** コンポーネントのサイズ */\n  size?: 'default' | 'sm';\n  /** 左側に表示するカスタムアイコン要素 */\n  icon?: React.ReactNode;\n}\n\n/**\n * シンプルで使いやすいセレクトボックスラッパーコンポーネントです。\n *\n * 内部で `Select`, `SelectTrigger`, `SelectValue`, `SelectContent`, `SelectItem` などの\n * 複雑な構造を隠蔽し、`options` を渡すだけで完結するように設計されています。\n * 単一の検索機能を持たないシンプルなドロップダウンが必要な場合に最適です。\n *\n * `React.forwardRef` に対応しているため、`react-hook-form` の `Controller` と直接組み合わせて使用できます。\n *\n * @example\n * ```tsx\n * <SelectInput\n *     value={sortBy}\n *     onValueChange={setSortBy}\n *     options={[\n *         { label: \"日付順\", value: \"date\" },\n *         { label: \"名前順\", value: \"name\" }\n *     ]}\n *     placeholder=\"並び替え...\"\n * />\n * ```\n */\nconst SelectInput = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Root>,\n  SelectInputProps\n>(\n  (\n    {\n      options,\n      placeholder,\n      className,\n      testId,\n      size = 'default',\n      icon,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      value,\n      defaultValue,\n      onValueChange,\n      disabled,\n      name,\n      required,\n      open,\n      defaultOpen,\n      onOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Select\n        value={value !== undefined ? value : defaultValue !== undefined ? undefined : null}\n        defaultValue={defaultValue}\n        onValueChange={onValueChange}\n        disabled={disabled}\n        name={name}\n        required={required}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        {...props}\n      >\n        <SelectTrigger ref={ref} className={className} testId={testId} size={size} aria-label={ariaLabel} aria-labelledby={ariaLabelledBy}>\n          {icon}\n          <SelectValue placeholder={placeholder}>\n            {value !== undefined && value !== null\n              ? (options.find((opt) => String(opt.value) === String(value))?.label ??\n                (typeof value === 'string' || typeof value === 'number' ? String(value) : null))\n              : undefined}\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((option) => (\n            <SelectItem key={option.value} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    );\n  },\n);\n\nSelectInput.displayName = 'SelectInput';\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectInput,\n};\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["SelectPrimitive","React","React$1","Select$1","Select","SelectGroup","props","cn","className","SelectValue","SelectTrigger","testId","size","children","ChevronDownIcon","SelectContent","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon","SelectInput","ariaLabel","ariaLabelledBy","value","defaultValue","icon","options","opt","option"],"sources":["../../../../src/ui/components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a Base UI single or multiple selection popup.\n * @typeParam Value - Option value shape inferred from root props and selection callbacks.\n * @typeParam Multiple - Whether selection uses an array; extends boolean | undefined and defaults to false.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered Select composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nconst Select = SelectPrimitive.Root;\n\n/**\n * Groups related select options.\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 SelectGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot='select-group'\n      className={cn('scroll-my-1 p-1', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Displays the current selection or an upstream placeholder inside a 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 SelectValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectValue({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Value.Props & { /**\n * Text displayed while no value is selected/entered; omitted means no placeholder.\n */\n/**\n * Text displayed while no value is selected/entered; omitted means no placeholder.\n */\nplaceholder?: string }) {\n  return (\n    <SelectPrimitive.Value\n      data-slot='select-value'\n      className={cn('flex flex-1 text-left line-clamp-1', className)}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Value>\n  );\n}\n\n/**\n * Base UI trigger props with Appkit sizing and test selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SelectTrigger\n */\ninterface SelectTriggerProps extends SelectPrimitive.Trigger.Props {\n  /**\n   * Visual size preset; defaults to default unless the owning component states otherwise.\n   */\n  size?: 'sm' | 'default';\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders the select opener with a trailing chevron and optional test ID.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered SelectTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(({ className, size = 'default', children, testId, ...props }, ref) => {\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      data-slot='select-trigger'\n      data-testid={testId}\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-background py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={<ChevronDownIcon className='text-muted-foreground size-4 pointer-events-none' />}\n      />\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = 'SelectTrigger';\n\n/**\n * Portals the positioned option popup with a list and scroll controls.\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=4, align='center', alignOffset=0, alignItemWithTrigger=true.\n * @returns The rendered SelectContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectContent({\n  className,\n  children,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className='isolate z-50'\n      >\n        <SelectPrimitive.Popup\n          data-slot='select-content'\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 min-w-36 rounded-lg shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto',\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\n/**\n * Provides the label for a select option 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 SelectLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot='select-label'\n      className={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Base UI option props with a stable selector for the option element.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SelectItem\n */\ninterface SelectItemProps extends SelectPrimitive.Item.Props {\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders an option with selected-state checkmark and optional test ID.\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 SelectItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectItem({ className, children, testId, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      data-testid={testId}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 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      <SelectPrimitive.ItemText className='flex flex-1 gap-2 shrink-0 whitespace-nowrap'>\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className='pointer-events-none absolute right-2 flex size-4 items-center justify-center' />\n        }\n      >\n        <CheckIcon className='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\n/**\n * Draws a noninteractive divider between option 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 SelectSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot='select-separator'\n      className={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders the upstream upward-scroll control with an up chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SelectScrollUpButton composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.  children are replaced by the fixed scroll chevron.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  // Note: ScrollUpArrow implementation differs in Base UI depending on version.\n  // erp uses SelectPrimitive.ScrollUpArrow directly.\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot='select-scroll-up-button'\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\n/**\n * Renders the upstream downward-scroll control with a down chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered SelectScrollDownButton composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback.  children are replaced by the fixed scroll chevron.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot='select-scroll-down-button'\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\n/**\n * Display content, string value and disabled state for a SelectInput option.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SelectInput\n */\nexport interface SelectOption {\n  /**\n   * Visible React content for this option.\n   */\n  label: React.ReactNode;\n  /**\n   * Unique string identity passed to selection callbacks.\n   */\n  value: string;\n  /**\n   * Prevents option selection when true; omitted means enabled.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Base UI root props with option data and trigger presentation/accessibility settings.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SelectInput\n */\nexport interface SelectInputProps extends React.ComponentProps<typeof SelectPrimitive.Root> {\n  /**\n   * Accessible name applied to the interactive trigger.\n   */\n  'aria-label'?: string;\n  /**\n   * Space-separated element IDs that label the interactive trigger.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Options in popup order; labels are also resolved for controlled values.\n   */\n  options: SelectOption[];\n  /**\n   * Text displayed while no value is selected/entered; omitted means no placeholder.\n   */\n  placeholder?: string;\n  /**\n   * Additional classes on the interactive SelectTrigger.\n   */\n  className?: string;\n  /**\n   * data-testid on the SelectTrigger; no per-option IDs are synthesized.\n   */\n  testId?: string;\n  /**\n   * Trigger size; defaults to default.\n   */\n  size?: 'default' | 'sm';\n  /**\n   * Optional content before SelectValue inside the trigger.\n   */\n  icon?: React.ReactNode;\n}\n\n/**\n * Builds a complete select from an options array and forwards its ref to the trigger.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered SelectInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compound parts require Select context; GroupLabel belongs in a Group. Content supplies portal, positioner, List and scroll arrows. SelectInput className/testId/size and accessible labels target the trigger; remaining root props target Select. size defaults to default. If both value and defaultValue are absent, SelectInput passes controlled null; use defaultValue for upstream uncontrolled state. Controlled values are matched to option labels by String(value), with string/number fallback. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { SelectInput } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<SelectInput aria-label=\"Sort order\" defaultValue=\"date\" options={[{ value: \"date\", label: \"Date\" }, { value: \"name\", label: \"Name\" }]} placeholder=\"Choose order\" />);\n * }\n * ```\n */\nconst SelectInput = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Root>,\n  SelectInputProps\n>(\n  (\n    {\n      options,\n      placeholder,\n      className,\n      testId,\n      size = 'default',\n      icon,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      value,\n      defaultValue,\n      onValueChange,\n      disabled,\n      name,\n      required,\n      open,\n      defaultOpen,\n      onOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Select\n        value={value !== undefined ? value : defaultValue !== undefined ? undefined : null}\n        defaultValue={defaultValue}\n        onValueChange={onValueChange}\n        disabled={disabled}\n        name={name}\n        required={required}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        {...props}\n      >\n        <SelectTrigger ref={ref} className={className} testId={testId} size={size} aria-label={ariaLabel} aria-labelledby={ariaLabelledBy}>\n          {icon}\n          <SelectValue placeholder={placeholder}>\n            {value !== undefined && value !== null\n              ? (options.find((opt) => String(opt.value) === String(value))?.label ??\n                (typeof value === 'string' || typeof value === 'number' ? String(value) : null))\n              : undefined}\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((option) => (\n            <SelectItem key={option.value} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    );\n  },\n);\n\nSelectInput.displayName = 'SelectInput';\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectInput,\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"separator.cjs","names":["React","SeparatorPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_separator","Separator","props","className"],"sources":["../../../../src/ui/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Separator Component\n * セパレーターコンポーネント\n */\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>(({ className, orientation = 'horizontal', ...props }, ref) => (\n  <SeparatorPrimitive\n    ref={ref}\n    data-slot='separator'\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":"A,6RASA,IAAMQ,EAAYR,EAAM,YAGrB,CAAE,YAAW,cAAc,aAAc,GAAGS,GAAS,KACtD,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,UAAD,CACO,MACL,YAAU,YACG,cACb,UAAWC,EAAAA,GACT,uKACAQ,CACF,EACA,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAcR,EAAAA,UAAmB,Y"}
+{"version":3,"file":"separator.cjs","names":["React","SeparatorPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_separator","Separator","props","className"],"sources":["../../../../src/ui/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a styled horizontal or vertical Base UI separator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='horizontal'.\n * @returns The rendered Separator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical separators stretch within their layout parent. Base UI owns separator semantics and the native/primitive prop type remains authoritative. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Separator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div><p>First section</p><Separator /><p>Second section</p></div>);\n * }\n * ```\n */\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>(({ className, orientation = 'horizontal', ...props }, ref) => (\n  <SeparatorPrimitive\n    ref={ref}\n    data-slot='separator'\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":"A,6RAoBA,IAAMQ,EAAYR,EAAM,YAGrB,CAAE,YAAW,cAAc,aAAc,GAAGS,GAAS,KACtD,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,UAAD,CACO,MACL,YAAU,YACG,cACb,UAAWC,EAAAA,GACT,uKACAQ,CACF,EACA,GAAID,CACL,CAAA,CACF,EACD,EAAU,YAAcR,EAAAA,UAAmB,Y"}

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

@@ -1,7 +1,18 @@
 import * as React from 'react';
 /**
- * Separator Component
- * セパレーターコンポーネント
+ * Renders a styled horizontal or vertical Base UI separator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='horizontal'.
+ * @returns The rendered Separator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical separators stretch within their layout parent. Base UI owns separator semantics and the native/primitive prop type remains authoritative. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Separator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div><p>First section</p><Separator /><p>Second section</p></div>);
+ * }
+ * ```
  */
 declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };

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

@@ -1,7 +1,18 @@
 import * as React from 'react';
 /**
- * Separator Component
- * セパレーターコンポーネント
+ * Renders a styled horizontal or vertical Base UI separator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='horizontal'.
+ * @returns The rendered Separator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical separators stretch within their layout parent. Base UI owns separator semantics and the native/primitive prop type remains authoritative. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Separator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div><p>First section</p><Separator /><p>Second section</p></div>);
+ * }
+ * ```
  */
 declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":["React","SeparatorPrimitive","React$1","Separator$1","Separator","props","cn","className"],"sources":["../../../../src/ui/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Separator Component\n * セパレーターコンポーネント\n */\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>(({ className, orientation = 'horizontal', ...props }, ref) => (\n  <SeparatorPrimitive\n    ref={ref}\n    data-slot='separator'\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":";;;;;;AASA,IAAMI,IAAYJ,EAAM,YAGrB,EAAE,cAAW,iBAAc,cAAc,GAAGK,KAAS,MACtD,kBAACJ,GAAD;CACO;CACL,aAAU;CACG;CACb,WAAWK,EACT,wKACAC,CACF;CACA,GAAIF;AACL,CAAA,CACF;AACD,EAAU,cAAcJ,EAAmB"}
+{"version":3,"file":"separator.js","names":["React","SeparatorPrimitive","React$1","Separator$1","Separator","props","cn","className"],"sources":["../../../../src/ui/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a styled horizontal or vertical Base UI separator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='horizontal'.\n * @returns The rendered Separator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical separators stretch within their layout parent. Base UI owns separator semantics and the native/primitive prop type remains authoritative. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Separator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div><p>First section</p><Separator /><p>Second section</p></div>);\n * }\n * ```\n */\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>(({ className, orientation = 'horizontal', ...props }, ref) => (\n  <SeparatorPrimitive\n    ref={ref}\n    data-slot='separator'\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":";;;;;;AAoBA,IAAMI,IAAYJ,EAAM,YAGrB,EAAE,cAAW,iBAAc,cAAc,GAAGK,KAAS,MACtD,kBAACJ,GAAD;CACO;CACL,aAAU;CACG;CACb,WAAWK,EACT,wKACAC,CACF;CACA,GAAIF;AACL,CAAA,CACF;AACD,EAAU,cAAcJ,EAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","names":["SheetPrimitive","cn","React","Button","XIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","_base_ui_react_dialog","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","SheetContent","testId","side","children","showCloseButton","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"sources":["../../../../src/ui/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * 画面の端からスライドインして表示されるサイドパネルのルートコンポーネント。\n */\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot='sheet' {...props} />;\n}\n\n/**\n * シートパネルを開くためのトリガーボタン。\n */\nfunction SheetTrigger({\n  children,\n  ...props\n}: SheetPrimitive.Trigger.Props) {\n  return (\n    <SheetPrimitive.Trigger\n      data-slot='sheet-trigger'\n      {...props}\n    >\n      {children}\n    </SheetPrimitive.Trigger>\n  );\n}\n\n/**\n * シートパネルを閉じるためのボタンまたはトリガー。\n */\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n  testId?: string;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', showCloseButton = true, testId, ...props }, ref) => (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        ref={ref}\n        data-slot='sheet-content'\n        data-testid={testId}\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg',\n          // Explicit animation classes from properties\n          side === 'right' &&\n            'inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'left' &&\n            'inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'top' &&\n            'inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300',\n          side === 'bottom' &&\n            'inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot='sheet-close'\n            render={<Button variant='ghost' className='absolute top-3 right-3' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  ),\n);\nSheetContent.displayName = SheetPrimitive.Popup.displayName;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-header'\n      className={cn('gap-0.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    data-slot='sheet-title'\n    className={cn('text-foreground text-base font-medium', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    data-slot='sheet-description'\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sheet.cjs","names":["SheetPrimitive","cn","React","Button","XIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","_base_ui_react_dialog","Sheet","props","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","SheetContent","testId","side","children","showCloseButton","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"sources":["../../../../src/ui/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * Coordinates open state and interaction context for the 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 Sheet composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot='sheet' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its 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 SheetTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetTrigger({\n  children,\n  ...props\n}: SheetPrimitive.Trigger.Props) {\n  return (\n    <SheetPrimitive.Trigger\n      data-slot='sheet-trigger'\n      {...props}\n    >\n      {children}\n    </SheetPrimitive.Trigger>\n  );\n}\n\n/**\n * Renders a control that requests closing its 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 SheetClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot='sheet-close' {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot='sheet-portal' {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Base UI popup props with drawer edge, close-control and test-selector settings.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see SheetContent\n */\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {\n  /**\n   * Edge from which the sheet enters; defaults to right.\n   */\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Shows the built-in close button; defaults to true.\n   */\n  showCloseButton?: boolean;\n  /**\n   * data-testid on the sheet popup only; the built-in close control does not receive a derived test ID.\n   */\n  testId?: string;\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='right', showCloseButton=true.\n * @returns The rendered SheetContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', showCloseButton = true, testId, ...props }, ref) => (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        ref={ref}\n        data-slot='sheet-content'\n        data-testid={testId}\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg',\n          // Explicit animation classes from properties\n          side === 'right' &&\n            'inset-y-0 right-0 h-full w-3/4 border-l data-open:animate-in data-closed:animate-out data-open:slide-in-from-right data-closed:slide-out-to-right data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'left' &&\n            'inset-y-0 left-0 h-full w-3/4 border-r data-open:animate-in data-closed:animate-out data-open:slide-in-from-left data-closed:slide-out-to-left data-open:ease-out data-closed:ease-in duration-300 sm:max-w-sm',\n          side === 'top' &&\n            'inset-x-0 top-0 h-auto border-b data-open:animate-in data-closed:animate-out data-open:slide-in-from-top data-closed:slide-out-to-top data-open:ease-out data-closed:ease-in duration-300',\n          side === 'bottom' &&\n            'inset-x-0 bottom-0 h-auto border-t data-open:animate-in data-closed:animate-out data-open:slide-in-from-bottom data-closed:slide-out-to-bottom data-open:ease-out data-closed:ease-in duration-300',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot='sheet-close'\n            render={<Button variant='ghost' className='absolute top-3 right-3' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  ),\n);\nSheetContent.displayName = SheetPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\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 SheetHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-header'\n      className={cn('gap-0.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\n/**\n * Lays out popup actions below its content.\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 SheetFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='sheet-footer'\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\n/**\n * Provides the accessible title of the associated 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 SheetTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetTitle = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    data-slot='sheet-title'\n    className={cn('text-foreground text-base font-medium', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated 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 SheetDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);\n * }\n * ```\n */\nconst SheetDescription = React.forwardRef<\n  React.ComponentRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    data-slot='sheet-description'\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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"}

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

@@ -1,25 +1,150 @@
 import { Dialog as SheetPrimitive } from '@base-ui/react/dialog';
 import * as React from 'react';
 /**
- * 画面の端からスライドインして表示されるサイドパネルのルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Sheet composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
  */
 declare function Sheet({ ...props }: SheetPrimitive.Root.Props): React.JSX.Element;
 /**
- * シートパネルを開くためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
  */
 declare function SheetTrigger({ children, ...props }: SheetPrimitive.Trigger.Props): React.JSX.Element;
 /**
- * シートパネルを閉じるためのボタンまたはトリガー。
+ * Renders a control that requests closing its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
  */
 declare function SheetClose({ ...props }: SheetPrimitive.Close.Props): React.JSX.Element;
+/**
+ * Base UI popup props with drawer edge, close-control and test-selector settings.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see SheetContent
+ */
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {
+    /**
+     * Edge from which the sheet enters; defaults to right.
+     */
     side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Shows the built-in close button; defaults to true.
+     */
     showCloseButton?: boolean;
+    /**
+     * data-testid on the sheet popup only; the built-in close control does not receive a derived test ID.
+     */
     testId?: string;
 }
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='right', showCloseButton=true.
+ * @returns The rendered SheetContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out popup actions below its content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

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

@@ -1,25 +1,150 @@
 import { Dialog as SheetPrimitive } from '@base-ui/react/dialog';
 import * as React from 'react';
 /**
- * 画面の端からスライドインして表示されるサイドパネルのルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Sheet composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
  */
 declare function Sheet({ ...props }: SheetPrimitive.Root.Props): React.JSX.Element;
 /**
- * シートパネルを開くためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
  */
 declare function SheetTrigger({ children, ...props }: SheetPrimitive.Trigger.Props): React.JSX.Element;
 /**
- * シートパネルを閉じるためのボタンまたはトリガー。
+ * Renders a control that requests closing its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
  */
 declare function SheetClose({ ...props }: SheetPrimitive.Close.Props): React.JSX.Element;
+/**
+ * Base UI popup props with drawer edge, close-control and test-selector settings.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see SheetContent
+ */
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Popup> {
+    /**
+     * Edge from which the sheet enters; defaults to right.
+     */
     side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Shows the built-in close button; defaults to true.
+     */
     showCloseButton?: boolean;
+    /**
+     * data-testid on the sheet popup only; the built-in close control does not receive a derived test ID.
+     */
     testId?: string;
 }
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: side='right', showCloseButton=true.
+ * @returns The rendered SheetContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out popup actions below its content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered SheetDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Sheet; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Sheet><SheetTrigger>Open details</SheetTrigger><SheetContent><SheetTitle>Details</SheetTitle><SheetDescription>Project information</SheetDescription></SheetContent></Sheet>);
+ * }
+ * ```
+ */
 declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };