@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/resizable.d.ts

@@ -1,23 +1,13 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
-
-//#region src/components/resizable.d.ts
 type ResizableGroupProps = ComponentProps<typeof ResizablePrimitive.Group>;
-declare function ResizableGroup({
-  className,
-  ...props
-}: ResizableGroupProps): JSX.Element;
+declare function ResizableGroup({ className, ...props }: ResizableGroupProps): JSX.Element;
 type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
-declare function ResizablePanel({
-  ...props
-}: ResizablePanelProps): JSX.Element;
+declare function ResizablePanel({ ...props }: ResizablePanelProps): JSX.Element;
 interface ResizableSeparatorProps extends ComponentProps<typeof ResizablePrimitive.Separator> {
-  withHandle?: boolean;
+    withHandle?: boolean;
 }
-declare function ResizableSeparator({
-  className,
-  withHandle,
-  ...props
-}: ResizableSeparatorProps): JSX.Element;
-//#endregion
-export { ResizableGroup, type ResizableGroupProps, ResizablePanel, type ResizablePanelProps, ResizableSeparator, type ResizableSeparatorProps };
+declare function ResizableSeparator({ className, withHandle, ...props }: ResizableSeparatorProps): JSX.Element;
+export { ResizableGroup, ResizablePanel, ResizableSeparator };
+export type { ResizableGroupProps, ResizablePanelProps, ResizableSeparatorProps };
+//# sourceMappingURL=resizable.d.ts.map

package/dist/components/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../src/components/resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAM7D,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAQjF;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAMD,UAAU,uBAAwB,SAAQ,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA2BvC;AAMD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/resizable.js

@@ -1,32 +1,18 @@
 "use client";
-import { cn } from "@codefast/tailwind-variants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 import { GripVerticalIcon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
-//#region src/components/resizable.tsx
 function ResizableGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
-		className: cn("flex size-full", className),
-		"data-slot": "resizable-group",
-		...props
-	});
+    return (_jsx(ResizablePrimitive.Group, { className: cn("flex size-full", className), "data-slot": "resizable-group", ...props }));
 }
 function ResizablePanel({ ...props }) {
-	return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
-		"data-slot": "resizable-panel",
-		...props
-	});
+    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableSeparator({ className, withHandle, ...props }) {
-	return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
-		className: cn("flex items-center justify-center bg-border outline-hidden focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px", className),
-		"data-slot": "resizable-separator",
-		...props,
-		children: withHandle ? /* @__PURE__ */ jsx("div", {
-			className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",
-			children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" })
-		}) : null
-	});
+    return (_jsx(ResizablePrimitive.Separator, { className: cn("flex items-center justify-center", "bg-border outline-hidden", "focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=horizontal]:h-px", "aria-[orientation=vertical]:w-px", className), "data-slot": "resizable-separator", ...props, children: withHandle ? (_jsx("div", { className: cn("z-10 flex h-4 w-3 items-center justify-center", "rounded-sm border", "bg-border"), children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) : null }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { ResizableGroup, ResizablePanel, ResizableSeparator };

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

@@ -1,40 +1,28 @@
-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 type { VariantProps } from "#lib/utils";
+import type { Scope } from "@radix-ui/react-context";
+import type { ComponentProps, JSX } from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-
-//#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;
-  };
+declare const scrollAreaScrollbarVariants: import("@codefast/tailwind-variants").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;
-//#endregion
-export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, scrollAreaScrollbarVariants };
+declare function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }: ScrollAreaScrollbarProps): JSX.Element;
+export { scrollAreaScrollbarVariants };
+export { ScrollArea, ScrollAreaScrollbar };
+export type { ScrollAreaProps, ScrollAreaScrollbarProps };
+//# sourceMappingURL=scroll-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAMnE,QAAA,MAAM,2BAA2B;;QAwC3B,UAAU;QACV,QAAQ;;;QAGR,IAAI;QAEJ,EAAE;QAEF,EAAE;QAEF,EAAE;;yBAGN,CAAC;AAQH,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAIxD,KAAK,sBAAsB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,2BAA2B,CAAC,EAAE,MAAM,CAAC,CAAC;AAS7F,KAAK,eAAe,GAAG,WAAW,CAChC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG,sBAAsB,CACzE,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAyB/B;AAMD,KAAK,wBAAwB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;AAElG,iBAAS,mBAAmB,CAAC,EAC3B,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAexC;AAMD,OAAO,EAAE,2BAA2B,EAAE,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/components/scroll-area.js

@@ -1,97 +1,77 @@
 "use client";
-import { cn, tv } from "@codefast/tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, tv } from "#lib/utils";
 import { createContextScope } from "@radix-ui/react-context";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-//#region src/components/scroll-area.tsx
+/* -----------------------------------------------------------------------------
+ * Variant: ScrollAreaScrollbar
+ * -------------------------------------------------------------------------- */
 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", "p-px", "touch-none 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: "",
+        },
+    },
 });
+/* -----------------------------------------------------------------------------
+ * Context: ScrollArea
+ * -------------------------------------------------------------------------- */
 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,
-		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, {})
-			]
-		})
-	});
+    return (_jsx(ScrollAreaContextProvider, { scope: __scopeScrollArea, size: size, children: _jsxs(ScrollAreaPrimitive.Root, { className: cn("relative", className), "data-slot": "scroll-area", ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: cn("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 }), _jsx(ScrollAreaScrollbar, { orientation: "vertical" }), _jsx(ScrollAreaScrollbar, { orientation: "horizontal" }), _jsx(ScrollAreaPrimitive.Corner, {})] }) }));
 }
 function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
-	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" })
-	});
+    const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
+    return (_jsx(ScrollAreaPrimitive.Scrollbar, { className: scrollAreaScrollbarVariants({ className, orientation, size }), "data-slot": "scroll-area-scrollbar", orientation: orientation, ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: cn("relative flex-1", "rounded-full", "bg-border") }) }));
 }
-//#endregion
-export { ScrollArea, ScrollAreaScrollbar, scrollAreaScrollbarVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { scrollAreaScrollbarVariants };
+export { ScrollArea, ScrollAreaScrollbar };

package/dist/components/select.d.ts

@@ -1,62 +1,29 @@
-import { buttonVariants } from "./button.js";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
+import type { VariantProps } from "#lib/utils";
+import type { ComponentProps, JSX } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-
-//#region src/components/select.d.ts
+import { buttonVariants } from "#components/button";
 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;
-//#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 };
+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, };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/select.js

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

package/dist/components/separator.d.ts

@@ -1,32 +1,23 @@
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
+import type { VariantProps } from "#lib/utils";
+import type { ComponentProps, JSX } from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-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;
-  };
+declare const separatorVariants: import("@codefast/tailwind-variants").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;
-//#endregion
-export { Separator, SeparatorItem, type SeparatorItemProps, type SeparatorProps, separatorVariants };
+declare function SeparatorItem({ className, ...props }: SeparatorItemProps): JSX.Element;
+export { separatorVariants };
+export { Separator, SeparatorItem };
+export type { SeparatorItemProps, SeparatorProps };
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,iBAAiB;;QAQjB,MAAM;QACN,GAAG;QACH,KAAK;;;QAGL,UAAU;QACV,QAAQ;;yBAGZ,CAAC;AAMH,UAAU,cACR,SACE,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,EAC9C,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,aAAa,CAAC;CAAG;AAElE,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,SAAS,EACT,UAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAU9B;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAa/E;AAMD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}