@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/skeleton.d.ts

@@ -1,5 +1,10 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/skeleton.d.ts
 type SkeletonProps = ComponentProps<"div">;
-declare function Skeleton({ className, ...props }: SkeletonProps): JSX.Element;
-export { Skeleton };
-export type { SkeletonProps };
+declare function Skeleton({
+  className,
+  ...props
+}: SkeletonProps): JSX.Element;
+//#endregion
+export { Skeleton, type SkeletonProps };

package/dist/components/skeleton.js

@@ -1,10 +1,12 @@
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/skeleton.tsx
 function Skeleton({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("animate-pulse rounded-lg bg-muted", className),
-        "data-slot": "skeleton",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-lg bg-muted", className),
+		"data-slot": "skeleton",
+		...props
+	});
 }
+//#endregion
 export { Skeleton };

package/dist/components/slider.d.ts

@@ -1,6 +1,15 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/slider.d.ts
 type SliderProps = ComponentProps<typeof SliderPrimitive.Root>;
-declare function Slider({ className, defaultValue, max, min, value, ...props }: SliderProps): JSX.Element;
-export { Slider };
-export type { SliderProps };
+declare function Slider({
+  className,
+  defaultValue,
+  max,
+  min,
+  value,
+  ...props
+}: SliderProps): JSX.Element;
+//#endregion
+export { Slider, type SliderProps };

package/dist/components/slider.js

@@ -1,46 +1,40 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Range, Root, Thumb, Track } from "@radix-ui/react-slider";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+//#region src/components/slider.tsx
 function Slider({ className, defaultValue, max = 100, min = 0, value, ...props }) {
-    const _values = useMemo(()=>{
-        if (Array.isArray(value)) return value;
-        return Array.isArray(defaultValue) ? defaultValue : [
-            min,
-            max
-        ];
-    }, [
-        value,
-        defaultValue,
-        min,
-        max
-    ]);
-    return /*#__PURE__*/ jsxs(Root, {
-        className: cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
-        "data-slot": "slider",
-        defaultValue: defaultValue,
-        max: max,
-        min: min,
-        value: value,
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(Track, {
-                className: "relative w-full grow overflow-hidden rounded-full bg-input data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
-                "data-slot": "slider-track",
-                children: /*#__PURE__*/ jsx(Range, {
-                    className: "absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
-                    "data-slot": "slider-range"
-                })
-            }),
-            Array.from({
-                length: _values.length
-            }, (_, index)=>/*#__PURE__*/ jsx(Thumb, {
-                    "aria-label": "Volume",
-                    className: cn("flex size-4 items-center justify-center rounded-full border-2 border-primary bg-primary shadow-sm outline-hidden after:size-full after:rounded-full after:bg-background after:transition-[width,height] focus-visible:ring-4 focus-visible:ring-primary/20 active:not-data-disabled:after:size-1 dark:focus-visible:ring-primary/40"),
-                    "data-slot": "slider-thumb"
-                }, index))
-        ]
-    });
+	const _values = useMemo(() => {
+		if (Array.isArray(value)) return value;
+		return Array.isArray(defaultValue) ? defaultValue : [min, max];
+	}, [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+		className: cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+		"data-slot": "slider",
+		defaultValue,
+		max,
+		min,
+		value,
+		...props,
+		children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+			className: "relative w-full grow overflow-hidden rounded-full bg-input data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
+			"data-slot": "slider-track",
+			children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
+				className: "absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+				"data-slot": "slider-range"
+			})
+		}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+			"aria-label": "Volume",
+			className: cn("flex size-4 items-center justify-center rounded-full border-2 border-primary bg-primary shadow-sm outline-hidden after:size-full after:rounded-full after:bg-background after:transition-[width,height] focus-visible:ring-4 focus-visible:ring-primary/20 active:not-data-disabled:after:size-1 dark:focus-visible:ring-primary/40"),
+			"data-slot": "slider-thumb"
+		}, index))]
+	});
 }
+//#endregion
 export { Slider };

package/dist/components/sonner.d.ts

@@ -1,7 +1,10 @@
-import type { JSX } from "react";
-import type { ToasterProps as SonnerToasterProps } from "sonner";
-type ToasterProps = SonnerToasterProps;
-declare function Toaster({ ...props }: ToasterProps): JSX.Element;
-export { toast, useSonner } from "sonner";
-export { Toaster };
-export type { ToasterProps };
+import { JSX } from "react";
+import { ToasterProps as ToasterProps$1, toast, useSonner } from "sonner";
+
+//#region src/components/sonner.d.ts
+type ToasterProps = ToasterProps$1;
+declare function Toaster({
+  ...props
+}: ToasterProps): JSX.Element;
+//#endregion
+export { Toaster, type ToasterProps, toast, useSonner };

