@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/scroll-area.d.ts

@@ -1,27 +1,40 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, JSX } from "react";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+import { Scope } from "@radix-ui/react-context";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare const scrollAreaScrollbarVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
+
+//#region src/components/scroll-area.d.ts
+declare const scrollAreaScrollbarVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
+  size: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
 }, Record<string, never>>;
 type ScopedProps<P> = P & {
-    __scopeScrollArea?: Scope;
+  __scopeScrollArea?: Scope;
 };
 type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, "size">;
 type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
-declare function ScrollArea({ __scopeScrollArea, children, className, size, ...props }: ScrollAreaProps): JSX.Element;
+declare function ScrollArea({
+  __scopeScrollArea,
+  children,
+  className,
+  size,
+  ...props
+}: ScrollAreaProps): JSX.Element;
 type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;
-declare function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }: ScrollAreaScrollbarProps): JSX.Element;
-export { scrollAreaScrollbarVariants };
-export { ScrollArea, ScrollAreaScrollbar };
-export type { ScrollAreaProps, ScrollAreaScrollbarProps };
+declare function ScrollAreaScrollbar({
+  __scopeScrollArea,
+  className,
+  orientation,
+  ...props
+}: ScrollAreaScrollbarProps): JSX.Element;
+//#endregion
+export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, scrollAreaScrollbarVariants };

package/dist/components/scroll-area.js

@@ -1,101 +1,97 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { createContextScope } from "@radix-ui/react-context";
-import { Corner, Root, ScrollAreaThumb, Scrollbar, Viewport } from "@radix-ui/react-scroll-area";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+//#region src/components/scroll-area.tsx
 const scrollAreaScrollbarVariants = tv({
-    base: "flex touch-none p-px transition-colors select-none",
-    compoundVariants: [
-        {
-            className: "w-1.5",
-            orientation: "vertical",
-            size: "sm"
-        },
-        {
-            className: "w-2",
-            orientation: "vertical",
-            size: "md"
-        },
-        {
-            className: "w-2.5",
-            orientation: "vertical",
-            size: "lg"
-        },
-        {
-            className: "h-1.5",
-            orientation: "horizontal",
-            size: "sm"
-        },
-        {
-            className: "h-2",
-            orientation: "horizontal",
-            size: "md"
-        },
-        {
-            className: "h-2.5",
-            orientation: "horizontal",
-            size: "lg"
-        }
-    ],
-    defaultVariants: {
-        orientation: "vertical",
-        size: "md"
-    },
-    variants: {
-        orientation: {
-            horizontal: "w-full flex-col border-t border-t-transparent",
-            vertical: "h-full flex-row border-l border-l-transparent"
-        },
-        size: {
-            none: "",
-            sm: "",
-            md: "",
-            lg: ""
-        }
-    }
+	base: "flex touch-none p-px transition-colors select-none",
+	compoundVariants: [
+		{
+			className: "w-1.5",
+			orientation: "vertical",
+			size: "sm"
+		},
+		{
+			className: "w-2",
+			orientation: "vertical",
+			size: "md"
+		},
+		{
+			className: "w-2.5",
+			orientation: "vertical",
+			size: "lg"
+		},
+		{
+			className: "h-1.5",
+			orientation: "horizontal",
+			size: "sm"
+		},
+		{
+			className: "h-2",
+			orientation: "horizontal",
+			size: "md"
+		},
+		{
+			className: "h-2.5",
+			orientation: "horizontal",
+			size: "lg"
+		}
+	],
+	defaultVariants: {
+		orientation: "vertical",
+		size: "md"
+	},
+	variants: {
+		orientation: {
+			horizontal: "w-full flex-col border-t border-t-transparent",
+			vertical: "h-full flex-row border-l border-l-transparent"
+		},
+		size: {
+			none: "",
+			sm: "",
+			md: "",
+			lg: ""
+		}
+	}
 });
 const SCROLL_AREA_NAME = "ScrollArea";
 const [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
 const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 function ScrollArea({ __scopeScrollArea, children, className, size, ...props }) {
-    return /*#__PURE__*/ jsx(ScrollAreaContextProvider, {
-        scope: __scopeScrollArea,
-        size: size,
-        children: /*#__PURE__*/ jsxs(Root, {
-            className: cn("relative", className),
-            "data-slot": "scroll-area",
-            ...props,
-            children: [
-                /*#__PURE__*/ jsx(Viewport, {
-                    className: "size-full rounded-[inherit] ring-ring/50 outline-ring transition focus-visible:ring-4 focus-visible:outline-1",
-                    "data-slot": "scroll-area-viewport",
-                    children: children
-                }),
-                /*#__PURE__*/ jsx(ScrollAreaScrollbar, {
-                    orientation: "vertical"
-                }),
-                /*#__PURE__*/ jsx(ScrollAreaScrollbar, {
-                    orientation: "horizontal"
-                }),
-                /*#__PURE__*/ jsx(Corner, {})
-            ]
-        })
-    });
+	return /* @__PURE__ */ jsx(ScrollAreaContextProvider, {
+		scope: __scopeScrollArea,
+		size,
+		children: /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+			className: cn("relative", className),
+			"data-slot": "scroll-area",
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+					className: "size-full rounded-[inherit] ring-ring/50 outline-ring transition focus-visible:ring-4 focus-visible:outline-1",
+					"data-slot": "scroll-area-viewport",
+					children
+				}),
+				/* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
+				/* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
+				/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+			]
+		})
+	});
 }
 function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
-    const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
-    return /*#__PURE__*/ jsx(Scrollbar, {
-        className: scrollAreaScrollbarVariants({
-            className,
-            orientation,
-            size
-        }),
-        "data-slot": "scroll-area-scrollbar",
-        orientation: orientation,
-        ...props,
-        children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
-            className: "relative flex-1 rounded-full bg-border"
-        })
-    });
+	const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
+	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {
+		className: scrollAreaScrollbarVariants({
+			className,
+			orientation,
+			size
+		}),
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+	});
 }
