@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/select.js

@@ -1,9 +1,9 @@
 "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 { a as resolveFieldHeightClassBySize, i as resolveDefaultNestedIconClassBySize, o as resolveFieldTextClassBySize, r as resolveDefaultIconClassBySize } from "../size-system-BTsMqZRQ.js";
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } 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";
@@ -44,15 +44,15 @@ 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",
+	base: "z-overlay bg-popover text-popover-foreground ring-foreground/10 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 relative isolate max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "rounded-md p-1",
+		sm: "rounded-[min(var(--radius-md),10px)] p-1",
+		xl: "rounded-md p-2",
+		xs: "rounded-[min(var(--radius-md),8px)] p-0.5"
+	} }
 });
 const SelectPopup = ({ className, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -75,7 +75,7 @@ const SelectPortal = (props) => /* @__PURE__ */ jsx(Select$1.Portal, {
 //#endregion
 //#region src/ui/select/select-positioner.tsx
 const SelectPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Select$1.Positioner, {
-	className: mergeBaseUIClassName("isolate z-50", className),
+	className: mergeBaseUIClassName("isolate z-overlay", className),
 	"data-slot": "select-positioner",
 	...props
 });
@@ -83,15 +83,15 @@ const SelectPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Select
 //#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",
+	base: "z-raised cursor-clickable bg-popover bottom-0 flex w-full items-center justify-center",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "py-1 [&_svg:not([class*='size-'])]:size-4",
+		sm: "py-1 [&_svg:not([class*='size-'])]:size-3.5",
+		xl: "py-2 [&_svg:not([class*='size-'])]:size-5",
+		xs: "py-0.5 [&_svg:not([class*='size-'])]:size-3"
+	} }
 });
 const SelectScrollDownButton = ({ className, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -111,15 +111,15 @@ const SelectScrollDownButton = ({ className, size, ...props }) => {
 //#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",
+	base: "z-raised cursor-clickable bg-popover top-0 flex w-full items-center justify-center",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "py-1 [&_svg:not([class*='size-'])]:size-4",
+		sm: "py-1 [&_svg:not([class*='size-'])]:size-3.5",
+		xl: "py-2 [&_svg:not([class*='size-'])]:size-5",
+		xs: "py-0.5 [&_svg:not([class*='size-'])]:size-3"
+	} }
 });
 const SelectScrollUpButton = ({ className, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -141,8 +141,9 @@ const SelectScrollUpButton = ({ className, size, ...props }) => {
 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";
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(SelectOverlayContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(SelectPositioner, {
 			align,
 			alignItemWithTrigger,
@@ -169,14 +170,14 @@ const SelectContent = ({ className, children, size, side = "bottom", sideOffset
 //#region src/ui/select/select-group.tsx
 const selectGroupVariants = tv({
 	base: "",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "scroll-my-1 p-1",
+		sm: "scroll-my-1 p-1",
+		xl: "scroll-my-2 p-2",
+		xs: "scroll-my-0.5 p-0.5"
+	} }
 });
 const SelectGroup = ({ className, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -201,14 +202,14 @@ const SelectIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(Select$1.Ico
 //#region src/ui/select/select-item-indicator.tsx
 const selectItemIndicatorVariants = tv({
 	base: "pointer-events-none absolute flex items-center justify-center",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "right-2 size-4",
+		sm: "right-2 size-3.5",
+		xl: "right-3 size-5",
+		xs: "right-1.5 size-3"
+	} }
 });
 const SelectItemIndicator = ({ className, render, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -234,33 +235,33 @@ const SelectItemText = ({ className, ...props }) => /* @__PURE__ */ jsx(Select$1
 //#endregion
 //#region src/ui/select/select-item.tsx
 const selectItemVariants = tv({
+	defaultVariants: { size: "md" },
 	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"
+		root: "cursor-clickable focus:bg-accent focus:text-accent-foreground not-data-[variant=danger]:focus:**:text-accent-foreground relative flex w-full items-center rounded-sm outline-hidden select-none 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"
+		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"
 		},
 		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"
+		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"
 		},
 		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"
+		},
+		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"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const SelectItem = ({ className, children, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -286,14 +287,14 @@ const SelectItem = ({ className, children, size, ...props }) => {
 //#region src/ui/select/select-label.tsx
 const selectLabelVariants = tv({
 	base: "text-muted-foreground",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "px-1.5 py-1 text-xs",
+		sm: "px-1.5 py-1 text-xs",
+		xl: "px-2.5 py-1.5 text-sm",
+		xs: "px-1.5 py-0.5 text-xs"
+	} }
 });
 const SelectLabel = ({ className, size, ...props }) => {
 	const { size: overlaySize } = useContext(SelectOverlayContext);
@@ -317,42 +318,41 @@ const SelectSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Select$
 //#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",
+	base: "cursor-clickable border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 flex w-fit items-center justify-between border bg-transparent whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	defaultVariants: { size: "md" },
 	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"
+		lg: [
+			resolveFieldHeightClassBySize("lg"),
+			resolveFieldTextClassBySize("lg"),
+			resolveDefaultNestedIconClassBySize("lg"),
+			"gap-1.5 rounded-md pr-2.5 pl-3 *: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,
+			resolveFieldHeightClassBySize("md"),
+			resolveFieldTextClassBySize("md"),
+			resolveDefaultNestedIconClassBySize("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"
+		sm: [
+			resolveFieldHeightClassBySize("sm"),
+			resolveFieldTextClassBySize("sm"),
+			resolveDefaultNestedIconClassBySize("sm"),
+			"gap-1 rounded-[min(var(--radius-md),10px)] pr-2 pl-2.5 *: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,
+			resolveFieldHeightClassBySize("xl"),
+			resolveFieldTextClassBySize("xl"),
+			resolveDefaultNestedIconClassBySize("xl"),
 			"gap-2 rounded-md pr-3 pl-4 *:data-[slot=select-value]:gap-2"
+		],
+		xs: [
+			resolveFieldHeightClassBySize("xs"),
+			resolveFieldTextClassBySize("xs"),
+			resolveDefaultNestedIconClassBySize("xs"),
+			"gap-1 rounded-[min(var(--radius-md),8px)] pr-1.5 pl-2 *:data-[slot=select-value]:gap-1"
 		]
-	} },
-	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";
@@ -362,7 +362,7 @@ const SelectTrigger = ({ className, size, children, ...props }) => {
 		"data-slot": "select-trigger",
 		...props,
 		children: [children, /* @__PURE__ */ jsx(SelectIcon, { render: /* @__PURE__ */ jsx(HugeiconsIcon, {
-			className: cn("pointer-events-none text-muted-foreground", getSelectIconSizeClassName(resolvedSize)),
+			className: cn("text-muted-foreground pointer-events-none", resolveDefaultIconClassBySize(resolvedSize)),
 			icon: UnfoldMoreIcon,
 			strokeWidth: 2
 		}) })]
@@ -389,8 +389,9 @@ const SelectScrollUpArrow = SelectScrollUpButton;
 const Select = (incomingProps) => {
 	const { size: providedSize, ...props } = useSelectDefaultProps(incomingProps);
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(SelectContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(Select$1.Root, {
 			"data-size": size,
 			"data-slot": "select",

package/dist/ui/select.js.map

@@ -1 +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":"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"}
+{"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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectPopupVariants = tv({\n  base: \"z-overlay bg-popover text-popover-foreground ring-foreground/10 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 relative isolate max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto shadow-md ring-1 duration-100\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"rounded-md p-1.5\",\n      md: \"rounded-md p-1\",\n      sm: \"rounded-[min(var(--radius-md),10px)] p-1\",\n      xl: \"rounded-md p-2\",\n      xs: \"rounded-[min(var(--radius-md),8px)] p-0.5\",\n    },\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\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-overlay\",\n      className\n    )}\n    data-slot=\"select-positioner\"\n    {...props}\n  />\n);\n\nexport { SelectPositioner };\n","\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectScrollDownButtonVariants = tv({\n  base: \"z-raised cursor-clickable bg-popover bottom-0 flex w-full items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"py-1.5 [&_svg:not([class*='size-'])]:size-4\",\n      md: \"py-1 [&_svg:not([class*='size-'])]:size-4\",\n      sm: \"py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"py-2 [&_svg:not([class*='size-'])]:size-5\",\n      xs: \"py-0.5 [&_svg:not([class*='size-'])]:size-3\",\n    },\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { ArrowUp01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectScrollUpButtonVariants = tv({\n  base: \"z-raised cursor-clickable bg-popover top-0 flex w-full items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"py-1.5 [&_svg:not([class*='size-'])]:size-4\",\n      md: \"py-1 [&_svg:not([class*='size-'])]:size-4\",\n      sm: \"py-1 [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"py-2 [&_svg:not([class*='size-'])]:size-5\",\n      xs: \"py-0.5 [&_svg:not([class*='size-'])]:size-3\",\n    },\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\";\nimport { useContext, useMemo } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <SelectOverlayContext.Provider value={contextValue}>\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectGroupVariants = tv({\n  base: \"\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"scroll-my-1.5 p-1.5\",\n      md: \"scroll-my-1 p-1\",\n      sm: \"scroll-my-1 p-1\",\n      xl: \"scroll-my-2 p-2\",\n      xs: \"scroll-my-0.5 p-0.5\",\n    },\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectItemIndicatorVariants = tv({\n  base: \"pointer-events-none absolute flex items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"right-2.5 size-4\",\n      md: \"right-2 size-4\",\n      sm: \"right-2 size-3.5\",\n      xl: \"right-3 size-5\",\n      xs: \"right-1.5 size-3\",\n    },\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectItemIndicator } from \"./select-item-indicator\";\nimport { SelectItemText } from \"./select-item-text\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectItemVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    icon: \"pointer-events-none\",\n    root: \"cursor-clickable focus:bg-accent focus:text-accent-foreground not-data-[variant=danger]:focus:**:text-accent-foreground relative flex w-full items-center rounded-sm outline-hidden select-none 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      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      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      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      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      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    },\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { InputSize } from \"../input/input\";\nimport { SelectOverlayContext } from \"./select-overlay-context\";\n\nconst selectLabelVariants = tv({\n  base: \"text-muted-foreground\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"px-2 py-1.5 text-xs\",\n      md: \"px-1.5 py-1 text-xs\",\n      sm: \"px-1.5 py-1 text-xs\",\n      xl: \"px-2.5 py-1.5 text-sm\",\n      xs: \"px-1.5 py-0.5 text-xs\",\n    },\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 } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  resolveDefaultIconClassBySize,\n  resolveDefaultNestedIconClassBySize,\n  resolveFieldHeightClassBySize,\n  resolveFieldTextClassBySize,\n} from \"../shared/size/size-system\";\nimport { SelectContext } from \"./select-context\";\nimport { SelectIcon } from \"./select-icon\";\n\nconst selectTriggerVariants = tv({\n  base: \"cursor-clickable border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 flex w-fit items-center justify-between border bg-transparent whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: [\n        resolveFieldHeightClassBySize(\"lg\"),\n        resolveFieldTextClassBySize(\"lg\"),\n        resolveDefaultNestedIconClassBySize(\"lg\"),\n        \"gap-1.5 rounded-md pr-2.5 pl-3 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      md: [\n        resolveFieldHeightClassBySize(\"md\"),\n        resolveFieldTextClassBySize(\"md\"),\n        resolveDefaultNestedIconClassBySize(\"md\"),\n        \"gap-1.5 rounded-md pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      sm: [\n        resolveFieldHeightClassBySize(\"sm\"),\n        resolveFieldTextClassBySize(\"sm\"),\n        resolveDefaultNestedIconClassBySize(\"sm\"),\n        \"gap-1 rounded-[min(var(--radius-md),10px)] pr-2 pl-2.5 *:data-[slot=select-value]:gap-1.5\",\n      ],\n      xl: [\n        resolveFieldHeightClassBySize(\"xl\"),\n        resolveFieldTextClassBySize(\"xl\"),\n        resolveDefaultNestedIconClassBySize(\"xl\"),\n        \"gap-2 rounded-md pr-3 pl-4 *:data-[slot=select-value]:gap-2\",\n      ],\n      xs: [\n        resolveFieldHeightClassBySize(\"xs\"),\n        resolveFieldTextClassBySize(\"xs\"),\n        resolveDefaultNestedIconClassBySize(\"xs\"),\n        \"gap-1 rounded-[min(var(--radius-md),8px)] pr-1.5 pl-2 *:data-[slot=select-value]:gap-1\",\n      ],\n    },\n  },\n});\n\nexport type SelectTriggerProps = SelectPrimitive.Trigger.Props &\n  VariantProps<typeof selectTriggerVariants>;\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              \"text-muted-foreground pointer-events-none\",\n              resolveDefaultIconClassBySize(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 { useComponentDefaultProps } from \"../shared/size/size-provider\";\nimport type { SelectProps } from \"./select\";\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 { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\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  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <SelectContext.Provider value={contextValue}>\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":"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"}

package/dist/ui/separator.d.ts

@@ -1,13 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Separator as Separator$1 } from "@base-ui/react/separator";
-
-//#region src/ui/separator/separator.d.ts
-type SeparatorProps = Separator$1.Props;
-declare const Separator: ({
-  className,
-  orientation,
-  ...props
-}: SeparatorProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Separator, SeparatorProps };
-//# sourceMappingURL=separator.d.ts.map
+import { n as SeparatorProps, t as Separator } from "../separator-C8Qw2ADs.js";
+export { Separator, SeparatorProps };

package/dist/ui/separator.js

@@ -1,3 +1,5 @@
+"use client";
+
 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";

package/dist/ui/separator.js.map

@@ -1 +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"}
+{"version":3,"file":"separator.js","names":["SeparatorPrimitive"],"sources":["../../src/ui/separator/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport { 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":";;;;;;;AAQA,MAAM,aAAa,EACjB,WACA,cAAc,cACd,GAAG,YAEH,oBAACA,aAAD;CACE,WAAW,qBACT,wKACA,UACD;CACD,aAAU;CACG;CACb,GAAI;CACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../src/ui/sheet/sheet-close.tsx","../../src/ui/sheet/sheet-popup.tsx","../../src/ui/sheet/sheet-content.tsx","../../src/ui/sheet/sheet-backdrop.tsx","../../src/ui/sheet/sheet-description.tsx","../../src/ui/sheet/sheet-footer.tsx","../../src/ui/sheet/sheet-header.tsx","../../src/ui/sheet/sheet-overlay.tsx","../../src/ui/sheet/sheet-portal.tsx","../../src/ui/sheet/sheet-title.tsx","../../src/ui/sheet/sheet-trigger.tsx","../../src/ui/sheet/sheet-viewport.tsx","../../src/ui/sheet/sheet.tsx"],"mappings":";;;;;KAIY,eAAA,GAAkB,MAAA,CAAe,KAAA,CAAM,KAAA;AAAA,cAE7C,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDhD,SAAA;AAAA,KACA,eAAA,GAAkB,MAAA,CAAe,KAAA,CAAM,KAAA;EACjD,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIjB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCCN,iBAAA,GAAoB,eAAA;EAC9B,IAAA,GAAO,SAAA;EACP,eAAA;AAAA;AAAA,cAGI,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAMnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCrBR,kBAAA,GAAqB,MAAA,CAAe,QAAA,CAAS,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCHtD,qBAAA,GAAwB,MAAA,CAAe,WAAA,CAAY,KAAA;AAAA,cAEzD,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH5D,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,iBAAA,GAAoB,kBAAA;AAAA,cAE1B,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFpD,gBAAA,GAAmB,MAAA,CAAe,MAAA,CAAO,KAAA;AAAA,cAE/C,WAAA;EAAA,GAAe;AAAA,GAAc,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDvC,eAAA,GAAkB,MAAA,CAAe,KAAA,CAAM,KAAA;AAAA,cAE7C,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,iBAAA,GAAoB,MAAA,CAAe,OAAA,CAAQ,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDpD,kBAAA,GAAqB,MAAA,CAAe,QAAA,CAAS,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCStD,UAAA,GAAa,MAAA,CAAe,IAAA,CAAK,KAAA;AAAA,cAEvC,KAAA;EAAA;IAAA;KAAuB,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../src/ui/sheet/sheet-close.tsx","../../src/ui/sheet/sheet-popup.tsx","../../src/ui/sheet/sheet-content.tsx","../../src/ui/sheet/sheet-backdrop.tsx","../../src/ui/sheet/sheet-description.tsx","../../src/ui/sheet/sheet-footer.tsx","../../src/ui/sheet/sheet-header.tsx","../../src/ui/sheet/sheet-overlay.tsx","../../src/ui/sheet/sheet-portal.tsx","../../src/ui/sheet/sheet-title.tsx","../../src/ui/sheet/sheet-trigger.tsx","../../src/ui/sheet/sheet-viewport.tsx","../../src/ui/sheet/sheet.tsx"],"mappings":";;;;;KAIY,eAAA,GAAkB,MAAA,CAAe,KAAA,CAAM,KAAA;AAAA,cAE7C,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDhD,SAAA;AAAA,KACA,eAAA,GAAkB,MAAA,CAAe,KAAA,CAAM,KAAA;EACjD,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIjB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFN,iBAAA,GAAoB,eAAA;EAC9B,IAAA,GAAO,SAAA;EACP,eAAA;AAAA;AAAA,cAGI,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAMnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KClBR,kBAAA,GAAqB,MAAA,CAAe,QAAA,CAAS,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCHtD,qBAAA,GAAwB,MAAA,CAAe,WAAA,CAAY,KAAA;AAAA,cAEzD,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJ5D,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAlD,iBAAA,GAAoB,kBAAA;AAAA,cAE1B,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCHpD,gBAAA,GAAmB,MAAA,CAAe,MAAA,CAAO,KAAA;AAAA,cAE/C,WAAA;EAAA,GAAe;AAAA,GAAc,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDvC,eAAA,GAAkB,MAAA,CAAe,KAAA,CAAM,KAAA;AAAA,cAE7C,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,iBAAA,GAAoB,MAAA,CAAe,OAAA,CAAQ,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDpD,kBAAA,GAAqB,MAAA,CAAe,QAAA,CAAS,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCStD,UAAA,GAAa,MAAA,CAAe,IAAA,CAAK,KAAA;AAAA,cAEvC,KAAA;EAAA;IAAA;KAAuB,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/sheet.js

@@ -1,27 +1,5 @@
 "use client";
 
-import { a as SheetFooter, c as SheetViewport, d as SheetClose, f as SheetBackdrop, i as SheetHeader, l as SheetPortal, n as SheetTitle, o as SheetDescription, r as SheetOverlay, s as SheetContent, t as SheetTrigger, u as SheetPopup } from "../sheet-trigger-D7neoTF5.js";
-import { jsx } from "react/jsx-runtime";
-import { Dialog } from "@base-ui/react/dialog";
+import { a as SheetHeader, c as SheetContent, d as SheetPopup, f as SheetClose, i as SheetOverlay, l as SheetViewport, n as SheetTrigger, o as SheetFooter, p as SheetBackdrop, r as SheetTitle, s as SheetDescription, t as Sheet, u as SheetPortal } from "../sheet-imSHXfFH.js";
 
-//#region src/ui/sheet/sheet.tsx
-const Sheet = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
-	"data-slot": "sheet",
-	...props
-});
-Sheet.Close = SheetClose;
-Sheet.Content = SheetContent;
-Sheet.Backdrop = SheetBackdrop;
-Sheet.Description = SheetDescription;
-Sheet.Footer = SheetFooter;
-Sheet.Header = SheetHeader;
-Sheet.Overlay = SheetOverlay;
-Sheet.Portal = SheetPortal;
-Sheet.Popup = SheetPopup;
-Sheet.Title = SheetTitle;
-Sheet.Trigger = SheetTrigger;
-Sheet.Viewport = SheetViewport;
-
-//#endregion
-export { Sheet, SheetBackdrop, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, SheetViewport };
-//# sourceMappingURL=sheet.js.map
+export { Sheet, SheetBackdrop, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, SheetViewport };