package/dist/components/sonner.js

@@ -1,18 +1,20 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useTheme } from "next-themes";
-import { Toaster, toast, useSonner } from "sonner";
-function sonner_Toaster({ ...props }) {
-    const { theme = "system" } = useTheme();
-    return /*#__PURE__*/ jsx(Toaster, {
-        className: "toaster group",
-        style: {
-            "--normal-bg": "var(--popover)",
-            "--normal-border": "var(--border)",
-            "--normal-text": "var(--popover-foreground)"
-        },
-        theme: theme,
-        ...props
-    });
+import { Toaster as Toaster$1, toast, useSonner } from "sonner";
+//#region src/components/sonner.tsx
+function Toaster({ ...props }) {
+	const { theme = "system" } = useTheme();
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		className: "toaster group",
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-border": "var(--border)",
+			"--normal-text": "var(--popover-foreground)"
+		},
+		theme,
+		...props
+	});
 }
-export { sonner_Toaster as Toaster, toast, useSonner };
+//#endregion
+export { Toaster, toast, useSonner };

package/dist/components/spinner.d.ts

@@ -1,7 +1,14 @@
-import type { ComponentProps, ReactNode } from "react";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/spinner.d.ts
 interface SpinnerProps extends ComponentProps<"span"> {
-    loading?: boolean;
+  loading?: boolean;
 }
-declare function Spinner({ children, className, loading, ...props }: SpinnerProps): ReactNode;
-export { Spinner };
-export type { SpinnerProps };
+declare function Spinner({
+  children,
+  className,
+  loading,
+  ...props
+}: SpinnerProps): ReactNode;
+//#endregion
+export { Spinner, type SpinnerProps };

package/dist/components/spinner.js

@@ -1,42 +1,40 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+//#region src/components/spinner.tsx
 const SPINNER_COUNT = 8;
 function Spinner({ children, className, loading = true, ...props }) {
-    if (!loading) return children;
-    const spinner = /*#__PURE__*/ jsx("span", {
-        className: cn("relative flex size-4 items-center justify-center opacity-60", className),
-        ...props,
-        children: Array.from({
-            length: SPINNER_COUNT
-        }, (_, index)=>/*#__PURE__*/ jsx("span", {
-                className: cn("absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"),
-                style: {
-                    "--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
-                    "--spinner-duration": `${(100 * SPINNER_COUNT).toString()}ms`,
-                    "--spinner-rotate": `${(360 / SPINNER_COUNT * index).toString()}deg`,
-                    width: `${(100 / SPINNER_COUNT).toString()}%`
-                }
-            }, index))
-    });
-    if (void 0 === children) return spinner;
-    return /*#__PURE__*/ jsxs("span", {
-        className: "relative",
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                "aria-hidden": true,
-                className: "invisible contents",
-                children: children
-            }),
-            /*#__PURE__*/ jsx(VisuallyHidden, {
-                children: children
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute inset-0 flex items-center justify-center",
-                children: spinner
-            })
-        ]
-    });
+	if (!loading) return children;
+	const spinner = /* @__PURE__ */ jsx("span", {
+		className: cn("relative flex size-4 items-center justify-center opacity-60", className),
+		...props,
+		children: Array.from({ length: SPINNER_COUNT }, (_, index) => /* @__PURE__ */ jsx("span", {
+			className: cn("absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"),
+			style: {
+				"--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
+				"--spinner-duration": `${(SPINNER_COUNT * 100).toString()}ms`,
+				"--spinner-rotate": `${(360 / SPINNER_COUNT * index).toString()}deg`,
+				width: `${(100 / SPINNER_COUNT).toString()}%`
+			}
+		}, index))
+	});
+	if (children === void 0) return spinner;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "invisible contents",
+				children
+			}),
+			/* @__PURE__ */ jsx(VisuallyHidden, { children }),
+			/* @__PURE__ */ jsx("span", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: spinner
+			})
+		]
+	});
 }
+//#endregion
 export { Spinner };

package/dist/components/switch.d.ts