+//#endregion
 export { ScrollArea, ScrollAreaScrollbar, scrollAreaScrollbarVariants };

package/dist/components/select.d.ts

@@ -1,28 +1,62 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
+import { buttonVariants } from "./button.js";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { buttonVariants } from "./button";
+
+//#region src/components/select.d.ts
 type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
-declare function Select({ ...props }: SelectProps): JSX.Element;
+declare function Select({
+  ...props
+}: SelectProps): JSX.Element;
 type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
-declare function SelectGroup({ ...props }: SelectGroupProps): JSX.Element;
+declare function SelectGroup({
+  ...props
+}: SelectGroupProps): JSX.Element;
 type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
-declare function SelectValue({ ...props }: SelectValueProps): JSX.Element;
+declare function SelectValue({
+  ...props
+}: SelectValueProps): JSX.Element;
 interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
-    size?: VariantProps<typeof buttonVariants>["size"];
+  size?: VariantProps<typeof buttonVariants>["size"];
 }
-declare function SelectTrigger({ children, className, size, ...props }: SelectTriggerProps): JSX.Element;
+declare function SelectTrigger({
+  children,
+  className,
+  size,
+  ...props
+}: SelectTriggerProps): JSX.Element;
 type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
-declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): JSX.Element;
+declare function SelectScrollUpButton({
+  className,
+  ...props
+}: SelectScrollUpButtonProps): JSX.Element;
 type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
-declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): JSX.Element;
+declare function SelectScrollDownButton({
+  className,
+  ...props
+}: SelectScrollDownButtonProps): JSX.Element;
 type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
-declare function SelectContent({ children, className, position, ...props }: SelectContentProps): JSX.Element;
+declare function SelectContent({
+  children,
+  className,
+  position,
+  ...props
+}: SelectContentProps): JSX.Element;
 type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
-declare function SelectLabel({ className, ...props }: SelectLabelProps): JSX.Element;
+declare function SelectLabel({
+  className,
+  ...props
+}: SelectLabelProps): JSX.Element;
 type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
-declare function SelectItem({ children, className, ...props }: SelectItemProps): JSX.Element;
+declare function SelectItem({
+  children,
+  className,
+  ...props
+}: SelectItemProps): JSX.Element;
 type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
-declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
-export type { SelectContentProps, SelectGroupProps, SelectItemProps, SelectLabelProps, SelectProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps, };
+declare function SelectSeparator({
+  className,
+  ...props
+}: SelectSeparatorProps): JSX.Element;
+//#endregion
+export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/components/select.js

