@alneas/appkit-react 0.2.0 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","names":["SelectPrimitive","cn","React","ChevronDownIcon","CheckIcon","ChevronUpIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_select","Select","SelectGroup","props","className","SelectValue","SelectTrigger","testId","size","children","SelectContent","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","SelectSeparator","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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"}
+{"version":3,"file":"select.cjs","names":["SelectPrimitive","cn","ChevronDownIcon","CheckIcon","ChevronUpIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_select","Select","SelectGroup","props","className","SelectValue","SelectTrigger","testId","size","children","SelectContent","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","SelectSeparator","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 */\nfunction SelectTrigger({\n  ref,\n  className,\n  size = 'default',\n  children,\n  testId,\n  ...props\n}: React.PropsWithoutRef<SelectTriggerProps> &\n  React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Trigger>>) {\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 */\nfunction SelectInput({\n  ref,\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}: React.PropsWithoutRef<SelectInputProps> &\n  React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Root>>) {\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\n        ref={ref}\n        className={className}\n        testId={testId}\n        size={size}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n      >\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\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/select.d.cts

@@ -85,7 +85,10 @@ interface SelectTriggerProps extends SelectPrimitive.Trigger.Props {
  * }
  * ```
  */
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function SelectTrigger({ ref, className, size, children, testId, ...props }: React.PropsWithoutRef<SelectTriggerProps> & React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Trigger>>): React.JSX.Element;
+declare namespace SelectTrigger {
+    var displayName: string;
+}
 /**
  * Portals the positioned option popup with a list and scroll controls.
  * @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.
@@ -266,5 +269,8 @@ export interface SelectInputProps extends React.ComponentProps<typeof SelectPrim
  * }
  * ```
  */
-declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<never>>;
+declare function SelectInput({ ref, options, placeholder, className, testId, size, icon, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, ...props }: React.PropsWithoutRef<SelectInputProps> & React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Root>>): React.JSX.Element;
+declare namespace SelectInput {
+    var displayName: string;
+}
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectInput, };

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

@@ -85,7 +85,10 @@ interface SelectTriggerProps extends SelectPrimitive.Trigger.Props {
  * }
  * ```
  */
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function SelectTrigger({ ref, className, size, children, testId, ...props }: React.PropsWithoutRef<SelectTriggerProps> & React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Trigger>>): React.JSX.Element;
+declare namespace SelectTrigger {
+    var displayName: string;
+}
 /**
  * Portals the positioned option popup with a list and scroll controls.
  * @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.
@@ -266,5 +269,8 @@ export interface SelectInputProps extends React.ComponentProps<typeof SelectPrim
  * }
  * ```
  */
-declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<never>>;
+declare function SelectInput({ ref, options, placeholder, className, testId, size, icon, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, ...props }: React.PropsWithoutRef<SelectInputProps> & React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Root>>): React.JSX.Element;
+declare namespace SelectInput {
+    var displayName: string;
+}
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectInput, };

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

@@ -2,131 +2,135 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "react";
-import { CheckIcon as i, ChevronDownIcon as a, ChevronUpIcon as o } from "lucide-react";
-import { Select as s } from "@base-ui/react/select";
+import "react";
+import { CheckIcon as r, ChevronDownIcon as i, ChevronUpIcon as a } from "lucide-react";
+import { Select as o } from "@base-ui/react/select";
 //#region src/ui/components/ui/select.tsx