@@ -1,6 +1,11 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
+
+//#region src/components/switch.d.ts
 type SwitchProps = ComponentProps<typeof SwitchPrimitives.Root>;
-declare function Switch({ className, ...props }: SwitchProps): JSX.Element;
-export { Switch };
-export type { SwitchProps };
+declare function Switch({
+  className,
+  ...props
+}: SwitchProps): JSX.Element;
+//#endregion
+export { Switch, type SwitchProps };

package/dist/components/switch.js

@@ -1,16 +1,18 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Root, Thumb } from "@radix-ui/react-switch";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+//#region src/components/switch.tsx
 function Switch({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-data-[state=checked]:border-ring/60 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 data-[state=unchecked]:bg-input dark:data-[state=checked]:focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80", className),
-        "data-slot": "switch",
-        ...props,
-        children: /*#__PURE__*/ jsx(Thumb, {
-            className: "pointer-events-none block size-3.5 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0 dark:not-data-[state=checked]:bg-foreground",
-            "data-slot": "switch-thumb"
-        })
-    });
+	return /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
+		className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-data-[state=checked]:border-ring/60 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 data-[state=unchecked]:bg-input dark:data-[state=checked]:focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80", className),
+		"data-slot": "switch",
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, {
+			className: "pointer-events-none block size-3.5 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0 dark:not-data-[state=checked]:bg-foreground",
+			"data-slot": "switch-thumb"
+		})
+	});
 }
+//#endregion
 export { Switch };

package/dist/components/table.d.ts

@@ -1,19 +1,45 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/table.d.ts
 type TableProps = ComponentProps<"table">;
-declare function Table({ className, ...props }: TableProps): JSX.Element;
+declare function Table({
+  className,
+  ...props
+}: TableProps): JSX.Element;
 type TableHeaderProps = ComponentProps<"thead">;
-declare function TableHeader({ className, ...props }: TableHeaderProps): JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: TableHeaderProps): JSX.Element;
 type TableBodyProps = ComponentProps<"tbody">;
-declare function TableBody({ className, ...props }: TableBodyProps): JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: TableBodyProps): JSX.Element;
 type TableFooterProps = ComponentProps<"tfoot">;
-declare function TableFooter({ className, ...props }: TableFooterProps): JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: TableFooterProps): JSX.Element;
 type TableRowProps = ComponentProps<"tr">;
-declare function TableRow({ className, ...props }: TableRowProps): JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: TableRowProps): JSX.Element;
 type TableHeadProps = ComponentProps<"th">;
-declare function TableHead({ className, ...props }: TableHeadProps): JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: TableHeadProps): JSX.Element;
 type TableCellProps = ComponentProps<"td">;
-declare function TableCell({ className, ...props }: TableCellProps): JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: TableCellProps): JSX.Element;
 type TableCaptionProps = ComponentProps<"caption">;
-declare function TableCaption({ className, ...props }: TableCaptionProps): JSX.Element;
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
-export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, };
+declare function TableCaption({
+  className,
+  ...props
+}: TableCaptionProps): JSX.Element;
+//#endregion
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/components/table.js

@@ -1,63 +1,65 @@
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table.tsx
 function Table({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: "relative w-full overflow-auto",
-        "data-slot": "table-cotainer",
-        children: /*#__PURE__*/ jsx("table", {
-            className: cn("w-full caption-bottom text-sm", className),
-            "data-slot": "table",
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative w-full overflow-auto",
+		"data-slot": "table-cotainer",
+		children: /* @__PURE__ */ jsx("table", {
+			className: cn("w-full caption-bottom text-sm", className),
+			"data-slot": "table",
+			...props
+		})
+	});
 }
 function TableHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("thead", {
-        className: cn("*:border-b *:has-aria-expanded:bg-transparent", className),
-        "data-slot": "table-header",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("thead", {
+		className: cn("*:border-b *:has-aria-expanded:bg-transparent", className),
+		"data-slot": "table-header",
+		...props
+	});
 }
 function TableBody({ className, ...props }) {
-    return /*#__PURE__*/ jsx("tbody", {
-        className: cn("*:last-child:border-0", className),
-        "data-slot": "table-body",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("tbody", {
+		className: cn("*:last-child:border-0", className),
+		"data-slot": "table-body",
+		...props
+	});
 }
 function TableFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("tfoot", {
-        className: cn("bg-muted/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent", className),
-        "data-slot": "table-footer",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("tfoot", {
+		className: cn("bg-muted/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent", className),
+		"data-slot": "table-footer",
+		...props
+	});
 }
 function TableRow({ className, ...props }) {
-    return /*#__PURE__*/ jsx("tr", {
-        className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
-        "data-slot": "table-row",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("tr", {
+		className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
+		"data-slot": "table-row",
+		...props
+	});
 }
 function TableHead({ className, ...props }) {
-    return /*#__PURE__*/ jsx("th", {
-        className: cn("p-2 text-left align-middle font-medium", className),
-        "data-slot": "table-head",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("th", {
+		className: cn("p-2 text-left align-middle font-medium", className),
+		"data-slot": "table-head",
+		...props
+	});
 }
 function TableCell({ className, ...props }) {
-    return /*#__PURE__*/ jsx("td", {
-        className: cn("p-2 align-middle", className),
-        "data-slot": "table-cell",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("td", {
+		className: cn("p-2 align-middle", className),
+		"data-slot": "table-cell",
+		...props
+	});
 }
 function TableCaption({ className, ...props }) {
-    return /*#__PURE__*/ jsx("caption", {
-        className: cn("mt-4 text-sm text-muted-foreground", className),
-        "data-slot": "table-caption",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("caption", {
+		className: cn("mt-4 text-sm text-muted-foreground", className),
+		"data-slot": "table-caption",
+		...props
+	});
 }
+//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.d.ts

@@ -1,12 +1,26 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/components/tabs.d.ts
 type TabsProps = ComponentProps<typeof TabsPrimitive.Root>;
-declare function Tabs({ className, ...props }: TabsProps): JSX.Element;
+declare function Tabs({
+  className,
+  ...props
+}: TabsProps): JSX.Element;
 type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
-declare function TabsList({ className, ...props }: TabsListProps): JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: TabsListProps): JSX.Element;
 type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
-declare function TabsTrigger({ className, ...props }: TabsTriggerProps): JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: TabsTriggerProps): JSX.Element;
 type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;
-declare function TabsContent({ className, ...props }: TabsContentProps): JSX.Element;
-export { Tabs, TabsContent, TabsList, TabsTrigger };
-export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps };
+declare function TabsContent({
+  className,
+  ...props
+}: TabsContentProps): JSX.Element;
+//#endregion
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };

package/dist/components/tabs.js

@@ -1,33 +1,35 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+//#region src/components/tabs.tsx
 function Tabs({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("flex flex-col gap-2", className),
-        "data-slot": "tabs",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		className: cn("flex flex-col gap-2", className),
+		"data-slot": "tabs",
+		...props
+	});
 }
 function TabsList({ className, ...props }) {
-    return /*#__PURE__*/ jsx(List, {
-        className: cn("inline-flex w-fit items-center justify-center gap-1 rounded-xl bg-muted px-1 py-1 text-muted-foreground", className),
-        "data-slot": "tabs-list",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		className: cn("inline-flex w-fit items-center justify-center gap-1 rounded-xl bg-muted px-1 py-1 text-muted-foreground", className),
+		"data-slot": "tabs-list",
+		...props
+	});
 }
 function TabsTrigger({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        className: cn("inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition not-dark:outline-hidden hover:not-disabled:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:-outline-offset-1 dark:outline-ring dark:data-[state=active]:bg-input/50 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-        "data-slot": "tabs-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		className: cn("inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition not-dark:outline-hidden hover:not-disabled:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:-outline-offset-1 dark:outline-ring dark:data-[state=active]:bg-input/50 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "tabs-trigger",
+		...props
+	});
 }
 function TabsContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        className: cn("mt-2 rounded-xl ring-ring/50 outline-ring focus-visible:ring-4 focus-visible:outline-1", className),
-        "data-slot": "tabs-content",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		className: cn("mt-2 rounded-xl ring-ring/50 outline-ring focus-visible:ring-4 focus-visible:outline-1", className),
+		"data-slot": "tabs-content",
+		...props
+	});
 }
+//#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/textarea.d.ts

@@ -1,5 +1,10 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/textarea.d.ts
 type TextareaProps = ComponentProps<"textarea">;
-declare function Textarea({ className, ...props }: TextareaProps): JSX.Element;
-export { Textarea };
-export type { TextareaProps };
+declare function Textarea({
+  className,
+  ...props
+}: TextareaProps): JSX.Element;
+//#endregion
+export { Textarea, type TextareaProps };