@@ -1,120 +1,101 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "./button.js";
 import { cn } from "@codefast/tailwind-variants";
-import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { buttonVariants } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+//#region src/components/select.tsx
 function Select({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "select",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
 }
 function SelectGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "select-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
 }
 function SelectValue({ ...props }) {
-    return /*#__PURE__*/ jsx(Value, {
-        "data-slot": "select-value",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
 }
 function SelectTrigger({ children, className, size, ...props }) {
-    return /*#__PURE__*/ jsxs(Trigger, {
-        className: buttonVariants({
-            className: [
-                "[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate",
-                className
-            ],
-            size,
-            variant: "outline"
-        }),
-        "data-size": size,
-        "data-slot": "select-trigger",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(Icon, {
-                asChild: true,
-                className: "size-4 shrink-0 opacity-50",
-                children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		className: buttonVariants({
+			className: ["[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate", className],
+			size,
+			variant: "outline"
+		}),
+		"data-size": size,
+		"data-slot": "select-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			className: "size-4 shrink-0 opacity-50",
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+		})]
+	});
 }
 function SelectScrollUpButton({ className, ...props }) {
-    return /*#__PURE__*/ jsx(ScrollUpButton, {
-        className: cn("flex items-center justify-center py-1 text-muted-foreground", className),
-        "data-slot": "select-scroll-up-button",
-        ...props,
-        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
-            size: 16
-        })
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		className: cn("flex items-center justify-center py-1 text-muted-foreground", className),
+		"data-slot": "select-scroll-up-button",
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
+	});
 }
 function SelectScrollDownButton({ className, ...props }) {
-    return /*#__PURE__*/ jsx(ScrollDownButton, {
-        className: cn("flex items-center justify-center py-1 text-muted-foreground", className),
-        "data-slot": "select-scroll-down-button",
-        ...props,
-        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
-            size: 16
-        })
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		className: cn("flex items-center justify-center py-1 text-muted-foreground", className),
+		"data-slot": "select-scroll-down-button",
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
+	});
 }
 function SelectContent({ children, className, position = "popper", ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsxs(Content, {
-            className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-            "data-slot": "select-content",
-            position: position,
-            ...props,
-            children: [
-                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
-                /*#__PURE__*/ jsx(Viewport, {
-                    className: cn("p-1", "popper" === position && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
-                    children: children
-                }),
-                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
-            ]
-        })
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		"data-slot": "select-content",
+		position,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
 }
 function SelectLabel({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Label, {
-        className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold", className),
-        "data-slot": "select-label",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold", className),
+		"data-slot": "select-label",
+		...props
+	});
 }
 function SelectItem({ children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(Item, {
-        className: cn("relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
-        "data-slot": "select-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute right-2 flex items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-4"
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(ItemText, {
-                children: children
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		className: cn("relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		"data-slot": "select-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
 }
 function SelectSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        className: cn("mx-2 my-1 h-px bg-border", className),
-        "data-slot": "select-separator",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		className: cn("mx-2 my-1 h-px bg-border", className),
+		"data-slot": "select-separator",
+		...props
+	});
 }
+//#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/separator.d.ts

@@ -1,22 +1,32 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-declare const separatorVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    align: {
-        center: string;
-        end: string;
-        start: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/separator.d.ts
+declare const separatorVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  align: {
+    center: string;
+    end: string;
+    start: string;
+  };
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
 }, Record<string, never>>;
-interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<VariantProps<typeof separatorVariants>, "orientation"> {
-}
-declare function Separator({ align, className, decorative, orientation, ...props }: SeparatorProps): JSX.Element;
+interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<VariantProps<typeof separatorVariants>, "orientation"> {}
+declare function Separator({
+  align,
+  className,
+  decorative,
+  orientation,
+  ...props
+}: SeparatorProps): JSX.Element;
 type SeparatorItemProps = ComponentProps<"div">;
-declare function SeparatorItem({ className, ...props }: SeparatorItemProps): JSX.Element;
-export { separatorVariants };
-export { Separator, SeparatorItem };
-export type { SeparatorItemProps, SeparatorProps };
+declare function SeparatorItem({
+  className,
+  ...props
+}: SeparatorItemProps): JSX.Element;
+//#endregion
+export { Separator, SeparatorItem, type SeparatorItemProps, type SeparatorProps, separatorVariants };