-var c = s.Root;
-function l({ className: n, ...r }) {
-	return /* @__PURE__ */ t(s.Group, {
+var s = o.Root;
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t(o.Group, {
 		"data-slot": "select-group",
 		className: e("scroll-my-1 p-1", n),
 		...r
 	});
 }
-function u({ className: n, children: r, ...i }) {
-	return /* @__PURE__ */ t(s.Value, {
+function l({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t(o.Value, {
 		"data-slot": "select-value",
 		className: e("flex flex-1 text-left line-clamp-1", n),
 		...i,
 		children: r
 	});
 }
-var d = r.forwardRef(({ className: r, size: i = "default", children: o, testId: c, ...l }, u) => /* @__PURE__ */ n(s.Trigger, {
-	ref: u,
-	"data-slot": "select-trigger",
-	"data-testid": c,
-	"data-size": i,
-	className: e("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", r),
-	...l,
-	children: [o, /* @__PURE__ */ t(s.Icon, { render: /* @__PURE__ */ t(a, { className: "text-muted-foreground size-4 pointer-events-none" }) })]
-}));
-d.displayName = "SelectTrigger";
-function f({ className: r, children: i, side: a = "bottom", sideOffset: o = 4, align: c = "center", alignOffset: l = 0, alignItemWithTrigger: u = !0, ...d }) {
-	return /* @__PURE__ */ t(s.Portal, { children: /* @__PURE__ */ t(s.Positioner, {
+function u({ ref: r, className: a, size: s = "default", children: c, testId: l, ...u }) {
+	return /* @__PURE__ */ n(o.Trigger, {
+		ref: r,
+		"data-slot": "select-trigger",
+		"data-testid": l,
+		"data-size": s,
+		className: e("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", a),
+		...u,
+		children: [c, /* @__PURE__ */ t(o.Icon, { render: /* @__PURE__ */ t(i, { className: "text-muted-foreground size-4 pointer-events-none" }) })]
+	});
+}
+u.displayName = "SelectTrigger";
+function d({ className: r, children: i, side: a = "bottom", sideOffset: s = 4, align: c = "center", alignOffset: l = 0, alignItemWithTrigger: u = !0, ...d }) {
+	return /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(o.Positioner, {
 		side: a,
-		sideOffset: o,
+		sideOffset: s,
 		align: c,
 		alignOffset: l,
 		alignItemWithTrigger: u,
 		className: "isolate z-50",
-		children: /* @__PURE__ */ n(s.Popup, {
+		children: /* @__PURE__ */ n(o.Popup, {
 			"data-slot": "select-content",
 			className: e("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", r),
 			...d,
 			children: [
-				/* @__PURE__ */ t(g, {}),
-				/* @__PURE__ */ t(s.List, { children: i }),
-				/* @__PURE__ */ t(_, {})
+				/* @__PURE__ */ t(h, {}),
+				/* @__PURE__ */ t(o.List, { children: i }),
+				/* @__PURE__ */ t(g, {})
 			]
 		})
 	}) });
 }
-function p({ className: n, ...r }) {
-	return /* @__PURE__ */ t(s.GroupLabel, {
+function f({ className: n, ...r }) {
+	return /* @__PURE__ */ t(o.GroupLabel, {
 		"data-slot": "select-label",
 		className: e("text-muted-foreground px-1.5 py-1 text-xs", n),
 		...r
 	});
 }
-function m({ className: r, children: a, testId: o, ...c }) {
-	return /* @__PURE__ */ n(s.Item, {
+function p({ className: i, children: a, testId: s, ...c }) {
+	return /* @__PURE__ */ n(o.Item, {
 		"data-slot": "select-item",
-		"data-testid": o,
-		className: e("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", r),
+		"data-testid": s,
+		className: e("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", i),
 		...c,
-		children: [/* @__PURE__ */ t(s.ItemText, {
+		children: [/* @__PURE__ */ t(o.ItemText, {
 			className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
 			children: a
-		}), /* @__PURE__ */ t(s.ItemIndicator, {
+		}), /* @__PURE__ */ t(o.ItemIndicator, {
 			render: /* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-			children: /* @__PURE__ */ t(i, { className: "pointer-events-none" })
+			children: /* @__PURE__ */ t(r, { className: "pointer-events-none" })
 		})]
 	});
 }
-function h({ className: n, ...r }) {
-	return /* @__PURE__ */ t(s.Separator, {
+function m({ className: n, ...r }) {
+	return /* @__PURE__ */ t(o.Separator, {
 		"data-slot": "select-separator",
 		className: e("bg-border -mx-1 my-1 h-px pointer-events-none", n),
 		...r
 	});
 }
-function g({ className: n, ...r }) {
-	return /* @__PURE__ */ t(s.ScrollUpArrow, {
+function h({ className: n, ...r }) {
+	return /* @__PURE__ */ t(o.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
 		className: e("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", n),
 		...r,
-		children: /* @__PURE__ */ t(o, {})
+		children: /* @__PURE__ */ t(a, {})
 	});
 }
-function _({ className: n, ...r }) {
-	return /* @__PURE__ */ t(s.ScrollDownArrow, {
+function g({ className: n, ...r }) {
+	return /* @__PURE__ */ t(o.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
 		className: e("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", n),
 		...r,
-		children: /* @__PURE__ */ t(a, {})
+		children: /* @__PURE__ */ t(i, {})
 	});
 }
-var v = r.forwardRef(({ options: e, placeholder: r, className: i, testId: a, size: o = "default", icon: s, "aria-label": l, "aria-labelledby": p, value: h, defaultValue: g, onValueChange: _, disabled: v, name: y, required: b, open: x, defaultOpen: S, onOpenChange: C, ...w }, T) => /* @__PURE__ */ n(c, {
-	value: h === void 0 ? g === void 0 ? null : void 0 : h,
-	defaultValue: g,
-	onValueChange: _,
-	disabled: v,
-	name: y,
-	required: b,
-	open: x,
-	defaultOpen: S,
-	onOpenChange: C,
-	...w,
-	children: [/* @__PURE__ */ n(d, {
-		ref: T,
-		className: i,
-		testId: a,
-		size: o,
-		"aria-label": l,
-		"aria-labelledby": p,
-		children: [s, /* @__PURE__ */ t(u, {
-			placeholder: r,
-			children: h == null ? void 0 : e.find((e) => String(e.value) === String(h))?.label ?? (typeof h == "string" || typeof h == "number" ? String(h) : null)
-		})]
-	}), /* @__PURE__ */ t(f, { children: e.map((e) => /* @__PURE__ */ t(m, {
-		value: e.value,
-		disabled: e.disabled,
-		children: e.label
-	}, e.value)) })]
-}));
-v.displayName = "SelectInput";
+function _({ ref: e, options: r, placeholder: i, className: a, testId: o, size: c = "default", icon: f, "aria-label": m, "aria-labelledby": h, value: g, defaultValue: _, onValueChange: v, disabled: y, name: b, required: x, open: S, defaultOpen: C, onOpenChange: w, ...T }) {
+	return /* @__PURE__ */ n(s, {
+		value: g === void 0 ? _ === void 0 ? null : void 0 : g,
+		defaultValue: _,
+		onValueChange: v,
+		disabled: y,
+		name: b,
+		required: x,
+		open: S,
+		defaultOpen: C,
+		onOpenChange: w,
+		...T,
+		children: [/* @__PURE__ */ n(u, {
+			ref: e,
+			className: a,
+			testId: o,
+			size: c,
+			"aria-label": m,
+			"aria-labelledby": h,
+			children: [f, /* @__PURE__ */ t(l, {
+				placeholder: i,
+				children: g == null ? void 0 : r.find((e) => String(e.value) === String(g))?.label ?? (typeof g == "string" || typeof g == "number" ? String(g) : null)
+			})]
+		}), /* @__PURE__ */ t(d, { children: r.map((e) => /* @__PURE__ */ t(p, {
+			value: e.value,
+			disabled: e.disabled,
+			children: e.label
+		}, e.value)) })]
+	});
+}
+_.displayName = "SelectInput";
 //#endregion
-export { c as Select, f as SelectContent, l as SelectGroup, v as SelectInput, m as SelectItem, p as SelectLabel, _ as SelectScrollDownButton, g as SelectScrollUpButton, h as SelectSeparator, d as SelectTrigger, u as SelectValue };
+export { s as Select, d as SelectContent, c as SelectGroup, _ as SelectInput, p as SelectItem, f as SelectLabel, g as SelectScrollDownButton, h as SelectScrollUpButton, m as SelectSeparator, u as SelectTrigger, l as SelectValue };
 
 //# sourceMappingURL=select.js.map

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 * 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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"}
+{"version":3,"file":"select.js","names":["SelectPrimitive","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 */\nfunction SelectTrigger({\n  ref,\n  className,\n  size = 'default',\n  children,\n  testId,\n  ...props\n}: React.PropsWithoutRef<SelectTriggerProps> &\n  React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Trigger>>) {\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 */\nfunction SelectInput({\n  ref,\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}: React.PropsWithoutRef<SelectInputProps> &\n  React.RefAttributes<React.ElementRef<typeof SelectPrimitive.Root>>) {\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\n        ref={ref}\n        className={className}\n        testId={testId}\n        size={size}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n      >\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\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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/separator");var a=r.forwardRef(({className:e,orientation:r=`horizontal`,...a},o)=>(0,n.jsx)(i.Separator,{ref:o,"data-slot":`separator`,orientation:r,className:t.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch`,e),...a}));a.displayName=i.Separator.displayName,exports.Separator=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/separator");function a({ref:e,className:r,orientation:a=`horizontal`,...o}){return(0,n.jsx)(i.Separator,{ref:e,"data-slot":`separator`,orientation:a,className:t.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch`,r),...o})}a.displayName=i.Separator.displayName,exports.Separator=a;
 //# sourceMappingURL=separator.cjs.map

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 * 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"}
+{"version":3,"file":"separator.cjs","names":["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 */\nfunction Separator({\n  ref,\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\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  );\n}\nSeparator.displayName = SeparatorPrimitive.displayName;\n\nexport { Separator };\n"],"mappings":"A,6RAoBA,SAASO,EAAU,CACjB,MACA,YACA,cAAc,aACd,GAAGC,GAEkC,CACrC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,UAAD,CACO,MACL,YAAU,YACG,cACb,UAAWC,EAAAA,GACT,uKACAQ,CACF,EACA,GAAID,CACL,CAAA,CAEL,CACA,EAAU,YAAcR,EAAAA,UAAmB,Y"}