@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/select.js

@@ -0,0 +1,425 @@
+"use client";
+
+import { a as useComponentSize, i as useComponentDefaultProps } from "../size-provider-18EvJgDT.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-DTXmtQXw.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { ArrowDown01Icon, ArrowUp01Icon, Tick02Icon, UnfoldMoreIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Select as Select$1 } from "@base-ui/react/select";
+
+//#region src/ui/select/select-arrow.tsx
+const SelectArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Select$1.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$1.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$1.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$1.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$1.Portal, {
+	"data-slot": "select-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/select/select-positioner.tsx
+const SelectPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Select$1.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$1.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$1.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$1.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$1.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$1.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$1.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$1.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$1.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$1.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$1.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$1.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
+//#region src/ui/select/select.tsx
+const SelectGroupLabel = SelectLabel;
+const SelectScrollDownArrow = SelectScrollDownButton;
+const SelectScrollUpArrow = SelectScrollUpButton;
+const Select = (incomingProps) => {
+	const { size: providedSize, ...props } = useSelectDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(SelectContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Select$1.Root, {
+			"data-size": size,
+			"data-slot": "select",
+			...props
+		})
+	});
+};
+Select.Arrow = SelectArrow;
+Select.Backdrop = SelectBackdrop;
+Select.Content = SelectContent;
+Select.Group = SelectGroup;
+Select.GroupLabel = SelectLabel;
+Select.Icon = SelectIcon;
+Select.Item = SelectItem;
+Select.ItemIndicator = SelectItemIndicator;
+Select.ItemText = SelectItemText;
+Select.Label = SelectLabel;
+Select.List = SelectList;
+Select.Popup = SelectPopup;
+Select.Portal = SelectPortal;
+Select.Positioner = SelectPositioner;
+Select.ScrollDownArrow = SelectScrollDownArrow;
+Select.ScrollDownButton = SelectScrollDownButton;
+Select.ScrollUpArrow = SelectScrollUpArrow;
+Select.ScrollUpButton = SelectScrollUpButton;
+Select.Separator = SelectSeparator;
+Select.Trigger = SelectTrigger;
+Select.Value = SelectValue;
+
+//#endregion
+export { Select, SelectArrow, SelectBackdrop, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectScrollDownArrow, SelectScrollDownButton, SelectScrollUpArrow, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["SelectPrimitive","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","../../src/ui/select/select.tsx"],"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","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { SelectArrow } from \"./select-arrow\";\nimport { SelectBackdrop } from \"./select-backdrop\";\nimport { SelectContent } from \"./select-content\";\nimport { SelectContext } from \"./select-context\";\nimport { SelectGroup } from \"./select-group\";\nimport { SelectIcon } from \"./select-icon\";\nimport { SelectItem } from \"./select-item\";\nimport { SelectItemIndicator } from \"./select-item-indicator\";\nimport { SelectItemText } from \"./select-item-text\";\nimport { SelectLabel } from \"./select-label\";\nimport { SelectList } from \"./select-list\";\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\";\nimport { SelectSeparator } from \"./select-separator\";\nimport { SelectTrigger } from \"./select-trigger\";\nimport { SelectValue } from \"./select-value\";\nimport { useSelectDefaultProps } from \"./use-select-default-props\";\n\nexport interface SelectOption<Value> {\n  value: Value;\n  label: string;\n}\n\nexport type SelectProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = ComponentProps<typeof SelectPrimitive.Root<Value, Multiple>> & {\n  size?: InputSize;\n};\n\nconst SelectGroupLabel = SelectLabel;\nconst SelectScrollDownArrow = SelectScrollDownButton;\nconst SelectScrollUpArrow = SelectScrollUpButton;\n\nexport type SelectGroupLabelProps = ComponentProps<typeof SelectGroupLabel>;\nexport type SelectScrollDownArrowProps = ComponentProps<\n  typeof SelectScrollDownArrow\n>;\nexport type SelectScrollUpArrowProps = ComponentProps<\n  typeof SelectScrollUpArrow\n>;\n\nconst Select = <Value, Multiple extends boolean | undefined = false>(\n  incomingProps: SelectProps<Value, Multiple>\n) => {\n  const { size: providedSize, ...props } = useSelectDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return (\n    <SelectContext.Provider value={{ size }}>\n      <SelectPrimitive.Root<Value, Multiple>\n        data-size={size}\n        data-slot=\"select\"\n        {...props}\n      />\n    </SelectContext.Provider>\n  );\n};\n\nSelect.Arrow = SelectArrow;\nSelect.Backdrop = SelectBackdrop;\nSelect.Content = SelectContent;\nSelect.Group = SelectGroup;\nSelect.GroupLabel = SelectLabel;\nSelect.Icon = SelectIcon;\nSelect.Item = SelectItem;\nSelect.ItemIndicator = SelectItemIndicator;\nSelect.ItemText = SelectItemText;\nSelect.Label = SelectLabel;\nSelect.List = SelectList;\nSelect.Popup = SelectPopup;\nSelect.Portal = SelectPortal;\nSelect.Positioner = SelectPositioner;\nSelect.ScrollDownArrow = SelectScrollDownArrow;\nSelect.ScrollDownButton = SelectScrollDownButton;\nSelect.ScrollUpArrow = SelectScrollUpArrow;\nSelect.ScrollUpButton = SelectScrollUpButton;\nSelect.Separator = SelectSeparator;\nSelect.Trigger = SelectTrigger;\nSelect.Value = SelectValue;\n\nexport type { SelectArrowProps } from \"./select-arrow\";\nexport type { SelectBackdropProps } from \"./select-backdrop\";\nexport type { SelectContentProps } from \"./select-content\";\nexport type { SelectGroupProps } from \"./select-group\";\nexport type { SelectIconProps } from \"./select-icon\";\nexport type { SelectItemProps } from \"./select-item\";\nexport type { SelectItemIndicatorProps } from \"./select-item-indicator\";\nexport type { SelectItemTextProps } from \"./select-item-text\";\nexport type { SelectLabelProps } from \"./select-label\";\nexport type { SelectListProps } from \"./select-list\";\nexport type { SelectPopupProps } from \"./select-popup\";\nexport type { SelectPortalProps } from \"./select-portal\";\nexport type { SelectPositionerProps } from \"./select-positioner\";\nexport type { SelectScrollDownButtonProps } from \"./select-scroll-down-button\";\nexport type { SelectScrollUpButtonProps } from \"./select-scroll-up-button\";\nexport type { SelectSeparatorProps } from \"./select-separator\";\nexport type { SelectTriggerProps } from \"./select-trigger\";\nexport type { SelectValueProps } from \"./select-value\";\n\nexport {\n  Select,\n  SelectArrow,\n  SelectBackdrop,\n  SelectContent,\n  SelectGroup,\n  SelectGroupLabel,\n  SelectIcon,\n  SelectItem,\n  SelectItemIndicator,\n  SelectItemText,\n  SelectLabel,\n  SelectList,\n  SelectPopup,\n  SelectPortal,\n  SelectPositioner,\n  SelectScrollDownArrow,\n  SelectScrollDownButton,\n  SelectScrollUpArrow,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,SAAgB;CACf,WAAW,qBACT,QACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,SAAgB;CACf,WAAW,qBACT,QACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACVJ,MAAM,gBAAgB,cAAkC,EACtD,MAAM,MACP,CAAC;;;;ACFF,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,SAAgB;CACf,WAAW,qBACT,QACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,uBAAuB,cAAyC,EACpE,MAAM,MACP,CAAC;;;;ACCF,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;AAEvD,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,oBAAoB,EAAE,MAAM,cAAc,CAAC,EAC3C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACvCN,MAAM,gBAAgB,UACpB,oBAACC,SAAgB;CAAO,aAAU;CAAgB,GAAI;EAAS;;;;ACGjE,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,SAAgB;CACf,WAAW,qBACT,gBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,iCAAiC,GAAG;CACxC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,0BAA0B,EAC9B,WACA,MACA,GAAG,YAC8B;CACjC,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;AAEvD,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,+BAA+B,EAAE,MAAM,cAAc,CAAC,EACtD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEJ,oBAAC;GAAc,MAAM;GAAiB,aAAa;IAAK;GACxB;;;;;AC5CtC,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,wBAAwB,EAC5B,WACA,MACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;AAEvD,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEJ,oBAAC;GAAc,MAAM;GAAe,aAAa;IAAK;GACxB;;;;;AClCpC,MAAM,iBAAiB,EACrB,WACA,UACA,MACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,uBAAuB,MACvB,GAAG,YACqB;CACxB,MAAM,EAAE,MAAM,aAAa,WAAW,cAAc;CACpD,MAAM,eAAe,QAAQ,YAAY;AAEzC,QACE,oBAAC,qBAAqB;EAAS,OAAO,EAAE,MAAM,cAAc;YAC1D,oBAAC,0BACC,oBAAC;GACQ;GACe;GACT;GACP;GACM;aAEZ,qBAAC;IACY;IACX,aAAW;IACX,aAAU;IACV,MAAM;IACN,GAAI;;KAEJ,oBAAC,yBAAuB;KACxB,oBAAC,cAAY,WAAsB;KACnC,oBAAC,2BAAyB;;KACd;IACG,GACN;GACe;;;;;ACnDpC,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;AAEvD,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,oBAAoB,EAAE,MAAM,cAAc,CAAC,EAC3C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACrCN,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,SAAgB;CACf,WAAW,qBACT,oDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACHJ,MAAM,8BAA8B,GAAG;CACrC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,uBAAuB,EAC3B,WACA,QACA,MACA,GAAG,YAC2B;CAC9B,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;CACvD,MAAM,qBAAqB,4BAA4B,EACrD,MAAM,cACP,CAAC;AAEF,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,oBACA,UACD;EACD,aAAW;EACX,aAAU;EACV,QAAQ,UAAU,oBAAC,UAAK,WAAW,qBAAsB;EACzD,GAAI;GACJ;;;;;AChDN,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,SAAgB;CACf,WAAW,qBACT,gDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,qBAAqB,GAAG;CAC5B,OAAO;EACL,MAAM;EACN,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACD,IAAI;GACF,MAAM;GACN,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,cAAc,EAClB,WACA,UACA,MACA,GAAG,YACkB;CACrB,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;CACvD,MAAM,EAAE,MAAM,SAAS,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEjE,QACE,qBAACC,SAAgB;EACf,WAAW,qBACT,MAAM,EACN,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;aAEJ,oBAAC,kBAAgB,WAA0B,EAC3C,oBAAC;GAAoB,MAAM;aACzB,oBAAC;IAAc,WAAW,MAAM;IAAE,MAAM;IAAY,aAAa;KAAK;IAClD;GACD;;;;;ACnE3B,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,EAAE,MAAM,gBAAgB,WAAW,qBAAqB;CAC9D,MAAM,eAA0B,QAAQ,eAAe;AAEvD,QACE,oBAACC,SAAgB;EACf,WAAW,qBACT,oBAAoB,EAAE,MAAM,cAAc,CAAC,EAC3C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACrCN,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACC,SAAgB;CACf,WAAW,qBACT,iDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACIJ,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;GACF,2BAA2B;GAC3B,yBAAyB;GACzB,kCAAkC;GAClC;GACD;EACD,IAAI;GACF,2BAA2B;GAC3B,yBAAyB;GACzB,kCAAkC;GAClC;GACD;EACD,IAAI;GACF,2BAA2B;GAC3B,yBAAyB;GACzB,kCAAkC;GAClC;GACD;EACD,IAAI;GACF,2BAA2B;GAC3B,yBAAyB;GACzB,kCAAkC;GAClC;GACD;EACD,IAAI;GACF,2BAA2B;GAC3B,yBAAyB;GACzB,kCAAkC;GAClC;GACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAKF,MAAM,8BAA8B,SAClC,2BAA2B;AAE7B,MAAM,iBAAiB,EACrB,WACA,MACA,UACA,GAAG,YACqB;CACxB,MAAM,EAAE,MAAM,gBAAgB,WAAW,cAAc;CACvD,MAAM,eAAe,QAAQ,eAAe;AAE5C,QACE,qBAACC,SAAgB;EACf,WAAW,qBACT,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAC7C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;aAEH,UACD,oBAAC,cACC,QACE,oBAAC;GACC,WAAW,GACT,6CACA,2BAA2B,aAAa,CACzC;GACD,MAAM;GACN,aAAa;IACb,GAEJ;GACsB;;;;;AC3F9B,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,SAAgB;CACf,WAAW,qBACT,yBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACZJ,MAAa,yBAIX,kBAEA,yBACE,UACA,EAAE,EACF,cACD;;;;AC4BH,MAAM,mBAAmB;AACzB,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB;AAU5B,MAAM,UACJ,kBACG;CACH,MAAM,EAAE,MAAM,cAAc,GAAG,UAAU,sBAAsB,cAAc;CAC7E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,cAAc;EAAS,OAAO,EAAE,MAAM;YACrC,oBAACC,SAAgB;GACf,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GACqB;;AAI7B,OAAO,QAAQ;AACf,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,aAAa;AACpB,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,QAAQ;AACf,OAAO,OAAO;AACd,OAAO,QAAQ;AACf,OAAO,SAAS;AAChB,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,mBAAmB;AAC1B,OAAO,gBAAgB;AACvB,OAAO,iBAAiB;AACxB,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,QAAQ"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../src/ui/separator/separator.tsx"],"mappings":";;;;KAIY,cAAA,GAAiB,WAAA,CAAmB,KAAA;AAAA,cAE1C,SAAA;EAAa,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAIhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/separator.js

@@ -0,0 +1,15 @@
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/ui/separator/separator.tsx
+const Separator = ({ className, orientation = "horizontal", ...props }) => /* @__PURE__ */ jsx(Separator$1, {
+	className: mergeBaseUIClassName("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
+	"data-slot": "separator",
+	orientation,
+	...props
+});
+
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.js.map

package/dist/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["SeparatorPrimitive"],"sources":["../../src/ui/separator/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type SeparatorProps = SeparatorPrimitive.Props;\n\nconst Separator = ({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorProps) => (\n  <SeparatorPrimitive\n    className={mergeBaseUIClassName<SeparatorPrimitive.State>(\n      \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n      className\n    )}\n    data-slot=\"separator\"\n    orientation={orientation}\n    {...props}\n  />\n);\n\nexport { Separator };\n"],"mappings":";;;;;AAMA,MAAM,aAAa,EACjB,WACA,cAAc,cACd,GAAG,YAEH,oBAACA;CACC,WAAW,qBACT,wKACA,UACD;CACD,aAAU;CACG;CACb,GAAI;EACJ"}