@codefast/ui 0.3.11 → 0.3.12-canary.0

package/dist/components/scroll-area.js

@@ -1,97 +1,77 @@
 "use client";
+import { jsx as _jsx, jsxs as _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 * 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 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: "",
+        },
+    },
 });
+/* -----------------------------------------------------------------------------
+ * 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: "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: "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 "@codefast/tailwind-variants";
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
 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: "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 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: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _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: 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 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: [_jsx("span", { className: "absolute right-2 flex items-center justify-center", 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 "@codefast/tailwind-variants";
+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,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,iBAAiB;;;;;;;;;;yBAiBrB,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,CAQ/E;AAMD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/separator.js

@@ -1,45 +1,36 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-//#region src/components/separator.tsx
+/* -----------------------------------------------------------------------------
+ * Variant: Separator
+ * -------------------------------------------------------------------------- */
 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"
-		}
-	}
+    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",
+        },
+    },
 });
 function Separator({ align, className, decorative = true, orientation, ...props }) {
-	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
-		className: separatorVariants({
-			align,
-			className,
-			orientation
-		}),
-		"data-slot": "separator",
-		decorative,
-		orientation,
-		...props
-	});
+    return (_jsx(SeparatorPrimitive.Root, { className: separatorVariants({ align, className, orientation }), "data-slot": "separator", decorative: decorative, orientation: orientation, ...props }));
 }
 function SeparatorItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
-		"data-slot": "separator-item",
-		...props
-	});
+    return (_jsx("div", { 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 };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { separatorVariants };
+export { Separator, SeparatorItem };

package/dist/components/sheet.d.ts

@@ -1,75 +1,43 @@
-import { buttonVariants } from "./button.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-
-//#region src/components/sheet.d.ts
-declare const sheetContentVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  side: {
-    bottom: string;
-    left: string;
-    right: string;
-    top: string;
-  };
+import { buttonVariants } from "#components/button";
+declare const sheetContentVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    side: {
+        bottom: string;
+        left: string;
+        right: string;
+        top: string;
+    };
 }, Record<string, never>>;
 type SheetProps = ComponentProps<typeof SheetPrimitive.Root>;
-declare function Sheet({
-  children,
-  ...props
-}: SheetProps): JSX.Element;
+declare function Sheet({ children, ...props }: SheetProps): JSX.Element;
 type SheetTriggerProps = ComponentProps<typeof SheetPrimitive.Trigger>;
-declare function SheetTrigger({
-  ...props
-}: SheetTriggerProps): JSX.Element;
+declare function SheetTrigger({ ...props }: SheetTriggerProps): JSX.Element;
 interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content>, VariantProps<typeof sheetContentVariants> {
-  classNames?: {
-    close?: string;
-    content?: string;
-    overlay?: string;
-  };
+    classNames?: {
+        close?: string;
+        content?: string;
+        overlay?: string;
+    };
 }
-declare function SheetContent({
-  children,
-  className,
-  classNames,
-  side,
-  ...props
-}: SheetContentProps): JSX.Element;
+declare function SheetContent({ children, className, classNames, side, ...props }: SheetContentProps): JSX.Element;
 type SheetHeaderProps = ComponentProps<"div">;
-declare function SheetHeader({
-  className,
-  ...props
-}: SheetHeaderProps): JSX.Element;
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): JSX.Element;
 type SheetBodyProps = ComponentProps<"div">;
-declare function SheetBody({
-  className,
-  ...props
-}: SheetBodyProps): JSX.Element;
+declare function SheetBody({ className, ...props }: SheetBodyProps): JSX.Element;
 type SheetFooterProps = ComponentProps<"div">;
-declare function SheetFooter({
-  className,
-  ...props
-}: SheetFooterProps): JSX.Element;
+declare function SheetFooter({ className, ...props }: SheetFooterProps): JSX.Element;
 type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title>;
-declare function SheetTitle({
-  className,
-  ...props
-}: SheetTitleProps): JSX.Element;
+declare function SheetTitle({ className, ...props }: SheetTitleProps): JSX.Element;
 type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description>;
-declare function SheetDescription({
-  className,
-  ...props
-}: SheetDescriptionProps): JSX.Element;
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): JSX.Element;
 interface SheetCloseProps extends ComponentProps<typeof SheetPrimitive.Close> {
-  size?: VariantProps<typeof buttonVariants>["size"];
-  variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    variant?: VariantProps<typeof buttonVariants>["variant"];
 }
-declare function SheetClose({
-  className,
-  size,
-  variant,
-  ...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 };
+declare function SheetClose({ className, size, variant, ...props }: SheetCloseProps): JSX.Element;
+export { sheetContentVariants };
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
+export type { SheetBodyProps, SheetCloseProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetProps, SheetTitleProps, SheetTriggerProps, };
+//# sourceMappingURL=sheet.d.ts.map

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

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