@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/theme-selector/index.es.js

@@ -0,0 +1,220 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../select/index.es.js";
+import { useTheme as o } from "../../context/theme-provider.es.js";
+import * as s from "react";
+import { Check as c, Loader2 as l, Palette as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as m } from "react-dom";
+//#region src/components/theme-selector/index.tsx
+var h = s.forwardRef(({ className: h, variant: g = "default", ariaLabel: _ = "Select theme" }, v) => {
+	let { currentTheme: y, changeTheme: b, themes: x, isLoading: S } = o(), [C, w] = s.useState(!1), [T, E] = s.useState(!1), D = s.useRef(null), O = s.useRef(null);
+	s.useEffect(() => {
+		E(!0);
+	}, []);
+	let k = async (e, t) => {
+		t && (t.preventDefault(), t.stopPropagation());
+		try {
+			console.log(`[ThemeSelector] Changing theme to: ${e}`), await b(e), console.log(`[ThemeSelector] ✅ Theme changed to: ${e}`);
+		} catch (t) {
+			console.error(`[ThemeSelector] ❌ Failed to change theme to ${e}:`, t);
+		}
+		g === "compact" && setTimeout(() => w(!1), 100);
+	}, [A, j] = s.useState({
+		top: 0,
+		right: 0
+	});
+	if (s.useEffect(() => {
+		if (C && D.current && T) {
+			let e = D.current.getBoundingClientRect();
+			j({
+				top: e.bottom + 8,
+				right: window.innerWidth - e.right
+			});
+		}
+	}, [C, T]), g === "compact") {
+		let t = C && T ? /* @__PURE__ */ p("div", {
+			ref: O,
+			className: "fixed z-[9999] min-w-[220px] rounded-md border border-border bg-popover text-popover-foreground p-2 shadow-lg",
+			style: {
+				top: `${A.top}px`,
+				right: `${A.right}px`
+			},
+			onMouseDown: (e) => {
+				e.stopPropagation();
+			},
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "px-2 py-1.5 border-b border-border mb-2",
+					children: /* @__PURE__ */ p("div", {
+						className: "text-xs font-medium text-muted-foreground flex items-center justify-between",
+						children: [/* @__PURE__ */ f("span", { children: "Thèmes" }), S && /* @__PURE__ */ f(l, { className: "h-3 w-3 animate-spin" })]
+					})
+				}),
+				S && x.length === 0 ? /* @__PURE__ */ p("div", {
+					className: "flex items-center justify-center py-6 text-sm text-muted-foreground",
+					children: [/* @__PURE__ */ f(l, { className: "h-4 w-4 mr-2 animate-spin" }), "Chargement..."]
+				}) : /* @__PURE__ */ p("div", {
+					className: "grid gap-1",
+					children: [x.map((t) => /* @__PURE__ */ p("button", {
+						onMouseDown: (e) => {
+							e.preventDefault(), e.stopPropagation(), k(t.id, e);
+						},
+						type: "button",
+						className: e("flex items-center gap-3 rounded-sm px-2 py-2 text-sm hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer", y === t.id && "bg-accent"),
+						children: [
+							t.previewColor && /* @__PURE__ */ f("div", {
+								className: "h-4 w-4 rounded border border-border shrink-0",
+								style: { backgroundColor: t.previewColor }
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "flex-1 text-left",
+								children: t.label
+							}),
+							y === t.id && /* @__PURE__ */ f(c, { className: "h-4 w-4 shrink-0" })
+						]
+					}, t.id)), x.length === 0 && !S && /* @__PURE__ */ f("div", {
+						className: "py-6 text-center text-sm text-muted-foreground",
+						children: "Aucun thème disponible"
+					})]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "px-2 py-1.5 border-t border-border mt-2",
+					children: /* @__PURE__ */ p("div", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							x.length,
+							" thème",
+							x.length > 1 ? "s" : "",
+							" disponible",
+							x.length > 1 ? "s" : ""
+						]
+					})
+				})
+			]
+		}) : null;
+		return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+			ref: v,
+			className: e("relative", h),
+			children: /* @__PURE__ */ p("button", {
+				ref: D,
+				onMouseDown: (e) => {
+					e.preventDefault(), e.stopPropagation();
+				},
+				onClick: (e) => {
+					e.preventDefault(), e.stopPropagation(), w(!C);
+				},
+				className: "flex h-9 w-9 items-center justify-center rounded-md border border-input bg-transparent hover:bg-accent hover:text-accent-foreground relative",
+				title: "Changer de thème",
+				type: "button",
+				children: [
+					/* @__PURE__ */ f(u, { className: "h-4 w-4" }),
+					S && /* @__PURE__ */ f(l, { className: "h-3 w-3 absolute top-1 right-1 animate-spin text-primary" }),
+					/* @__PURE__ */ f("span", {
+						className: "sr-only",
+						children: _
+					})
+				]
+			})
+		}), T && typeof document < "u" && t && m(/* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+			className: "fixed inset-0 z-[9998]",
+			onMouseDown: (e) => {
+				e.preventDefault(), w(!1);
+			}
+		}), t] }), document.body)] });
+	}
+	if (g === "select") {
+		let o = x.find((e) => e.id === y);
+		return /* @__PURE__ */ f("div", {
+			ref: v,
+			className: e("w-full", h),
+			children: /* @__PURE__ */ p(t, {
+				value: y,
+				onValueChange: async (e) => {
+					try {
+						console.log(`[ThemeSelector] Changing theme to: ${e}`), await b(e), console.log(`[ThemeSelector] ✅ Theme changed to: ${e}`);
+					} catch (t) {
+						console.error(`[ThemeSelector] ❌ Failed to change theme to ${e}:`, t);
+					}
+				},
+				disabled: S || x.length === 0,
+				children: [/* @__PURE__ */ f(i, {
+					className: "w-full",
+					"aria-label": _,
+					children: /* @__PURE__ */ f(a, { children: S && x.length === 0 ? /* @__PURE__ */ p("span", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ f(l, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ f("span", { children: "Chargement..." })]
+					}) : o ? /* @__PURE__ */ p("span", {
+						className: "flex items-center gap-3",
+						children: [o.previewColor && /* @__PURE__ */ f("div", {
+							className: "h-4 w-4 rounded border border-border shrink-0",
+							style: { backgroundColor: o.previewColor }
+						}), /* @__PURE__ */ f("span", {
+							className: "truncate",
+							children: o.label
+						})]
+					}) : /* @__PURE__ */ f("span", {
+						className: "text-muted-foreground",
+						children: "Sélectionner un thème"
+					}) })
+				}), /* @__PURE__ */ p(n, { children: [x.map((e) => /* @__PURE__ */ f(r, {
+					value: e.id,
+					className: "cursor-pointer",
+					children: /* @__PURE__ */ p("div", {
+						className: "flex items-center gap-3 w-full",
+						children: [e.previewColor && /* @__PURE__ */ f("div", {
+							className: "h-4 w-4 rounded border border-border shrink-0",
+							style: { backgroundColor: e.previewColor }
+						}), /* @__PURE__ */ f("span", {
+							className: "flex-1 text-left truncate",
+							children: e.label
+						})]
+					})
+				}, e.id)), x.length === 0 && !S && /* @__PURE__ */ f("div", {
+					className: "py-6 text-center text-sm text-muted-foreground",
+					children: "Aucun thème disponible"
+				})] })]
+			})
+		});
+	}
+	return /* @__PURE__ */ f("div", {
+		ref: v,
+		className: e("grid gap-4", h),
+		children: S && x.length === 0 ? /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-center py-12 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ f(l, { className: "h-5 w-5 mr-2 animate-spin" }), "Chargement des thèmes..."]
+		}) : /* @__PURE__ */ p(d, { children: [x.map((t) => /* @__PURE__ */ p("button", {
+			onClick: async (e) => {
+				e.preventDefault(), e.stopPropagation(), await k(t.id, e);
+			},
+			type: "button",
+			className: e("relative flex flex-col items-start gap-2 rounded-lg border-2 p-4 text-left transition-all hover:border-primary", y === t.id ? "border-primary bg-primary/5" : "border-muted"),
+			children: [/* @__PURE__ */ p("div", {
+				className: "flex w-full items-center justify-between",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ f("span", {
+						className: "font-semibold",
+						children: t.label
+					}), t.description && /* @__PURE__ */ f("span", {
+						className: "text-sm text-muted-foreground",
+						children: t.description
+					})]
+				}), y === t.id && /* @__PURE__ */ f(c, { className: "h-5 w-5 text-primary shrink-0" })]
+			}), t.previewColor && /* @__PURE__ */ f("div", {
+				className: "flex gap-2 w-full",
+				children: /* @__PURE__ */ f("div", {
+					className: "h-8 w-full rounded border",
+					style: { backgroundColor: t.previewColor }
+				})
+			})]
+		}, t.id)), x.length === 0 && !S && /* @__PURE__ */ f("div", {
+			className: "py-12 text-center text-sm text-muted-foreground",
+			children: "Aucun thème disponible"
+		})] })
+	});
+});
+h.displayName = "ThemeSelector";
+//#endregion
+export { h as ThemeSelector };

package/dist/components/toast/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@radix-ui/react-toast");o=e.__toESM(o);var s=o.Provider,c=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.Viewport,{ref:r,className:t.cn(`fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]`,e),...n}));c.displayName=o.Viewport.displayName;var l=(0,i.cva)(`group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full`,{variants:{variant:{default:`border bg-background text-foreground`,destructive:`destructive group border-destructive bg-destructive text-destructive-foreground`}},defaultVariants:{variant:`default`}}),u=n.forwardRef(({className:e,variant:n,...r},i)=>(0,a.jsx)(o.Root,{ref:i,className:t.cn(l({variant:n}),e),...r}));u.displayName=o.Root.displayName;var d=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.Action,{ref:r,className:t.cn(`inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive`,e),...n}));d.displayName=o.Action.displayName;var f=n.forwardRef(({className:e,...n},i)=>(0,a.jsx)(o.Close,{ref:i,className:t.cn(`absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600`,e),"toast-close":``,...n,children:(0,a.jsx)(r.X,{className:`h-4 w-4`})}));f.displayName=o.Close.displayName;var p=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.Title,{ref:r,className:t.cn(`text-sm font-semibold`,e),...n}));p.displayName=o.Title.displayName;var m=n.forwardRef(({className:e,...n},r)=>(0,a.jsx)(o.Description,{ref:r,className:t.cn(`text-sm opacity-90`,e),...n}));m.displayName=o.Description.displayName,exports.Toast=u,exports.ToastAction=d,exports.ToastClose=f,exports.ToastDescription=m,exports.ToastProvider=s,exports.ToastTitle=p,exports.ToastViewport=c;

package/dist/components/toast/index.d.ts

@@ -3,9 +3,9 @@ import * as ToastPrimitives from "@radix-ui/react-toast";
 import { type VariantProps } from "class-variance-authority";
 declare const ToastProvider: typeof ToastPrimitives.Provider;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/toast/index.es.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { X as n } from "lucide-react";
+import { cva as r } from "class-variance-authority";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-toast";
+//#region src/components/toast/index.tsx
+var o = a.Provider, s = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(a.Viewport, {
+	ref: r,
+	className: e("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", t),
+	...n
+}));
+s.displayName = a.Viewport.displayName;
+var c = r("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+	variants: { variant: {
+		default: "border bg-background text-foreground",
+		destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+}), l = t.forwardRef(({ className: t, variant: n, ...r }, o) => /* @__PURE__ */ i(a.Root, {
+	ref: o,
+	className: e(c({ variant: n }), t),
+	...r
+}));
+l.displayName = a.Root.displayName;
+var u = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(a.Action, {
+	ref: r,
+	className: e("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", t),
+	...n
+}));
+u.displayName = a.Action.displayName;
+var d = t.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ i(a.Close, {
+	ref: o,
+	className: e("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", t),
+	"toast-close": "",
+	...r,
+	children: /* @__PURE__ */ i(n, { className: "h-4 w-4" })
+}));
+d.displayName = a.Close.displayName;
+var f = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(a.Title, {
+	ref: r,
+	className: e("text-sm font-semibold", t),
+	...n
+}));
+f.displayName = a.Title.displayName;
+var p = t.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(a.Description, {
+	ref: r,
+	className: e("text-sm opacity-90", t),
+	...n
+}));
+p.displayName = a.Description.displayName;
+//#endregion
+export { l as Toast, u as ToastAction, d as ToastClose, p as ToastDescription, o as ToastProvider, f as ToastTitle, s as ToastViewport };

package/dist/components/toaster/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../toast/index.cjs.js"),t=require("../../hooks/use-toast.cjs.js");let n=require("react/jsx-runtime");function r(){let{toasts:r}=t.useToast();return(0,n.jsxs)(e.ToastProvider,{children:[r.map(function({id:t,title:r,description:i,action:a,...o}){return(0,n.jsxs)(e.Toast,{...o,children:[(0,n.jsxs)(`div`,{className:`grid gap-1`,children:[r&&(0,n.jsx)(e.ToastTitle,{children:r}),i&&(0,n.jsx)(e.ToastDescription,{children:i})]}),a,(0,n.jsx)(e.ToastClose,{})]},t)}),(0,n.jsx)(e.ToastViewport,{})]})}exports.Toaster=r;

package/dist/components/toaster/index.es.js

@@ -0,0 +1,23 @@
+"use client";
+import { Toast as e, ToastClose as t, ToastDescription as n, ToastProvider as r, ToastTitle as i, ToastViewport as a } from "../toast/index.es.js";
+import { useToast as o } from "../../hooks/use-toast.es.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/toaster/index.tsx
+function l() {
+	let { toasts: l } = o();
+	return /* @__PURE__ */ c(r, { children: [l.map(function({ id: r, title: a, description: o, action: l, ...u }) {
+		return /* @__PURE__ */ c(e, {
+			...u,
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "grid gap-1",
+					children: [a && /* @__PURE__ */ s(i, { children: a }), o && /* @__PURE__ */ s(n, { children: o })]
+				}),
+				l,
+				/* @__PURE__ */ s(t, {})
+			]
+		}, r);
+	}), /* @__PURE__ */ s(a, {})] });
+}
+//#endregion
+export { l as Toaster };

package/dist/components/toggle/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("class-variance-authority"),i=require("react/jsx-runtime"),a=require("@radix-ui/react-toggle");a=e.__toESM(a);var o=(0,r.cva)(`inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent hover:bg-accent hover:text-accent-foreground`},size:{default:`h-10 px-3`,sm:`h-9 px-2.5`,lg:`h-11 px-5`}},defaultVariants:{variant:`default`,size:`default`}}),s=n.forwardRef(({className:e,variant:n,size:r,...s},c)=>(0,i.jsx)(a.Root,{ref:c,className:t.cn(o({variant:n,size:r,className:e})),...s}));s.displayName=a.Root.displayName,exports.Toggle=s,exports.toggleVariants=o;

package/dist/components/toggle/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { type VariantProps } from "class-variance-authority";
-declare const toggleVariants: (props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

package/dist/components/toggle/index.es.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-toggle";
+//#region src/components/toggle/index.tsx
+var a = n("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-10 px-3",
+			sm: "h-9 px-2.5",
+			lg: "h-11 px-5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), o = t.forwardRef(({ className: t, variant: n, size: o, ...s }, c) => /* @__PURE__ */ r(i.Root, {
+	ref: c,
+	className: e(a({
+		variant: n,
+		size: o,
+		className: t
+	})),
+	...s
+}));
+o.displayName = i.Root.displayName;
+//#endregion
+export { o as Toggle, a as toggleVariants };

package/dist/components/toggle-group/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../toggle/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-toggle-group");a=e.__toESM(a);var o=r.createContext({size:`default`,variant:`default`}),s=r.forwardRef(({className:e,variant:n,size:r,children:s,...c},l)=>(0,i.jsx)(a.Root,{ref:l,className:t.cn(`flex items-center justify-center gap-1`,e),...c,children:(0,i.jsx)(o.Provider,{value:{variant:n,size:r},children:s})}));s.displayName=a.Root.displayName;var c=r.forwardRef(({className:e,children:s,variant:c,size:l,...u},d)=>{let f=r.useContext(o);return(0,i.jsx)(a.Item,{ref:d,className:t.cn(n.toggleVariants({variant:f.variant||c,size:f.size||l}),e),...u,children:s})});c.displayName=a.Item.displayName,exports.ToggleGroup=s,exports.ToggleGroupItem=c;

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { type VariantProps } from "class-variance-authority";
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/toggle-group/index.es.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { toggleVariants as t } from "../toggle/index.es.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-toggle-group";
+//#region src/components/toggle-group/index.tsx
+var a = n.createContext({
+	size: "default",
+	variant: "default"
+}), o = n.forwardRef(({ className: t, variant: n, size: o, children: s, ...c }, l) => /* @__PURE__ */ r(i.Root, {
+	ref: l,
+	className: e("flex items-center justify-center gap-1", t),
+	...c,
+	children: /* @__PURE__ */ r(a.Provider, {
+		value: {
+			variant: n,
+			size: o
+		},
+		children: s
+	})
+}));
+o.displayName = i.Root.displayName;
+var s = n.forwardRef(({ className: o, children: s, variant: c, size: l, ...u }, d) => {
+	let f = n.useContext(a);
+	return /* @__PURE__ */ r(i.Item, {
+		ref: d,
+		className: e(t({
+			variant: f.variant || c,
+			size: f.size || l
+		}), o),
+		...u,
+		children: s
+	});
+});
+s.displayName = i.Item.displayName;
+//#endregion
+export { o as ToggleGroup, s as ToggleGroupItem };

package/dist/components/tooltip/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-tooltip");i=e.__toESM(i);var a=i.Provider,o=i.Root,s=i.Trigger,c=n.forwardRef(({className:e,sideOffset:n=4,...a},o)=>(0,r.jsx)(i.Content,{ref:o,sideOffset:n,className:t.cn(`z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,e),...a}));c.displayName=i.Content.displayName,exports.Tooltip=o,exports.TooltipContent=c,exports.TooltipProvider=a,exports.TooltipTrigger=s;

package/dist/components/tooltip/index.es.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-tooltip";
+//#region src/components/tooltip/index.tsx
+var i = r.Provider, a = r.Root, o = r.Trigger, s = t.forwardRef(({ className: t, sideOffset: i = 4, ...a }, o) => /* @__PURE__ */ n(r.Content, {
+	ref: o,
+	sideOffset: i,
+	className: e("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", t),
+	...a
+}));
+s.displayName = r.Content.displayName;
+//#endregion
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };

package/dist/components/typography/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("class-variance-authority"),i=require("react/jsx-runtime"),a=require("@radix-ui/react-slot");var o=(0,r.cva)(``,{variants:{variant:{default:`text-foreground`,muted:`text-muted-foreground`,destructive:`text-destructive`,success:`text-green-600 dark:text-green-400`,warning:`text-amber-600 dark:text-amber-400`,link:`text-primary underline-offset-4 hover:underline`},size:{xs:`text-xs`,sm:`text-sm`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},weight:{normal:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},align:{left:`text-left`,center:`text-center`,right:`text-right`,justify:`text-justify`}},defaultVariants:{variant:`default`,size:`base`,weight:`normal`,align:`left`}}),s=n.forwardRef(({className:e,variant:n,size:r,weight:s,align:c,asChild:l=!1,truncate:u=!1,...d},f)=>(0,i.jsx)(l?a.Slot:`p`,{className:t.cn(o({variant:n,size:r,weight:s,align:c}),u&&`truncate`,e),ref:f,...d}));s.displayName=`Text`;var c=(0,r.cva)(`font-bold tracking-tight`,{variants:{level:{h1:`text-4xl lg:text-5xl`,h2:`text-3xl lg:text-4xl`,h3:`text-2xl lg:text-3xl`,h4:`text-xl lg:text-2xl`,h5:`text-lg lg:text-xl`,h6:`text-base lg:text-lg`},variant:{default:`text-foreground`,gradient:`bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent`,muted:`text-muted-foreground`}},defaultVariants:{level:`h2`,variant:`default`}}),l=n.forwardRef(({className:e,level:n=`h2`,variant:r,asChild:o=!1,...s},l)=>(0,i.jsx)(o?a.Slot:n,{className:t.cn(c({level:n,variant:r}),e),ref:l,...s}));l.displayName=`Heading`;var u=(0,r.cva)(`mt-6 border-l-4 pl-6 italic`,{variants:{variant:{default:`border-border text-muted-foreground`,primary:`border-primary text-foreground`,success:`border-green-500 text-green-900 dark:text-green-100`,warning:`border-amber-500 text-amber-900 dark:text-amber-100`,destructive:`border-destructive text-destructive`}},defaultVariants:{variant:`default`}}),d=n.forwardRef(({className:e,variant:n,author:r,cite:a,children:o,...s},c)=>(0,i.jsxs)(`figure`,{className:`my-6`,children:[(0,i.jsx)(`blockquote`,{className:t.cn(u({variant:n}),e),cite:a,ref:c,...s,children:o}),r&&(0,i.jsxs)(`figcaption`,{className:`mt-2 text-sm text-muted-foreground`,children:[`— `,r]})]}));d.displayName=`Blockquote`,(0,r.cva)(`relative rounded font-mono`,{variants:{variant:{inline:`bg-muted px-[0.3rem] py-[0.2rem] text-xs sm:text-sm`,block:`block bg-muted overflow-x-auto`},size:{sm:`text-xs sm:text-sm`,base:`text-sm sm:text-base`,lg:`text-base sm:text-lg`}},defaultVariants:{variant:`inline`,size:`base`}});var f=(0,r.cva)(`inline-flex items-center justify-center rounded border border-border bg-muted px-2 py-1 font-mono text-xs font-medium text-muted-foreground shadow-sm`,{variants:{size:{sm:`h-5 min-w-[1.25rem] text-[0.625rem]`,default:`h-6 min-w-[1.5rem] text-xs`,lg:`h-7 min-w-[1.75rem] text-sm`}},defaultVariants:{size:`default`}}),p=n.forwardRef(({className:e,size:n,...r},a)=>(0,i.jsx)(`kbd`,{className:t.cn(f({size:n}),e),ref:a,...r}));p.displayName=`Kbd`,exports.Blockquote=d,exports.Heading=l,exports.Kbd=p,exports.Text=s,exports.blockquoteVariants=u,exports.headingVariants=c,exports.kbdVariants=f,exports.textVariants=o;

package/dist/components/typography/index.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-declare const textVariants: (props?: {
-    variant?: "default" | "link" | "destructive" | "muted" | "warning" | "success";
-    size?: "sm" | "lg" | "xl" | "base" | "xs";
-    weight?: "medium" | "bold" | "normal" | "semibold";
-    align?: "left" | "center" | "right" | "justify";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const textVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "warning" | "muted" | "success" | null | undefined;
+    size?: "sm" | "lg" | "xl" | "base" | "xs" | null | undefined;
+    weight?: "medium" | "bold" | "normal" | "semibold" | null | undefined;
+    align?: "left" | "center" | "right" | "justify" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
     asChild?: boolean;
     truncate?: boolean;
@@ -20,10 +20,10 @@ export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, V
  * ```
  */
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
-declare const headingVariants: (props?: {
-    level?: "h3" | "h2" | "h1" | "h4" | "h5" | "h6";
-    variant?: "default" | "gradient" | "muted";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const headingVariants: (props?: ({
+    level?: "h3" | "h2" | "h1" | "h4" | "h5" | "h6" | null | undefined;
+    variant?: "default" | "gradient" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
     asChild?: boolean;
 }
@@ -37,9 +37,9 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>,
  * ```
  */
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-declare const blockquoteVariants: (props?: {
-    variant?: "default" | "destructive" | "warning" | "success" | "primary";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const blockquoteVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "success" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement>, VariantProps<typeof blockquoteVariants> {
     cite?: string;
     author?: string;
@@ -55,10 +55,10 @@ export interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuot
  * ```
  */
 declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLQuoteElement>>;
-declare const codeVariants: (props?: {
-    variant?: "inline" | "block";
-    size?: "sm" | "lg" | "base";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const codeVariants: (props?: ({
+    variant?: "inline" | "block" | null | undefined;
+    size?: "sm" | "lg" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof codeVariants> {
     language?: string;
     showLineNumbers?: boolean;
@@ -66,9 +66,9 @@ export interface CodeProps extends React.HTMLAttributes<HTMLElement>, VariantPro
     copyable?: boolean;
     filename?: string;
 }
-declare const kbdVariants: (props?: {
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const kbdVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface KbdProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {
 }
 /**