@codefast/ui 0.3.16-canary.2 → 0.4.0-canary.4

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

@@ -1,33 +1,17 @@
-import { VariantProps } from "../lib/utils.mjs";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ScrollAreaScrollbarVariants } from "../variants/scroll-area.mjs";
+import { ScrollArea as ScrollArea$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import { Scope } from "@radix-ui/react-context";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { Context } from "radix-ui/internal";
 
 //#region src/components/scroll-area.d.ts
-/**
- * @since 0.3.16-canary.0
- */
-declare const scrollAreaScrollbarVariants: _$_codefast_tailwind_variants0.VariantResolver<{
-  orientation: {
-    horizontal: string[];
-    vertical: string[];
-  };
-  size: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-  };
-}, Record<string, never>>;
 type ScopedProps<P> = P & {
-  __scopeScrollArea?: Scope;
+  __scopeScrollArea?: Context.Scope;
 };
-type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, "size">;
+type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariants, "size">;
 /**
  * @since 0.3.16-canary.0
  */
-type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
+type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollArea$1.Root> & ScrollAreaContextValue>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -41,7 +25,7 @@ declare function ScrollArea({
 /**
  * @since 0.3.16-canary.0
  */
-type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;
+type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollArea$1.Scrollbar>>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -52,4 +36,4 @@ declare function ScrollAreaScrollbar({
   ...props
 }: ScrollAreaScrollbarProps): JSX.Element;
 //#endregion
-export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, scrollAreaScrollbarVariants };
+export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps };

package/dist/components/scroll-area.mjs

@@ -1,69 +1,11 @@
-"use client";
-import { cn, tv } from "../lib/utils.mjs";
+import { cn } from "../lib/utils.mjs";
+import { scrollAreaScrollbarVariants } from "../variants/scroll-area.mjs";
+import { ScrollArea as ScrollArea$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContextScope } from "@radix-ui/react-context";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { Context } from "radix-ui/internal";
 //#region src/components/scroll-area.tsx
-/**
-* @since 0.3.16-canary.0
-*/
-const scrollAreaScrollbarVariants = tv({
-	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: ""
-		}
-	}
-});
 const SCROLL_AREA_NAME = "ScrollArea";
-const [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
+const [createScrollAreaContext] = Context.createContextScope(SCROLL_AREA_NAME);
 const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 /**
 * @since 0.3.16-canary.0
@@ -72,19 +14,19 @@ function ScrollArea({ __scopeScrollArea, children, className, size, ...props })
 	return /* @__PURE__ */ jsx(ScrollAreaContextProvider, {
 		scope: __scopeScrollArea,
 		size,
-		children: /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		children: /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
 			className: cn("relative", className),
 			"data-slot": "scroll-area",
 			...props,
 			children: [
-				/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
-					className: cn("size-full", "rounded-[inherit] ring-ring/50 outline-ring", "transition", "focus-visible:ring-4 focus-visible:outline-1"),
+				/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
+					className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1",
 					"data-slot": "scroll-area-viewport",
 					children
 				}),
 				/* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
 				/* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
-				/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+				/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
 			]
 		})
 	});
@@ -94,17 +36,21 @@ function ScrollArea({ __scopeScrollArea, children, className, size, ...props })
 */
 function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
 	const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
-	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {
+	return /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
 		className: scrollAreaScrollbarVariants({
 			className,
 			orientation,
 			size
 		}),
+		"data-orientation": orientation,
 		"data-slot": "scroll-area-scrollbar",
 		orientation,
 		...props,
-		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: cn("relative flex-1", "rounded-full", "bg-border") })
+		children: /* @__PURE__ */ jsx(ScrollArea$1.ScrollAreaThumb, {
+			className: "relative flex-1 rounded-full bg-border",
+			"data-slot": "scroll-area-thumb"
+		})
 	});
 }
 //#endregion
-export { ScrollArea, ScrollAreaScrollbar, scrollAreaScrollbarVariants };
+export { ScrollArea, ScrollAreaScrollbar };

package/dist/components/select.d.mts

