@kuzenbo/core 0.0.1 → 0.0.2

package/dist/use-select-default-props-xp2KqlMr.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-select-default-props-xp2KqlMr.js","names":["SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive"],"sources":["../src/ui/select/select-arrow.tsx","../src/ui/select/select-backdrop.tsx","../src/ui/select/select-context.tsx","../src/ui/select/select-list.tsx","../src/ui/select/select-overlay-context.tsx","../src/ui/select/select-popup.tsx","../src/ui/select/select-portal.tsx","../src/ui/select/select-positioner.tsx","../src/ui/select/select-scroll-down-button.tsx","../src/ui/select/select-scroll-up-button.tsx","../src/ui/select/select-content.tsx","../src/ui/select/select-group.tsx","../src/ui/select/select-icon.tsx","../src/ui/select/select-item-indicator.tsx","../src/ui/select/select-item-text.tsx","../src/ui/select/select-item.tsx","../src/ui/select/select-label.tsx","../src/ui/select/select-separator.tsx","../src/ui/select/select-trigger.tsx","../src/ui/select/select-value.tsx","../src/ui/select/use-select-default-props.ts"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectArrowProps = ComponentProps<typeof SelectPrimitive.Arrow>;\n\nconst SelectArrow = ({ className, ...props }: SelectArrowProps) => (\n  <SelectPrimitive.Arrow\n    className={mergeBaseUIClassName<SelectPrimitive.Arrow.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"select-arrow\"\n    {...props}\n  />\n);\n\nexport { SelectArrow };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectBackdropProps = ComponentProps<\n  typeof SelectPrimitive.Backdrop\n>;\n\nconst SelectBackdrop = ({ className, ...props }: SelectBackdropProps) => (\n  <SelectPrimitive.Backdrop\n    className={mergeBaseUIClassName<SelectPrimitive.Backdrop.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"select-backdrop\"\n    {...props}\n  />\n);\n\nexport { SelectBackdrop };\n","import { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface SelectContextValue {\n  size?: InputSize;\n}\n\nconst SelectContext = createContext<SelectContextValue>({\n  size: \"md\",\n});\n\nexport { SelectContext };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectListProps = ComponentProps<typeof SelectPrimitive.List>;\n\nconst SelectList = ({ className, ...props }: SelectListProps) => (\n  <SelectPrimitive.List\n    className={mergeBaseUIClassName<SelectPrimitive.List.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"select-list\"\n    {...props}\n  />\n);\n\nexport { SelectList };\n","import { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface SelectOverlayContextValue {\n  size?: InputSize;\n}\n\nconst SelectOverlayContext = createContext<SelectOverlayContextValue>({\n  size: \"md\",\n});\n\nexport { SelectOverlayContext };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectPopupVariants = tv({\n  base: \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 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\",\n  variants: {\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)] p-0.5\",\n      sm: \"rounded-[min(var(--radius-md),10px)] p-1\",\n      md: \"rounded-md p-1\",\n      lg: \"rounded-md p-1.5\",\n      xl: \"rounded-md p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectPopupVariantProps = VariantProps<typeof selectPopupVariants>;\n\nexport type SelectPopupProps = ComponentProps<typeof SelectPrimitive.Popup> &\n  SelectPopupVariantProps;\n\nconst SelectPopup = ({ className, size, ...props }: SelectPopupProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.Popup\n      className={mergeBaseUIClassName<SelectPrimitive.Popup.State>(\n        selectPopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { SelectPopup };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nexport type SelectPortalProps = ComponentProps<typeof SelectPrimitive.Portal>;\n\nconst SelectPortal = (props: SelectPortalProps) => (\n  <SelectPrimitive.Portal data-slot=\"select-portal\" {...props} />\n);\n\nexport { SelectPortal };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectPositionerProps = ComponentProps<\n  typeof SelectPrimitive.Positioner\n>;\n\nconst SelectPositioner = ({ className, ...props }: SelectPositionerProps) => (\n  <SelectPrimitive.Positioner\n    className={mergeBaseUIClassName<SelectPrimitive.Positioner.State>(\n      \"isolate z-50\",\n      className\n    )}\n    data-slot=\"select-positioner\"\n    {...props}\n  />\n);\n\nexport { SelectPositioner };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectScrollDownButtonVariants = tv({\n  base: \"bottom-0 z-10 flex w-full cursor-pointer items-center justify-center bg-popover\",\n  variants: {\n    size: {\n      xs: \"py-0.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"py-1 [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"py-1.5 [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"py-2 [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectScrollDownButtonVariantProps = VariantProps<\n  typeof selectScrollDownButtonVariants\n>;\n\nexport type SelectScrollDownButtonProps = ComponentProps<\n  typeof SelectPrimitive.ScrollDownArrow\n> &\n  SelectScrollDownButtonVariantProps;\n\nconst SelectScrollDownButton = ({\n  className,\n  size,\n  ...props\n}: SelectScrollDownButtonProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      className={mergeBaseUIClassName<SelectPrimitive.ScrollDownArrow.State>(\n        selectScrollDownButtonVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-scroll-down-button\"\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowDown01Icon} strokeWidth={2} />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n};\n\nexport { SelectScrollDownButton };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { ArrowUp01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectScrollUpButtonVariants = tv({\n  base: \"top-0 z-10 flex w-full cursor-pointer items-center justify-center bg-popover\",\n  variants: {\n    size: {\n      xs: \"py-0.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"py-1 [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"py-1.5 [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"py-2 [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectScrollUpButtonVariantProps = VariantProps<\n  typeof selectScrollUpButtonVariants\n>;\n\nexport type SelectScrollUpButtonProps = ComponentProps<\n  typeof SelectPrimitive.ScrollUpArrow\n> &\n  SelectScrollUpButtonVariantProps;\n\nconst SelectScrollUpButton = ({\n  className,\n  size,\n  ...props\n}: SelectScrollUpButtonProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      className={mergeBaseUIClassName<SelectPrimitive.ScrollUpArrow.State>(\n        selectScrollUpButtonVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-scroll-up-button\"\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowUp01Icon} strokeWidth={2} />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n};\n\nexport { SelectScrollUpButton };\n","\"use client\";\n\nimport type { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { useContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { SelectContext } from \"./select-context\";\nimport { SelectList } from \"./select-list\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\nimport { SelectPopup } from \"./select-popup\";\nimport { SelectPortal } from \"./select-portal\";\nimport { SelectPositioner } from \"./select-positioner\";\nimport { SelectScrollDownButton } from \"./select-scroll-down-button\";\nimport { SelectScrollUpButton } from \"./select-scroll-up-button\";\n\nexport type SelectContentProps = SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  > & {\n    size?: InputSize;\n  };\n\nconst SelectContent = ({\n  className,\n  children,\n  size,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectContentProps) => {\n  const { size: rootSize } = useContext(SelectContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <SelectOverlayContext.Provider value={{ size: resolvedSize }}>\n      <SelectPortal>\n        <SelectPositioner\n          align={align}\n          alignItemWithTrigger={alignItemWithTrigger}\n          alignOffset={alignOffset}\n          side={side}\n          sideOffset={sideOffset}\n        >\n          <SelectPopup\n            className={className}\n            data-size={resolvedSize}\n            data-slot=\"select-content\"\n            size={resolvedSize}\n            {...props}\n          >\n            <SelectScrollUpButton />\n            <SelectList>{children}</SelectList>\n            <SelectScrollDownButton />\n          </SelectPopup>\n        </SelectPositioner>\n      </SelectPortal>\n    </SelectOverlayContext.Provider>\n  );\n};\n\nexport { SelectContent };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectGroupVariants = tv({\n  base: \"\",\n  variants: {\n    size: {\n      xs: \"scroll-my-0.5 p-0.5\",\n      sm: \"scroll-my-1 p-1\",\n      md: \"scroll-my-1 p-1\",\n      lg: \"scroll-my-1.5 p-1.5\",\n      xl: \"scroll-my-2 p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectGroupVariantProps = VariantProps<typeof selectGroupVariants>;\n\nexport type SelectGroupProps = SelectPrimitive.Group.Props &\n  SelectGroupVariantProps;\n\nconst SelectGroup = ({ className, size, ...props }: SelectGroupProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.Group\n      className={mergeBaseUIClassName<SelectPrimitive.Group.State>(\n        selectGroupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-group\"\n      {...props}\n    />\n  );\n};\n\nexport { SelectGroup };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectIconProps = SelectPrimitive.Icon.Props;\n\nconst SelectIcon = ({ className, ...props }: SelectIconProps) => (\n  <SelectPrimitive.Icon\n    className={mergeBaseUIClassName<SelectPrimitive.Icon.State>(\n      \"pointer-events-none size-4 text-muted-foreground\",\n      className\n    )}\n    data-slot=\"select-icon\"\n    {...props}\n  />\n);\n\nexport { SelectIcon };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectItemIndicatorVariants = tv({\n  base: \"pointer-events-none absolute flex items-center justify-center\",\n  variants: {\n    size: {\n      xs: \"right-1.5 size-3\",\n      sm: \"right-2 size-3.5\",\n      md: \"right-2 size-4\",\n      lg: \"right-2.5 size-4\",\n      xl: \"right-3 size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectItemIndicatorVariantProps = VariantProps<\n  typeof selectItemIndicatorVariants\n>;\n\nexport type SelectItemIndicatorProps = ComponentProps<\n  typeof SelectPrimitive.ItemIndicator\n> &\n  SelectItemIndicatorVariantProps;\n\nconst SelectItemIndicator = ({\n  className,\n  render,\n  size,\n  ...props\n}: SelectItemIndicatorProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n  const indicatorClassName = selectItemIndicatorVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <SelectPrimitive.ItemIndicator\n      className={mergeBaseUIClassName<SelectPrimitive.ItemIndicator.State>(\n        indicatorClassName,\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-item-indicator\"\n      render={render ?? <span className={indicatorClassName} />}\n      {...props}\n    />\n  );\n};\n\nexport { SelectItemIndicator };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectItemTextProps = ComponentProps<\n  typeof SelectPrimitive.ItemText\n>;\n\nconst SelectItemText = ({ className, ...props }: SelectItemTextProps) => (\n  <SelectPrimitive.ItemText\n    className={mergeBaseUIClassName<SelectPrimitive.ItemText.State>(\n      \"flex flex-1 shrink-0 gap-2 whitespace-nowrap\",\n      className\n    )}\n    data-slot=\"select-item-text\"\n    {...props}\n  />\n);\n\nexport { SelectItemText };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectItemIndicator } from \"./select-item-indicator\";\nimport { SelectItemText } from \"./select-item-text\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectItemVariants = tv({\n  slots: {\n    icon: \"pointer-events-none\",\n    root: \"relative flex w-full cursor-pointer items-center rounded-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=danger]:focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n  },\n  variants: {\n    size: {\n      xs: {\n        icon: \"size-3\",\n        root: \"gap-1 py-1 pr-6 pl-1.5 text-xs [&_svg:not([class*='size-'])]:size-3 *:[span]:last:gap-1\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"gap-1.5 py-1 pr-7 pl-2 text-sm [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:gap-1.5\",\n      },\n      md: {\n        icon: \"size-4\",\n        root: \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2\",\n      },\n      lg: {\n        icon: \"size-4\",\n        root: \"gap-2 py-2 pr-9 pl-2.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"gap-2.5 py-2.5 pr-10 pl-3 text-base [&_svg:not([class*='size-'])]:size-5 *:[span]:last:gap-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectItemVariantProps = VariantProps<typeof selectItemVariants>;\n\nexport type SelectItemProps = SelectPrimitive.Item.Props &\n  SelectItemVariantProps;\n\nconst SelectItem = ({\n  className,\n  children,\n  size,\n  ...props\n}: SelectItemProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n  const { icon, root } = selectItemVariants({ size: resolvedSize });\n\n  return (\n    <SelectPrimitive.Item\n      className={mergeBaseUIClassName<SelectPrimitive.Item.State>(\n        root(),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-item\"\n      {...props}\n    >\n      <SelectItemText>{children}</SelectItemText>\n      <SelectItemIndicator size={resolvedSize}>\n        <HugeiconsIcon className={icon()} icon={Tick02Icon} strokeWidth={2} />\n      </SelectItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport { SelectItem };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectLabelVariants = tv({\n  base: \"text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"px-1.5 py-0.5 text-xs\",\n      sm: \"px-1.5 py-1 text-xs\",\n      md: \"px-1.5 py-1 text-xs\",\n      lg: \"px-2 py-1.5 text-xs\",\n      xl: \"px-2.5 py-1.5 text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectLabelVariantProps = VariantProps<typeof selectLabelVariants>;\n\nexport type SelectLabelProps = SelectPrimitive.GroupLabel.Props &\n  SelectLabelVariantProps;\n\nconst SelectLabel = ({ className, size, ...props }: SelectLabelProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.GroupLabel\n      className={mergeBaseUIClassName<SelectPrimitive.GroupLabel.State>(\n        selectLabelVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-label\"\n      {...props}\n    />\n  );\n};\n\nexport { SelectLabel };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectSeparatorProps = SelectPrimitive.Separator.Props;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n  <SelectPrimitive.Separator\n    className={mergeBaseUIClassName<SelectPrimitive.Separator.State>(\n      \"pointer-events-none -mx-1 my-1 h-px bg-border\",\n      className\n    )}\n    data-slot=\"select-separator\"\n    {...props}\n  />\n);\n\nexport { SelectSeparator };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { UnfoldMoreIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  DEFAULT_ICON_CLASS_BY_SIZE,\n  DEFAULT_NESTED_ICON_CLASS_BY_SIZE,\n  FIELD_HEIGHT_CLASS_BY_SIZE,\n  FIELD_TEXT_CLASS_BY_SIZE,\n} from \"../shared/size/size-system\";\nimport { SelectContext } from \"./select-context\";\nimport { SelectIcon } from \"./select-icon\";\n\nconst selectTriggerVariants = tv({\n  base: \"flex w-fit cursor-pointer items-center justify-between border border-input bg-transparent whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  variants: {\n    size: {\n      xs: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.xs,\n        FIELD_TEXT_CLASS_BY_SIZE.xs,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs,\n        \"gap-1 rounded-[min(var(--radius-md),8px)] pr-1.5 pl-2 *:data-[slot=select-value]:gap-1\",\n      ],\n      sm: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.sm,\n        FIELD_TEXT_CLASS_BY_SIZE.sm,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm,\n        \"gap-1 rounded-[min(var(--radius-md),10px)] pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      md: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.md,\n        FIELD_TEXT_CLASS_BY_SIZE.md,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.md,\n        \"gap-1.5 rounded-md pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      lg: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.lg,\n        FIELD_TEXT_CLASS_BY_SIZE.lg,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.lg,\n        \"gap-1.5 rounded-md pr-2.5 pl-3 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      xl: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.xl,\n        FIELD_TEXT_CLASS_BY_SIZE.xl,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl,\n        \"gap-2 rounded-md pr-3 pl-4 *:data-[slot=select-value]:gap-2\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type SelectTriggerProps = SelectPrimitive.Trigger.Props &\n  VariantProps<typeof selectTriggerVariants>;\n\nconst getSelectIconSizeClassName = (size: InputSize) =>\n  DEFAULT_ICON_CLASS_BY_SIZE[size];\n\nconst SelectTrigger = ({\n  className,\n  size,\n  children,\n  ...props\n}: SelectTriggerProps) => {\n  const { size: contextSize } = useContext(SelectContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <SelectPrimitive.Trigger\n      className={mergeBaseUIClassName<SelectPrimitive.Trigger.State>(\n        selectTriggerVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-trigger\"\n      {...props}\n    >\n      {children}\n      <SelectIcon\n        render={\n          <HugeiconsIcon\n            className={cn(\n              \"pointer-events-none text-muted-foreground\",\n              getSelectIconSizeClassName(resolvedSize)\n            )}\n            icon={UnfoldMoreIcon}\n            strokeWidth={2}\n          />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n};\n\nexport { SelectTrigger };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectValueProps = SelectPrimitive.Value.Props;\n\nconst SelectValue = ({ className, ...props }: SelectValueProps) => (\n  <SelectPrimitive.Value\n    className={mergeBaseUIClassName<SelectPrimitive.Value.State>(\n      \"flex flex-1 text-left\",\n      className\n    )}\n    data-slot=\"select-value\"\n    {...props}\n  />\n);\n\nexport { SelectValue };\n","import type { SelectProps } from \"./select\";\n\nimport { useComponentDefaultProps } from \"../shared/size/size-provider\";\n\nexport const useSelectDefaultProps = <\n  Value,\n  Multiple extends boolean | undefined = false,\n>(\n  incomingProps: SelectProps<Value, Multiple>\n): SelectProps<Value, Multiple> =>\n  useComponentDefaultProps<SelectProps<Value, Multiple>>(\n    \"Select\",\n    {},\n    incomingProps\n  );\n"],"mappings":"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"}
+{"version":3,"file":"use-select-default-props-xp2KqlMr.js","names":["SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive","SelectPrimitive"],"sources":["../src/ui/select/select-arrow.tsx","../src/ui/select/select-backdrop.tsx","../src/ui/select/select-context.tsx","../src/ui/select/select-list.tsx","../src/ui/select/select-overlay-context.tsx","../src/ui/select/select-popup.tsx","../src/ui/select/select-portal.tsx","../src/ui/select/select-positioner.tsx","../src/ui/select/select-scroll-down-button.tsx","../src/ui/select/select-scroll-up-button.tsx","../src/ui/select/select-content.tsx","../src/ui/select/select-group.tsx","../src/ui/select/select-icon.tsx","../src/ui/select/select-item-indicator.tsx","../src/ui/select/select-item-text.tsx","../src/ui/select/select-item.tsx","../src/ui/select/select-label.tsx","../src/ui/select/select-separator.tsx","../src/ui/select/select-trigger.tsx","../src/ui/select/select-value.tsx","../src/ui/select/use-select-default-props.ts"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectArrowProps = ComponentProps<typeof SelectPrimitive.Arrow>;\n\nconst SelectArrow = ({ className, ...props }: SelectArrowProps) => (\n  <SelectPrimitive.Arrow\n    className={mergeBaseUIClassName<SelectPrimitive.Arrow.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"select-arrow\"\n    {...props}\n  />\n);\n\nexport { SelectArrow };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectBackdropProps = ComponentProps<\n  typeof SelectPrimitive.Backdrop\n>;\n\nconst SelectBackdrop = ({ className, ...props }: SelectBackdropProps) => (\n  <SelectPrimitive.Backdrop\n    className={mergeBaseUIClassName<SelectPrimitive.Backdrop.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"select-backdrop\"\n    {...props}\n  />\n);\n\nexport { SelectBackdrop };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface SelectContextValue {\n  size?: InputSize;\n}\n\nconst SelectContext = createContext<SelectContextValue>({\n  size: \"md\",\n});\n\nexport { SelectContext };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectListProps = ComponentProps<typeof SelectPrimitive.List>;\n\nconst SelectList = ({ className, ...props }: SelectListProps) => (\n  <SelectPrimitive.List\n    className={mergeBaseUIClassName<SelectPrimitive.List.State>(\n      undefined,\n      className\n    )}\n    data-slot=\"select-list\"\n    {...props}\n  />\n);\n\nexport { SelectList };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface SelectOverlayContextValue {\n  size?: InputSize;\n}\n\nconst SelectOverlayContext = createContext<SelectOverlayContextValue>({\n  size: \"md\",\n});\n\nexport { SelectOverlayContext };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectPopupVariants = tv({\n  base: \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 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\",\n  variants: {\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)] p-0.5\",\n      sm: \"rounded-[min(var(--radius-md),10px)] p-1\",\n      md: \"rounded-md p-1\",\n      lg: \"rounded-md p-1.5\",\n      xl: \"rounded-md p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectPopupVariantProps = VariantProps<typeof selectPopupVariants>;\n\nexport type SelectPopupProps = ComponentProps<typeof SelectPrimitive.Popup> &\n  SelectPopupVariantProps;\n\nconst SelectPopup = ({ className, size, ...props }: SelectPopupProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.Popup\n      className={mergeBaseUIClassName<SelectPrimitive.Popup.State>(\n        selectPopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { SelectPopup };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nexport type SelectPortalProps = ComponentProps<typeof SelectPrimitive.Portal>;\n\nconst SelectPortal = (props: SelectPortalProps) => (\n  <SelectPrimitive.Portal data-slot=\"select-portal\" {...props} />\n);\n\nexport { SelectPortal };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectPositionerProps = ComponentProps<\n  typeof SelectPrimitive.Positioner\n>;\n\nconst SelectPositioner = ({ className, ...props }: SelectPositionerProps) => (\n  <SelectPrimitive.Positioner\n    className={mergeBaseUIClassName<SelectPrimitive.Positioner.State>(\n      \"isolate z-50\",\n      className\n    )}\n    data-slot=\"select-positioner\"\n    {...props}\n  />\n);\n\nexport { SelectPositioner };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectScrollDownButtonVariants = tv({\n  base: \"bottom-0 z-10 flex w-full cursor-pointer items-center justify-center bg-popover\",\n  variants: {\n    size: {\n      xs: \"py-0.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"py-1 [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"py-1.5 [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"py-2 [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectScrollDownButtonVariantProps = VariantProps<\n  typeof selectScrollDownButtonVariants\n>;\n\nexport type SelectScrollDownButtonProps = ComponentProps<\n  typeof SelectPrimitive.ScrollDownArrow\n> &\n  SelectScrollDownButtonVariantProps;\n\nconst SelectScrollDownButton = ({\n  className,\n  size,\n  ...props\n}: SelectScrollDownButtonProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      className={mergeBaseUIClassName<SelectPrimitive.ScrollDownArrow.State>(\n        selectScrollDownButtonVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-scroll-down-button\"\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowDown01Icon} strokeWidth={2} />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n};\n\nexport { SelectScrollDownButton };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { ArrowUp01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectScrollUpButtonVariants = tv({\n  base: \"top-0 z-10 flex w-full cursor-pointer items-center justify-center bg-popover\",\n  variants: {\n    size: {\n      xs: \"py-0.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"py-1 [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"py-1.5 [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"py-2 [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectScrollUpButtonVariantProps = VariantProps<\n  typeof selectScrollUpButtonVariants\n>;\n\nexport type SelectScrollUpButtonProps = ComponentProps<\n  typeof SelectPrimitive.ScrollUpArrow\n> &\n  SelectScrollUpButtonVariantProps;\n\nconst SelectScrollUpButton = ({\n  className,\n  size,\n  ...props\n}: SelectScrollUpButtonProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      className={mergeBaseUIClassName<SelectPrimitive.ScrollUpArrow.State>(\n        selectScrollUpButtonVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-scroll-up-button\"\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowUp01Icon} strokeWidth={2} />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n};\n\nexport { SelectScrollUpButton };\n","\"use client\";\n\nimport type { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { useContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { SelectContext } from \"./select-context\";\nimport { SelectList } from \"./select-list\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\nimport { SelectPopup } from \"./select-popup\";\nimport { SelectPortal } from \"./select-portal\";\nimport { SelectPositioner } from \"./select-positioner\";\nimport { SelectScrollDownButton } from \"./select-scroll-down-button\";\nimport { SelectScrollUpButton } from \"./select-scroll-up-button\";\n\nexport type SelectContentProps = SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  > & {\n    size?: InputSize;\n  };\n\nconst SelectContent = ({\n  className,\n  children,\n  size,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectContentProps) => {\n  const { size: rootSize } = useContext(SelectContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <SelectOverlayContext.Provider value={{ size: resolvedSize }}>\n      <SelectPortal>\n        <SelectPositioner\n          align={align}\n          alignItemWithTrigger={alignItemWithTrigger}\n          alignOffset={alignOffset}\n          side={side}\n          sideOffset={sideOffset}\n        >\n          <SelectPopup\n            className={className}\n            data-size={resolvedSize}\n            data-slot=\"select-content\"\n            size={resolvedSize}\n            {...props}\n          >\n            <SelectScrollUpButton />\n            <SelectList>{children}</SelectList>\n            <SelectScrollDownButton />\n          </SelectPopup>\n        </SelectPositioner>\n      </SelectPortal>\n    </SelectOverlayContext.Provider>\n  );\n};\n\nexport { SelectContent };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectGroupVariants = tv({\n  base: \"\",\n  variants: {\n    size: {\n      xs: \"scroll-my-0.5 p-0.5\",\n      sm: \"scroll-my-1 p-1\",\n      md: \"scroll-my-1 p-1\",\n      lg: \"scroll-my-1.5 p-1.5\",\n      xl: \"scroll-my-2 p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectGroupVariantProps = VariantProps<typeof selectGroupVariants>;\n\nexport type SelectGroupProps = SelectPrimitive.Group.Props &\n  SelectGroupVariantProps;\n\nconst SelectGroup = ({ className, size, ...props }: SelectGroupProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.Group\n      className={mergeBaseUIClassName<SelectPrimitive.Group.State>(\n        selectGroupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-group\"\n      {...props}\n    />\n  );\n};\n\nexport { SelectGroup };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectIconProps = SelectPrimitive.Icon.Props;\n\nconst SelectIcon = ({ className, ...props }: SelectIconProps) => (\n  <SelectPrimitive.Icon\n    className={mergeBaseUIClassName<SelectPrimitive.Icon.State>(\n      \"pointer-events-none size-4 text-muted-foreground\",\n      className\n    )}\n    data-slot=\"select-icon\"\n    {...props}\n  />\n);\n\nexport { SelectIcon };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectItemIndicatorVariants = tv({\n  base: \"pointer-events-none absolute flex items-center justify-center\",\n  variants: {\n    size: {\n      xs: \"right-1.5 size-3\",\n      sm: \"right-2 size-3.5\",\n      md: \"right-2 size-4\",\n      lg: \"right-2.5 size-4\",\n      xl: \"right-3 size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectItemIndicatorVariantProps = VariantProps<\n  typeof selectItemIndicatorVariants\n>;\n\nexport type SelectItemIndicatorProps = ComponentProps<\n  typeof SelectPrimitive.ItemIndicator\n> &\n  SelectItemIndicatorVariantProps;\n\nconst SelectItemIndicator = ({\n  className,\n  render,\n  size,\n  ...props\n}: SelectItemIndicatorProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n  const indicatorClassName = selectItemIndicatorVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <SelectPrimitive.ItemIndicator\n      className={mergeBaseUIClassName<SelectPrimitive.ItemIndicator.State>(\n        indicatorClassName,\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-item-indicator\"\n      render={render ?? <span className={indicatorClassName} />}\n      {...props}\n    />\n  );\n};\n\nexport { SelectItemIndicator };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectItemTextProps = ComponentProps<\n  typeof SelectPrimitive.ItemText\n>;\n\nconst SelectItemText = ({ className, ...props }: SelectItemTextProps) => (\n  <SelectPrimitive.ItemText\n    className={mergeBaseUIClassName<SelectPrimitive.ItemText.State>(\n      \"flex flex-1 shrink-0 gap-2 whitespace-nowrap\",\n      className\n    )}\n    data-slot=\"select-item-text\"\n    {...props}\n  />\n);\n\nexport { SelectItemText };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectItemIndicator } from \"./select-item-indicator\";\nimport { SelectItemText } from \"./select-item-text\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectItemVariants = tv({\n  slots: {\n    icon: \"pointer-events-none\",\n    root: \"relative flex w-full cursor-pointer items-center rounded-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=danger]:focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n  },\n  variants: {\n    size: {\n      xs: {\n        icon: \"size-3\",\n        root: \"gap-1 py-1 pr-6 pl-1.5 text-xs [&_svg:not([class*='size-'])]:size-3 *:[span]:last:gap-1\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"gap-1.5 py-1 pr-7 pl-2 text-sm [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:gap-1.5\",\n      },\n      md: {\n        icon: \"size-4\",\n        root: \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2\",\n      },\n      lg: {\n        icon: \"size-4\",\n        root: \"gap-2 py-2 pr-9 pl-2.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"gap-2.5 py-2.5 pr-10 pl-3 text-base [&_svg:not([class*='size-'])]:size-5 *:[span]:last:gap-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectItemVariantProps = VariantProps<typeof selectItemVariants>;\n\nexport type SelectItemProps = SelectPrimitive.Item.Props &\n  SelectItemVariantProps;\n\nconst SelectItem = ({\n  className,\n  children,\n  size,\n  ...props\n}: SelectItemProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n  const { icon, root } = selectItemVariants({ size: resolvedSize });\n\n  return (\n    <SelectPrimitive.Item\n      className={mergeBaseUIClassName<SelectPrimitive.Item.State>(\n        root(),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-item\"\n      {...props}\n    >\n      <SelectItemText>{children}</SelectItemText>\n      <SelectItemIndicator size={resolvedSize}>\n        <HugeiconsIcon className={icon()} icon={Tick02Icon} strokeWidth={2} />\n      </SelectItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport { SelectItem };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectLabelVariants = tv({\n  base: \"text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"px-1.5 py-0.5 text-xs\",\n      sm: \"px-1.5 py-1 text-xs\",\n      md: \"px-1.5 py-1 text-xs\",\n      lg: \"px-2 py-1.5 text-xs\",\n      xl: \"px-2.5 py-1.5 text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype SelectLabelVariantProps = VariantProps<typeof selectLabelVariants>;\n\nexport type SelectLabelProps = SelectPrimitive.GroupLabel.Props &\n  SelectLabelVariantProps;\n\nconst SelectLabel = ({ className, size, ...props }: SelectLabelProps) => {\n  const { size: overlaySize } = useContext(SelectOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <SelectPrimitive.GroupLabel\n      className={mergeBaseUIClassName<SelectPrimitive.GroupLabel.State>(\n        selectLabelVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-label\"\n      {...props}\n    />\n  );\n};\n\nexport { SelectLabel };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectSeparatorProps = SelectPrimitive.Separator.Props;\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => (\n  <SelectPrimitive.Separator\n    className={mergeBaseUIClassName<SelectPrimitive.Separator.State>(\n      \"pointer-events-none -mx-1 my-1 h-px bg-border\",\n      className\n    )}\n    data-slot=\"select-separator\"\n    {...props}\n  />\n);\n\nexport { SelectSeparator };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { UnfoldMoreIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  DEFAULT_ICON_CLASS_BY_SIZE,\n  DEFAULT_NESTED_ICON_CLASS_BY_SIZE,\n  FIELD_HEIGHT_CLASS_BY_SIZE,\n  FIELD_TEXT_CLASS_BY_SIZE,\n} from \"../shared/size/size-system\";\nimport { SelectContext } from \"./select-context\";\nimport { SelectIcon } from \"./select-icon\";\n\nconst selectTriggerVariants = tv({\n  base: \"flex w-fit cursor-pointer items-center justify-between border border-input bg-transparent whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  variants: {\n    size: {\n      xs: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.xs,\n        FIELD_TEXT_CLASS_BY_SIZE.xs,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs,\n        \"gap-1 rounded-[min(var(--radius-md),8px)] pr-1.5 pl-2 *:data-[slot=select-value]:gap-1\",\n      ],\n      sm: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.sm,\n        FIELD_TEXT_CLASS_BY_SIZE.sm,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm,\n        \"gap-1 rounded-[min(var(--radius-md),10px)] pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      md: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.md,\n        FIELD_TEXT_CLASS_BY_SIZE.md,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.md,\n        \"gap-1.5 rounded-md pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      lg: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.lg,\n        FIELD_TEXT_CLASS_BY_SIZE.lg,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.lg,\n        \"gap-1.5 rounded-md pr-2.5 pl-3 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      xl: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.xl,\n        FIELD_TEXT_CLASS_BY_SIZE.xl,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl,\n        \"gap-2 rounded-md pr-3 pl-4 *:data-[slot=select-value]:gap-2\",\n      ],\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type SelectTriggerProps = SelectPrimitive.Trigger.Props &\n  VariantProps<typeof selectTriggerVariants>;\n\nconst getSelectIconSizeClassName = (size: InputSize) =>\n  DEFAULT_ICON_CLASS_BY_SIZE[size];\n\nconst SelectTrigger = ({\n  className,\n  size,\n  children,\n  ...props\n}: SelectTriggerProps) => {\n  const { size: contextSize } = useContext(SelectContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <SelectPrimitive.Trigger\n      className={mergeBaseUIClassName<SelectPrimitive.Trigger.State>(\n        selectTriggerVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"select-trigger\"\n      {...props}\n    >\n      {children}\n      <SelectIcon\n        render={\n          <HugeiconsIcon\n            className={cn(\n              \"pointer-events-none text-muted-foreground\",\n              getSelectIconSizeClassName(resolvedSize)\n            )}\n            icon={UnfoldMoreIcon}\n            strokeWidth={2}\n          />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n};\n\nexport { SelectTrigger };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SelectValueProps = SelectPrimitive.Value.Props;\n\nconst SelectValue = ({ className, ...props }: SelectValueProps) => (\n  <SelectPrimitive.Value\n    className={mergeBaseUIClassName<SelectPrimitive.Value.State>(\n      \"flex flex-1 text-left\",\n      className\n    )}\n    data-slot=\"select-value\"\n    {...props}\n  />\n);\n\nexport { SelectValue };\n","import type { SelectProps } from \"./select\";\n\nimport { useComponentDefaultProps } from \"../shared/size/size-provider\";\n\nexport const useSelectDefaultProps = <\n  Value,\n  Multiple extends boolean | undefined = false,\n>(\n  incomingProps: SelectProps<Value, Multiple>\n): SelectProps<Value, Multiple> =>\n  useComponentDefaultProps<SelectProps<Value, Multiple>>(\n    \"Select\",\n    {},\n    incomingProps\n  );\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kuzenbo/core",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "description": "Composable React UI primitives for Kuzenbo.",
   "keywords": [
@@ -787,7 +787,7 @@
     "@base-ui/react": "1.2.0",
     "@hugeicons/core-free-icons": "3.1.1",
     "@hugeicons/react": "1.1.5",
-    "@kuzenbo/hooks": "0.0.1",
+    "@kuzenbo/hooks": "0.0.2",
     "cmdk": "1.1.1",
     "culori": "4.0.2",
     "embla-carousel-react": "8.6.0",
@@ -805,9 +805,9 @@
   "devDependencies": {
     "@arethetypeswrong/core": "0.18.2",
     "@happy-dom/global-registrator": "20.6.1",
-    "@kuzenbo/storybook": "0.0.1",
-    "@kuzenbo/styles": "0.0.1",
-    "@kuzenbo/theme": "0.0.1",
+    "@kuzenbo/storybook": "0.0.2",
+    "@kuzenbo/styles": "0.0.2",
+    "@kuzenbo/theme": "0.0.2",
     "@storybook/addon-a11y": "10.2.8",
     "@storybook/addon-docs": "10.2.8",
     "@storybook/addon-themes": "10.2.8",
@@ -828,7 +828,7 @@
     "typescript": "5.9.3"
   },
   "peerDependencies": {
-    "@kuzenbo/theme": "^0.0.1",
+    "@kuzenbo/theme": "^0.0.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   }