@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

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

@@ -0,0 +1,384 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { i as useComponentDefaultProps } from "./size-provider-D2Fy00Ky.js";
+import { a as FIELD_TEXT_CLASS_BY_SIZE, i as FIELD_HEIGHT_CLASS_BY_SIZE, n as DEFAULT_ICON_CLASS_BY_SIZE, r as DEFAULT_NESTED_ICON_CLASS_BY_SIZE } from "./size-system-BNfPN2hb.js";
+import { cn, tv } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown01Icon, ArrowUp01Icon, Tick02Icon, UnfoldMoreIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Select } from "@base-ui/react/select";
+
+//#region src/ui/select/select-arrow.tsx
+const SelectArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Arrow, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "select-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-backdrop.tsx
+const SelectBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Backdrop, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "select-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-context.tsx
+const SelectContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/select/select-list.tsx
+const SelectList = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.List, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "select-list",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-overlay-context.tsx
+const SelectOverlayContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/select/select-popup.tsx
+const selectPopupVariants = tv({
+	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",
+	variants: { size: {
+		xs: "rounded-[min(var(--radius-md),8px)] p-0.5",
+		sm: "rounded-[min(var(--radius-md),10px)] p-1",
+		md: "rounded-md p-1",
+		lg: "rounded-md p-1.5",
+		xl: "rounded-md p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectPopup = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		className: mergeBaseUIClassName(selectPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-portal.tsx
+const SelectPortal = (props) => /* @__PURE__ */ jsx(Select.Portal, {
+	"data-slot": "select-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-positioner.tsx
+const SelectPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Positioner, {
+	className: mergeBaseUIClassName("isolate z-50", className),
+	"data-slot": "select-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-scroll-down-button.tsx
+const selectScrollDownButtonVariants = tv({
+	base: "bottom-0 z-10 flex w-full cursor-pointer items-center justify-center bg-popover",
+	variants: { size: {
+		xs: "py-0.5 [&_svg:not([class*='size-'])]:size-3",
+		sm: "py-1 [&_svg:not([class*='size-'])]:size-3.5",
+		md: "py-1 [&_svg:not([class*='size-'])]:size-4",
+		lg: "py-1.5 [&_svg:not([class*='size-'])]:size-4",
+		xl: "py-2 [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectScrollDownButton = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		className: mergeBaseUIClassName(selectScrollDownButtonVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-scroll-down-button",
+		...props,
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowDown01Icon,
+			strokeWidth: 2
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-scroll-up-button.tsx
+const selectScrollUpButtonVariants = tv({
+	base: "top-0 z-10 flex w-full cursor-pointer items-center justify-center bg-popover",
+	variants: { size: {
+		xs: "py-0.5 [&_svg:not([class*='size-'])]:size-3",
+		sm: "py-1 [&_svg:not([class*='size-'])]:size-3.5",
+		md: "py-1 [&_svg:not([class*='size-'])]:size-4",
+		lg: "py-1.5 [&_svg:not([class*='size-'])]:size-4",
+		xl: "py-2 [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectScrollUpButton = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		className: mergeBaseUIClassName(selectScrollUpButtonVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-scroll-up-button",
+		...props,
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowUp01Icon,
+			strokeWidth: 2
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-content.tsx
+const SelectContent = ({ className, children, size, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) => {
+	const { size: rootSize } = useContext(SelectContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(SelectOverlayContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, {
+			align,
+			alignItemWithTrigger,
+			alignOffset,
+			side,
+			sideOffset,
+			children: /* @__PURE__ */ jsxs(SelectPopup, {
+				className,
+				"data-size": resolvedSize,
+				"data-slot": "select-content",
+				size: resolvedSize,
+				...props,
+				children: [
+					/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+					/* @__PURE__ */ jsx(SelectList, { children }),
+					/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+				]
+			})
+		}) })
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-group.tsx
+const selectGroupVariants = tv({
+	base: "",
+	variants: { size: {
+		xs: "scroll-my-0.5 p-0.5",
+		sm: "scroll-my-1 p-1",
+		md: "scroll-my-1 p-1",
+		lg: "scroll-my-1.5 p-1.5",
+		xl: "scroll-my-2 p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectGroup = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Select.Group, {
+		className: mergeBaseUIClassName(selectGroupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-group",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-icon.tsx
+const SelectIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Icon, {
+	className: mergeBaseUIClassName("pointer-events-none size-4 text-muted-foreground", className),
+	"data-slot": "select-icon",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-item-indicator.tsx
+const selectItemIndicatorVariants = tv({
+	base: "pointer-events-none absolute flex items-center justify-center",
+	variants: { size: {
+		xs: "right-1.5 size-3",
+		sm: "right-2 size-3.5",
+		md: "right-2 size-4",
+		lg: "right-2.5 size-4",
+		xl: "right-3 size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectItemIndicator = ({ className, render, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	const indicatorClassName = selectItemIndicatorVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		className: mergeBaseUIClassName(indicatorClassName, className),
+		"data-size": resolvedSize,
+		"data-slot": "select-item-indicator",
+		render: render ?? /* @__PURE__ */ jsx("span", { className: indicatorClassName }),
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-item-text.tsx
+const SelectItemText = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.ItemText, {
+	className: mergeBaseUIClassName("flex flex-1 shrink-0 gap-2 whitespace-nowrap", className),
+	"data-slot": "select-item-text",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-item.tsx
+const selectItemVariants = tv({
+	slots: {
+		icon: "pointer-events-none",
+		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"
+	},
+	variants: { size: {
+		xs: {
+			icon: "size-3",
+			root: "gap-1 py-1 pr-6 pl-1.5 text-xs [&_svg:not([class*='size-'])]:size-3 *:[span]:last:gap-1"
+		},
+		sm: {
+			icon: "size-3.5",
+			root: "gap-1.5 py-1 pr-7 pl-2 text-sm [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:gap-1.5"
+		},
+		md: {
+			icon: "size-4",
+			root: "gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2"
+		},
+		lg: {
+			icon: "size-4",
+			root: "gap-2 py-2 pr-9 pl-2.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2"
+		},
+		xl: {
+			icon: "size-5",
+			root: "gap-2.5 py-2.5 pr-10 pl-3 text-base [&_svg:not([class*='size-'])]:size-5 *:[span]:last:gap-2.5"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectItem = ({ className, children, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	const { icon, root } = selectItemVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		className: mergeBaseUIClassName(root(), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-item",
+		...props,
+		children: [/* @__PURE__ */ jsx(SelectItemText, { children }), /* @__PURE__ */ jsx(SelectItemIndicator, {
+			size: resolvedSize,
+			children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				className: icon(),
+				icon: Tick02Icon,
+				strokeWidth: 2
+			})
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-label.tsx
+const selectLabelVariants = tv({
+	base: "text-muted-foreground",
+	variants: { size: {
+		xs: "px-1.5 py-0.5 text-xs",
+		sm: "px-1.5 py-1 text-xs",
+		md: "px-1.5 py-1 text-xs",
+		lg: "px-2 py-1.5 text-xs",
+		xl: "px-2.5 py-1.5 text-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+const SelectLabel = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(SelectOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		className: mergeBaseUIClassName(selectLabelVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-label",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-separator.tsx
+const SelectSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Separator, {
+	className: mergeBaseUIClassName("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+	"data-slot": "select-separator",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-trigger.tsx
+const selectTriggerVariants = tv({
+	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",
+	variants: { size: {
+		xs: [
+			FIELD_HEIGHT_CLASS_BY_SIZE.xs,
+			FIELD_TEXT_CLASS_BY_SIZE.xs,
+			DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs,
+			"gap-1 rounded-[min(var(--radius-md),8px)] pr-1.5 pl-2 *:data-[slot=select-value]:gap-1"
+		],
+		sm: [
+			FIELD_HEIGHT_CLASS_BY_SIZE.sm,
+			FIELD_TEXT_CLASS_BY_SIZE.sm,
+			DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm,
+			"gap-1 rounded-[min(var(--radius-md),10px)] pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5"
+		],
+		md: [
+			FIELD_HEIGHT_CLASS_BY_SIZE.md,
+			FIELD_TEXT_CLASS_BY_SIZE.md,
+			DEFAULT_NESTED_ICON_CLASS_BY_SIZE.md,
+			"gap-1.5 rounded-md pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5"
+		],
+		lg: [
+			FIELD_HEIGHT_CLASS_BY_SIZE.lg,
+			FIELD_TEXT_CLASS_BY_SIZE.lg,
+			DEFAULT_NESTED_ICON_CLASS_BY_SIZE.lg,
+			"gap-1.5 rounded-md pr-2.5 pl-3 *:data-[slot=select-value]:gap-1.5"
+		],
+		xl: [
+			FIELD_HEIGHT_CLASS_BY_SIZE.xl,
+			FIELD_TEXT_CLASS_BY_SIZE.xl,
+			DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl,
+			"gap-2 rounded-md pr-3 pl-4 *:data-[slot=select-value]:gap-2"
+		]
+	} },
+	defaultVariants: { size: "md" }
+});
+const getSelectIconSizeClassName = (size) => DEFAULT_ICON_CLASS_BY_SIZE[size];
+const SelectTrigger = ({ className, size, children, ...props }) => {
+	const { size: contextSize } = useContext(SelectContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		className: mergeBaseUIClassName(selectTriggerVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "select-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectIcon, { render: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: cn("pointer-events-none text-muted-foreground", getSelectIconSizeClassName(resolvedSize)),
+			icon: UnfoldMoreIcon,
+			strokeWidth: 2
+		}) })]
+	});
+};
+
+//#endregion
+//#region src/ui/select/select-value.tsx
+const SelectValue = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Value, {
+	className: mergeBaseUIClassName("flex flex-1 text-left", className),
+	"data-slot": "select-value",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/use-select-default-props.ts
+const useSelectDefaultProps = (incomingProps) => useComponentDefaultProps("Select", {}, incomingProps);
+
+//#endregion
+export { SelectList as _, SelectLabel as a, SelectArrow as b, SelectItemIndicator as c, SelectContent as d, SelectScrollUpButton as f, SelectPopup as g, SelectPortal as h, SelectSeparator as i, SelectIcon as l, SelectPositioner as m, SelectValue as n, SelectItem as o, SelectScrollDownButton as p, SelectTrigger as r, SelectItemText as s, useSelectDefaultProps as t, SelectGroup as u, SelectContext as v, SelectBackdrop as y };
+//# sourceMappingURL=use-select-default-props-xp2KqlMr.js.map

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

@@ -0,0 +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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"}