@@ -1,13 +1,11 @@
-import { VariantProps } from "../lib/utils.mjs";
-import { buttonVariants } from "./button.mjs";
+import { Select as Select$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/select.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
+type SelectProps = ComponentProps<typeof Select$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -17,17 +15,18 @@ declare function Select({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
+type SelectGroupProps = ComponentProps<typeof Select$1.Group>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function SelectGroup({
+  className,
   ...props
 }: SelectGroupProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
+type SelectValueProps = ComponentProps<typeof Select$1.Value>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -37,8 +36,8 @@ declare function SelectValue({
 /**
  * @since 0.3.16-canary.0
  */
-interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
-  size?: VariantProps<typeof buttonVariants>["size"];
+interface SelectTriggerProps extends ComponentProps<typeof Select$1.Trigger> {
+  size?: "default" | "sm";
 }
 /**
  * @since 0.3.16-canary.0
@@ -52,7 +51,7 @@ declare function SelectTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
+type SelectScrollUpButtonProps = ComponentProps<typeof Select$1.ScrollUpButton>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -63,7 +62,7 @@ declare function SelectScrollUpButton({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
+type SelectScrollDownButtonProps = ComponentProps<typeof Select$1.ScrollDownButton>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -74,11 +73,12 @@ declare function SelectScrollDownButton({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
+type SelectContentProps = ComponentProps<typeof Select$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function SelectContent({
+  align,
   children,
   className,
   position,
@@ -87,7 +87,7 @@ declare function SelectContent({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
+type SelectLabelProps = ComponentProps<typeof Select$1.Label>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -98,7 +98,7 @@ declare function SelectLabel({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
+type SelectItemProps = ComponentProps<typeof Select$1.Item>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -110,7 +110,7 @@ declare function SelectItem({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
+type SelectSeparatorProps = ComponentProps<typeof Select$1.Separator>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/select.mjs

@@ -1,15 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { buttonVariants } from "./button.mjs";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as Select$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/components/select.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function Select({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Select$1.Root, {
 		"data-slot": "select",
 		...props
 	});
@@ -17,8 +15,9 @@ function Select({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function SelectGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Group, {
+		className: cn("scroll-my-1 p-1", className),
 		"data-slot": "select-group",
 		...props
 	});
@@ -27,7 +26,7 @@ function SelectGroup({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function SelectValue({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+	return /* @__PURE__ */ jsx(Select$1.Value, {
 		"data-slot": "select-value",
 		...props
 	});
@@ -35,20 +34,15 @@ function SelectValue({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-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"
-		}),
+function SelectTrigger({ children, className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-size": size,
 		"data-slot": "select-trigger",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
 			asChild: true,
-			className: cn("size-4 shrink-0", "opacity-50"),
-			children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
 		})]
 	});
 }
@@ -56,49 +50,55 @@ function SelectTrigger({ children, className, size, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
-		className: cn("flex items-center justify-center", "py-1", "text-muted-foreground", className),
+	return /* @__PURE__ */ jsx(Select$1.ScrollUpButton, {
+		className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "select-scroll-up-button",
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
-		className: cn("flex items-center justify-center", "py-1", "text-muted-foreground", className),
+	return /* @__PURE__ */ jsx(Select$1.ScrollDownButton, {
+		className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "select-scroll-down-button",
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-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 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,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-			/* @__PURE__ */ 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
-			}),
-			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-		]
-	}) });
+function SelectContent({ align = "center", children, className, position = "item-aligned", ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Portal, {
+		"data-slot": "select-portal",
+		children: /* @__PURE__ */ jsxs(Select$1.Content, {
+			align,
+			className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 ease-snappy data-[align-trigger=true]:animate-none data-open:animate-in data-open:animation-duration-menu-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:ease-exit data-closed:animation-duration-menu-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", 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-align-trigger": position === "item-aligned",
+			"data-slot": "select-content",
+			position,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select$1.Viewport, {
+					className: cn("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", position === "popper" && ""),
+					"data-position": position,
+					children
+				}),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 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),
+	return /* @__PURE__ */ jsx(Select$1.Label, {
+		className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
 		"data-slot": "select-label",
 		...props
 	});
@@ -107,22 +107,22 @@ function SelectLabel({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SelectItem({ children, className, ...props }) {
-	return /* @__PURE__ */ 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", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "*:[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", className),
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
+		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
 		"data-slot": "select-item",
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: cn("absolute flex items-center justify-center", "right-2"),
-			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+			className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" }) })
+		}), /* @__PURE__ */ jsx(Select$1.ItemText, { children })]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
-		className: cn("mx-2 my-1 h-px", "bg-border", className),
+	return /* @__PURE__ */ jsx(Select$1.Separator, {
+		className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
 		"data-slot": "select-separator",
 		...props
 	});

package/dist/components/separator.d.mts

@@ -1,27 +1,12 @@
-import { VariantProps } from "../lib/utils.mjs";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { SeparatorVariants } from "../variants/separator.mjs";
+import { Separator as Separator$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/separator.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-declare const separatorVariants: _$_codefast_tailwind_variants0.VariantResolver<{
-  align: {
-    center: string;
-    end: string;
-    start: string;
-  };
-  orientation: {
-    horizontal: string;
-    vertical: string;
-  };
-}, Record<string, never>>;
-/**
- * @since 0.3.16-canary.0
- */
-interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<VariantProps<typeof separatorVariants>, "orientation"> {}
+interface SeparatorProps extends ComponentProps<typeof Separator$1.Root>, Omit<SeparatorVariants, "orientation"> {}
 /**
  * @since 0.3.16-canary.0
  */
@@ -44,4 +29,4 @@ declare function SeparatorItem({
   ...props
 }: SeparatorItemProps): JSX.Element;
 //#endregion
-export { Separator, SeparatorItem, type SeparatorItemProps, type SeparatorProps, separatorVariants };
+export { Separator, SeparatorItem, type SeparatorItemProps, type SeparatorProps };

package/dist/components/separator.mjs

@@ -1,34 +1,13 @@
-"use client";
-import { cn, tv } from "../lib/utils.mjs";
+import { cn } from "../lib/utils.mjs";
+import { separatorVariants } from "../variants/separator.mjs";
+import { Separator as Separator$1 } from "radix-ui";
 import { jsx } from "react/jsx-runtime";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 //#region src/components/separator.tsx
 /**
 * @since 0.3.16-canary.0
 */
-const separatorVariants = tv({
-	base: ["relative flex shrink-0 items-center", "bg-border"],
-	defaultVariants: {
-		align: "center",
-		orientation: "horizontal"
-	},
-	variants: {
-		align: {
-			center: "justify-center",
-			end: "justify-end",
-			start: "justify-start"
-		},
-		orientation: {
-			horizontal: "h-px w-full",
-			vertical: "h-full w-px flex-col"
-		}
-	}
-});
-/**
-* @since 0.3.16-canary.0
-*/
 function Separator({ align, className, decorative = true, orientation, ...props }) {
-	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Separator$1.Root, {
 		className: separatorVariants({
 			align,
 			className,
@@ -45,10 +24,10 @@ function Separator({ align, className, decorative = true, orientation, ...props
 */
 function SeparatorItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("absolute", "mx-2 px-2", "bg-background text-sm text-muted-foreground", className),
+		className: cn("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
 		"data-slot": "separator-item",
 		...props
 	});
 }
 //#endregion
-export { Separator, SeparatorItem, separatorVariants };
+export { Separator, SeparatorItem };

package/dist/components/sheet.d.mts

@@ -1,36 +1,23 @@
-import { VariantProps } from "../lib/utils.mjs";
-import { buttonVariants } from "./button.mjs";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ButtonVariants } from "../variants/button.mjs";
+import { SheetContentVariants } from "../variants/sheet.mjs";
+import { Dialog } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-declare const sheetContentVariants: _$_codefast_tailwind_variants0.VariantResolver<{
-  side: {
-    bottom: string[];
-    left: string[];
-    right: string[];
-    top: string[];
-  };
-}, Record<string, never>>;
-/**
- * @since 0.3.16-canary.0
- */
-type SheetProps = ComponentProps<typeof SheetPrimitive.Root>;
+type SheetProps = ComponentProps<typeof Dialog.Root>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function Sheet({
-  children,
   ...props
 }: SheetProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type SheetTriggerProps = ComponentProps<typeof SheetPrimitive.Trigger>;
+type SheetTriggerProps = ComponentProps<typeof Dialog.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -40,12 +27,8 @@ declare function SheetTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content>, VariantProps<typeof sheetContentVariants> {
-  classNames?: {
-    close?: string;
-    content?: string;
-    overlay?: string;
-  };
+interface SheetContentProps extends ComponentProps<typeof Dialog.Content>, SheetContentVariants {
+  showCloseButton?: boolean;
 }
 /**
  * @since 0.3.16-canary.0
@@ -53,7 +36,7 @@ interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content
 declare function SheetContent({
   children,
   className,
-  classNames,
+  showCloseButton,
   side,
   ...props
 }: SheetContentProps): JSX.Element;
@@ -69,6 +52,10 @@ declare function SheetHeader({
   ...props
 }: SheetHeaderProps): JSX.Element;
 /**
+ * Optional scrollable region for long content. When used, the Header and Footer
+ * stay pinned (shrink-0) and only this body scrolls. A codefast enhancement over
+ * radix-vega.
+ *
  * @since 0.3.16-canary.0
  */
 type SheetBodyProps = ComponentProps<"div">;
@@ -93,7 +80,7 @@ declare function SheetFooter({
 /**
  * @since 0.3.16-canary.0
  */
-type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title>;
+type SheetTitleProps = ComponentProps<typeof Dialog.Title>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -104,7 +91,7 @@ declare function SheetTitle({
 /**
  * @since 0.3.16-canary.0
  */
-type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description>;
+type SheetDescriptionProps = ComponentProps<typeof Dialog.Description>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -115,9 +102,9 @@ declare function SheetDescription({
 /**
  * @since 0.3.16-canary.0
  */
-interface SheetCloseProps extends ComponentProps<typeof SheetPrimitive.Close> {
-  size?: VariantProps<typeof buttonVariants>["size"];
-  variant?: VariantProps<typeof buttonVariants>["variant"];
+interface SheetCloseProps extends ComponentProps<typeof Dialog.Close> {
+  size?: ButtonVariants["size"];
+  variant?: ButtonVariants["variant"];
 }
 /**
  * @since 0.3.16-canary.0
@@ -129,4 +116,4 @@ declare function SheetClose({
   ...props
 }: SheetCloseProps): JSX.Element;
 //#endregion
-export { Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, sheetContentVariants };
+export { Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };