{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "select",
	"type": "registry:ui",
	"title": "Select",
	"description": "A select component.",
	"dependencies": ["@radix-ui/react-select"],
	"files": [
		{
			"path": "registry/niv/ui/select.tsx",
			"content": "'use client';\n\nimport {\n  Content,\n  Group,\n  Icon,\n  Item,\n  ItemIndicator,\n  ItemText,\n  Label,\n  Portal,\n  Root,\n  ScrollDownButton,\n  ScrollUpButton,\n  Separator,\n  Trigger,\n  Value,\n  Viewport,\n} from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\nimport { cn } from '@/lib/classnames';\nimport type { ComponentProps } from 'react';\n\nfunction SelectRoot({ ...props }: ComponentProps<typeof Root>) {\n  return <Root data-slot='select' {...props} />;\n}\n\nfunction SelectGroup({ ...props }: ComponentProps<typeof Group>) {\n  return <Group data-slot='select-group' {...props} />;\n}\n\nfunction SelectValue({ ...props }: ComponentProps<typeof Value>) {\n  return <Value data-slot='select-value' {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: ComponentProps<typeof Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <Trigger\n      className={cn(\n        \"flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      data-size={size}\n      data-slot='select-trigger'\n      {...props}\n    >\n      {children}\n      <Icon asChild>\n        <ChevronDownIcon className='size-4 opacity-50' />\n      </Icon>\n    </Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  align = 'center',\n  ...props\n}: ComponentProps<typeof Content>) {\n  return (\n    <Portal>\n      <Content\n        align={align}\n        className={cn(\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\n          position === 'popper' &&\n            'data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1',\n          className,\n        )}\n        data-slot='select-content'\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </Viewport>\n        <SelectScrollDownButton />\n      </Content>\n    </Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: ComponentProps<typeof Label>) {\n  return (\n    <Label\n      className={cn('px-2 py-1.5 text-muted-foreground text-xs', className)}\n      data-slot='select-label'\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Item>) {\n  return (\n    <Item\n      className={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      data-slot='select-item'\n      {...props}\n    >\n      <span className='absolute right-2 flex size-3.5 items-center justify-center'>\n        <ItemIndicator>\n          <CheckIcon className='size-4' />\n        </ItemIndicator>\n      </span>\n      <ItemText>{children}</ItemText>\n    </Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      className={cn('-mx-1 pointer-events-none my-1 h-px bg-border', className)}\n      data-slot='select-separator'\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: ComponentProps<typeof ScrollUpButton>) {\n  return (\n    <ScrollUpButton\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      data-slot='select-scroll-up-button'\n      {...props}\n    >\n      <ChevronUpIcon className='size-4' />\n    </ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: ComponentProps<typeof ScrollDownButton>) {\n  return (\n    <ScrollDownButton\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className,\n      )}\n      data-slot='select-scroll-down-button'\n      {...props}\n    >\n      <ChevronDownIcon className='size-4' />\n    </ScrollDownButton>\n  );\n}\n\nconst Select = Object.assign(SelectRoot, {\n  Content: SelectContent,\n  Group: SelectGroup,\n  Item: SelectItem,\n  Label: SelectLabel,\n  ScrollDownButton: SelectScrollDownButton,\n  ScrollUpButton: SelectScrollUpButton,\n  Separator: SelectSeparator,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n});\n\nexport { Select };\n",
			"type": "registry:ui"
		}
	]
}