@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-doc-toolbar/index.es.js

@@ -0,0 +1,82 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Separator as n } from "../separator/index.es.js";
+import * as r from "react";
+import { AlertCircle as i, Check as a, CheckCircle2 as o, Copy as s, Download as c, Eye as l, FileText as u, Loader2 as d, Pencil as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/waka-doc-toolbar/index.tsx
+function g({ content: g, mode: _ = "view", canEdit: v = !1, onModeChange: y, saveStatus: b = "idle", className: x }) {
+	let [S, C] = r.useState(!1);
+	return /* @__PURE__ */ h("div", {
+		className: e("flex items-center gap-1 rounded-lg border border-border/50 bg-background/80 px-2 py-1 backdrop-blur-sm", x),
+		children: [
+			/* @__PURE__ */ h(t, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-7 gap-1.5 text-xs",
+				onClick: async () => {
+					try {
+						await navigator.clipboard.writeText(g), C(!0), setTimeout(() => C(!1), 2e3);
+					} catch {}
+				},
+				children: [S ? /* @__PURE__ */ m(a, { className: "h-3.5 w-3.5 text-emerald-500" }) : /* @__PURE__ */ m(s, { className: "h-3.5 w-3.5" }), S ? "Copié" : "Copier"]
+			}),
+			/* @__PURE__ */ m(n, {
+				orientation: "vertical",
+				className: "mx-1 h-5"
+			}),
+			/* @__PURE__ */ h(t, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-7 gap-1.5 text-xs",
+				onClick: () => {
+					let e = new Blob([g], { type: "text/markdown" }), t = URL.createObjectURL(e), n = document.createElement("a");
+					n.href = t, n.download = "document.md", n.click(), URL.revokeObjectURL(t);
+				},
+				children: [/* @__PURE__ */ m(c, { className: "h-3.5 w-3.5" }), ".md"]
+			}),
+			/* @__PURE__ */ h(t, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-7 gap-1.5 text-xs",
+				onClick: async () => {
+					try {
+						let { default: e } = await import("jspdf"), t = new e(), n = t.splitTextToSize(g, 180);
+						t.setFontSize(10), t.text(n, 15, 15), t.save("document.pdf");
+					} catch {
+						window.print();
+					}
+				},
+				children: [/* @__PURE__ */ m(u, { className: "h-3.5 w-3.5" }), ".pdf"]
+			}),
+			v && /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(n, {
+					orientation: "vertical",
+					className: "mx-1 h-5"
+				}),
+				/* @__PURE__ */ m(t, {
+					variant: _ === "edit" ? "secondary" : "ghost",
+					size: "sm",
+					className: "h-7 gap-1.5 text-xs",
+					onClick: () => y?.(_ === "edit" ? "view" : "edit"),
+					children: _ === "edit" ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(l, { className: "h-3.5 w-3.5" }), "Visualiser"] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, { className: "h-3.5 w-3.5" }), "Modifier"] })
+				}),
+				_ === "edit" && b !== "idle" && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
+					orientation: "vertical",
+					className: "mx-1 h-5"
+				}), /* @__PURE__ */ h("span", {
+					className: "flex items-center gap-1 text-xs text-muted-foreground",
+					children: [
+						b === "saving" && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(d, { className: "h-3 w-3 animate-spin" }), "Sauvegarde..."] }),
+						b === "saved" && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(o, { className: "h-3 w-3 text-emerald-500" }), "Sauvegardé"] }),
+						b === "error" && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(i, { className: "h-3 w-3 text-destructive" }), "Erreur"] })
+					]
+				})] })
+			] })
+		]
+	});
+}
+//#endregion
+export { g as WakaDocToolbar };

package/dist/components/waka-doc-version/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("../badge/index.cjs.js"),r=require("../select/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={latest:{label:`Latest`,variant:`default`},stable:{label:`Stable`,variant:`secondary`},beta:{label:`Beta`,variant:`outline`},rc:{label:`RC`,variant:`outline`},deprecated:{label:`Deprecated`,variant:`destructive`}};function c({versions:e,current:i,onVersionChange:c,className:l}){return(0,o.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,l),children:[(0,o.jsx)(a.Tag,{className:`h-4 w-4 text-muted-foreground`}),(0,o.jsxs)(r.Select,{value:i,onValueChange:c,children:[(0,o.jsx)(r.SelectTrigger,{className:`h-8 w-auto min-w-[120px] text-xs`,children:(0,o.jsx)(r.SelectValue,{})}),(0,o.jsx)(r.SelectContent,{children:e.map(e=>(0,o.jsx)(r.SelectItem,{value:e.id,children:(0,o.jsxs)(`span`,{className:`flex items-center gap-2`,children:[e.label,e.status&&(0,o.jsx)(n.Badge,{variant:s[e.status].variant,className:`text-[10px] px-1.5 py-0`,children:s[e.status].label})]})},e.id))})]})]})}exports.WakaDocVersion=c;

package/dist/components/waka-doc-version/index.es.js

@@ -0,0 +1,56 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../select/index.es.js";
+import "react";
+import { Tag as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/waka-doc-version/index.tsx
+var u = {
+	latest: {
+		label: "Latest",
+		variant: "default"
+	},
+	stable: {
+		label: "Stable",
+		variant: "secondary"
+	},
+	beta: {
+		label: "Beta",
+		variant: "outline"
+	},
+	rc: {
+		label: "RC",
+		variant: "outline"
+	},
+	deprecated: {
+		label: "Deprecated",
+		variant: "destructive"
+	}
+};
+function d({ versions: d, current: f, onVersionChange: p, className: m }) {
+	return /* @__PURE__ */ l("div", {
+		className: e("flex items-center gap-2", m),
+		children: [/* @__PURE__ */ c(s, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ l(n, {
+			value: f,
+			onValueChange: p,
+			children: [/* @__PURE__ */ c(a, {
+				className: "h-8 w-auto min-w-[120px] text-xs",
+				children: /* @__PURE__ */ c(o, {})
+			}), /* @__PURE__ */ c(r, { children: d.map((e) => /* @__PURE__ */ c(i, {
+				value: e.id,
+				children: /* @__PURE__ */ l("span", {
+					className: "flex items-center gap-2",
+					children: [e.label, e.status && /* @__PURE__ */ c(t, {
+						variant: u[e.status].variant,
+						className: "text-[10px] px-1.5 py-0",
+						children: u[e.status].label
+					})]
+				})
+			}, e.id)) })]
+		})]
+	});
+}
+//#endregion
+export { d as WakaDocVersion };

package/dist/components/waka-dock/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("react/jsx-runtime");function i({items:e,position:i=`bottom`,size:a=`default`,magnification:o=1.5,magnificationDistance:s=150,showLabels:c=!0,fixed:l=!0,className:u}){let d=n.useRef(null),[f,p]=n.useState(null),[m,h]=n.useState(null),g=i===`left`||i===`right`,_=n.useCallback(e=>{if(!d.current)return;let t=d.current.getBoundingClientRect(),n=g?e.clientY-t.top:e.clientX-t.left;p(n)},[g]),v=()=>{p(null),h(null)},y=e=>{if(f===null)return 1;let t=a===`sm`?40:a===`lg`?64:48,n=e*(t+8)+t/2,r=Math.abs(f-n);if(r>s)return 1;let i=1+(o-1)*(1-r/s);return Math.min(i,o)},b={sm:`h-10 w-10`,default:`h-12 w-12`,lg:`h-16 w-16`};return(0,r.jsx)(`div`,{ref:d,className:t.cn(`z-50 flex items-end gap-2 rounded-2xl border bg-background/80 p-2 shadow-2xl backdrop-blur-xl`,{bottom:t.cn(l?`fixed bottom-4 left-1/2 -translate-x-1/2`:`mx-auto`,`flex-row`),left:t.cn(l?`fixed left-4 top-1/2 -translate-y-1/2`:``,`flex-col`),right:t.cn(l?`fixed right-4 top-1/2 -translate-y-1/2`:`ml-auto`,`flex-col`)}[i],u),onMouseMove:_,onMouseLeave:v,children:e.map((e,n)=>{let o=y(n);return(0,r.jsxs)(`div`,{className:`relative`,onMouseEnter:()=>h(n),onMouseLeave:()=>h(null),children:[c&&m===n&&(0,r.jsxs)(`div`,{className:t.cn(`absolute z-10 whitespace-nowrap rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-lg`,`animate-in fade-in-0 zoom-in-95`,i===`bottom`&&`bottom-full left-1/2 -translate-x-1/2 mb-2`,i===`left`&&`left-full top-1/2 -translate-y-1/2 ml-2`,i===`right`&&`right-full top-1/2 -translate-y-1/2 mr-2`),children:[e.label,(0,r.jsx)(`div`,{className:t.cn(`absolute h-2 w-2 rotate-45 bg-foreground`,i===`bottom`&&`left-1/2 -translate-x-1/2 -bottom-1`,i===`left`&&`top-1/2 -translate-y-1/2 -right-1`,i===`right`&&`top-1/2 -translate-y-1/2 -left-1`)})]}),(0,r.jsxs)(`button`,{type:`button`,onClick:e.onClick,className:t.cn(`relative flex items-center justify-center rounded-xl transition-all duration-150`,b[a],`bg-muted/80 hover:bg-accent text-foreground`,`origin-bottom`),style:{transform:`scale(${o})`,marginBottom:i===`bottom`?`${(o-1)*(a===`sm`?20:a===`lg`?32:24)}px`:0,marginRight:i===`left`?`${(o-1)*(a===`sm`?20:a===`lg`?32:24)}px`:0,marginLeft:i===`right`?`${(o-1)*(a===`sm`?20:a===`lg`?32:24)}px`:0},children:[e.icon,e.badge!==void 0&&(0,r.jsx)(`span`,{className:`absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-bold text-destructive-foreground`,children:e.badge}),e.active&&i===`bottom`&&(0,r.jsx)(`span`,{className:`absolute -bottom-1 left-1/2 h-1 w-1 -translate-x-1/2 rounded-full bg-primary`})]}),(0,r.jsx)(`div`,{className:t.cn(`absolute opacity-20 blur-sm`,b[a],i===`bottom`&&`top-full mt-1`,i===`left`&&`left-full ml-1`,i===`right`&&`right-full mr-1`),style:{transform:`scale(${o}) scaleY(-0.3)`,background:`linear-gradient(to bottom, currentColor, transparent)`}})]},e.id)})})}function a({showAfter:e=200,autoHideDelay:a=3e3,...o}){let[s,c]=n.useState(!1),[l,u]=n.useState(!1),d=n.useRef(void 0);return n.useEffect(()=>{let t=()=>{let t=window.scrollY>e;c(t),t&&!l&&a>0&&(d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{l||c(!1)},a))};return window.addEventListener(`scroll`,t,{passive:!0}),()=>{window.removeEventListener(`scroll`,t),d.current&&clearTimeout(d.current)}},[e,a,l]),(0,r.jsx)(`div`,{onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),className:t.cn(`transition-all duration-300`,s?`translate-y-0 opacity-100`:`translate-y-full opacity-0 pointer-events-none`),children:(0,r.jsx)(i,{...o})})}function o({sections:e,...t}){return(0,r.jsx)(i,{items:e.flatMap((t,n)=>n===e.length-1?t.items:[...t.items,{id:`separator-${n}`,icon:null,label:``,isSeparator:!0}]),...t})}exports.WakaAppDock=o,exports.WakaDock=i,exports.WakaFloatingDock=a;

package/dist/components/waka-dock/index.es.js

@@ -0,0 +1,111 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/waka-dock/index.tsx
+function i({ items: i, position: a = "bottom", size: o = "default", magnification: s = 1.5, magnificationDistance: c = 150, showLabels: l = !0, fixed: u = !0, className: d }) {
+	let f = t.useRef(null), [p, m] = t.useState(null), [h, g] = t.useState(null), _ = a === "left" || a === "right", v = t.useCallback((e) => {
+		if (!f.current) return;
+		let t = f.current.getBoundingClientRect(), n = _ ? e.clientY - t.top : e.clientX - t.left;
+		m(n);
+	}, [_]), y = () => {
+		m(null), g(null);
+	}, b = (e) => {
+		if (p === null) return 1;
+		let t = o === "sm" ? 40 : o === "lg" ? 64 : 48, n = e * (t + 8) + t / 2, r = Math.abs(p - n);
+		if (r > c) return 1;
+		let i = 1 + (s - 1) * (1 - r / c);
+		return Math.min(i, s);
+	}, x = {
+		sm: "h-10 w-10",
+		default: "h-12 w-12",
+		lg: "h-16 w-16"
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: f,
+		className: e("z-50 flex items-end gap-2 rounded-2xl border bg-background/80 p-2 shadow-2xl backdrop-blur-xl", {
+			bottom: e(u ? "fixed bottom-4 left-1/2 -translate-x-1/2" : "mx-auto", "flex-row"),
+			left: e(u ? "fixed left-4 top-1/2 -translate-y-1/2" : "", "flex-col"),
+			right: e(u ? "fixed right-4 top-1/2 -translate-y-1/2" : "ml-auto", "flex-col")
+		}[a], d),
+		onMouseMove: v,
+		onMouseLeave: y,
+		children: i.map((t, i) => {
+			let s = b(i);
+			return /* @__PURE__ */ r("div", {
+				className: "relative",
+				onMouseEnter: () => g(i),
+				onMouseLeave: () => g(null),
+				children: [
+					l && h === i && /* @__PURE__ */ r("div", {
+						className: e("absolute z-10 whitespace-nowrap rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-lg", "animate-in fade-in-0 zoom-in-95", a === "bottom" && "bottom-full left-1/2 -translate-x-1/2 mb-2", a === "left" && "left-full top-1/2 -translate-y-1/2 ml-2", a === "right" && "right-full top-1/2 -translate-y-1/2 mr-2"),
+						children: [t.label, /* @__PURE__ */ n("div", { className: e("absolute h-2 w-2 rotate-45 bg-foreground", a === "bottom" && "left-1/2 -translate-x-1/2 -bottom-1", a === "left" && "top-1/2 -translate-y-1/2 -right-1", a === "right" && "top-1/2 -translate-y-1/2 -left-1") })]
+					}),
+					/* @__PURE__ */ r("button", {
+						type: "button",
+						onClick: t.onClick,
+						className: e("relative flex items-center justify-center rounded-xl transition-all duration-150", x[o], "bg-muted/80 hover:bg-accent text-foreground", "origin-bottom"),
+						style: {
+							transform: `scale(${s})`,
+							marginBottom: a === "bottom" ? `${(s - 1) * (o === "sm" ? 20 : o === "lg" ? 32 : 24)}px` : 0,
+							marginRight: a === "left" ? `${(s - 1) * (o === "sm" ? 20 : o === "lg" ? 32 : 24)}px` : 0,
+							marginLeft: a === "right" ? `${(s - 1) * (o === "sm" ? 20 : o === "lg" ? 32 : 24)}px` : 0
+						},
+						children: [
+							t.icon,
+							t.badge !== void 0 && /* @__PURE__ */ n("span", {
+								className: "absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-bold text-destructive-foreground",
+								children: t.badge
+							}),
+							t.active && a === "bottom" && /* @__PURE__ */ n("span", { className: "absolute -bottom-1 left-1/2 h-1 w-1 -translate-x-1/2 rounded-full bg-primary" })
+						]
+					}),
+					/* @__PURE__ */ n("div", {
+						className: e("absolute opacity-20 blur-sm", x[o], a === "bottom" && "top-full mt-1", a === "left" && "left-full ml-1", a === "right" && "right-full mr-1"),
+						style: {
+							transform: `scale(${s}) scaleY(-0.3)`,
+							background: "linear-gradient(to bottom, currentColor, transparent)"
+						}
+					})
+				]
+			}, t.id);
+		})
+	});
+}
+function a({ showAfter: r = 200, autoHideDelay: a = 3e3, ...o }) {
+	let [s, c] = t.useState(!1), [l, u] = t.useState(!1), d = t.useRef(void 0);
+	return t.useEffect(() => {
+		let e = () => {
+			let e = window.scrollY > r;
+			c(e), e && !l && a > 0 && (d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+				l || c(!1);
+			}, a));
+		};
+		return window.addEventListener("scroll", e, { passive: !0 }), () => {
+			window.removeEventListener("scroll", e), d.current && clearTimeout(d.current);
+		};
+	}, [
+		r,
+		a,
+		l
+	]), /* @__PURE__ */ n("div", {
+		onMouseEnter: () => u(!0),
+		onMouseLeave: () => u(!1),
+		className: e("transition-all duration-300", s ? "translate-y-0 opacity-100" : "translate-y-full opacity-0 pointer-events-none"),
+		children: /* @__PURE__ */ n(i, { ...o })
+	});
+}
+function o({ sections: e, ...t }) {
+	return /* @__PURE__ */ n(i, {
+		items: e.flatMap((t, n) => n === e.length - 1 ? t.items : [...t.items, {
+			id: `separator-${n}`,
+			icon: null,
+			label: "",
+			isSeparator: !0
+		}]),
+		...t
+	});
+}
+//#endregion
+export { o as WakaAppDock, i as WakaDock, a as WakaFloatingDock };

package/dist/components/waka-drawer/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("lucide-react"),i=require("react/jsx-runtime"),a=require("@radix-ui/react-dialog");a=e.__toESM(a);var o={left:{sm:`w-64`,md:`w-80`,lg:`w-96`,xl:`w-[480px]`,full:`w-screen`},right:{sm:`w-64`,md:`w-80`,lg:`w-96`,xl:`w-[480px]`,full:`w-screen`},top:{sm:`h-32`,md:`h-48`,lg:`h-64`,xl:`h-96`,full:`h-screen`},bottom:{sm:`h-32`,md:`h-48`,lg:`h-64`,xl:`h-96`,full:`h-screen`}},s={left:`left-0 top-0 h-full`,right:`right-0 top-0 h-full`,top:`top-0 left-0 w-full`,bottom:`bottom-0 left-0 w-full`},c={left:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left`,right:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right`,top:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top`,bottom:`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom`},l=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.cn(`flex flex-col space-y-1.5 p-4 border-b`,e),...n}));l.displayName=`DrawerHeader`;var u=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.cn(`flex-1 overflow-auto p-4`,e),...n}));u.displayName=`DrawerBody`;var d=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.cn(`flex items-center justify-end gap-2 p-4 border-t`,e),...n}));d.displayName=`DrawerFooter`;var f=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Title,{ref:r,className:t.cn(`text-lg font-semibold leading-none tracking-tight`,e),...n}));f.displayName=`DrawerTitle`;var p=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(a.Description,{ref:r,className:t.cn(`text-sm text-muted-foreground`,e),...n}));p.displayName=`DrawerDescription`;function m({open:e,onOpenChange:n,position:m=`right`,size:h=`md`,title:g,description:_,showCloseButton:v=!0,closeOnOverlayClick:y=!0,closeOnEscape:b=!0,showOverlay:x=!0,children:S,footer:C,className:w,contentClassName:T}){return(0,i.jsx)(a.Root,{open:e,onOpenChange:n,children:(0,i.jsxs)(a.Portal,{children:[x&&(0,i.jsx)(a.Overlay,{className:t.cn(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`)}),(0,i.jsxs)(a.Content,{onPointerDownOutside:e=>{y||e.preventDefault()},onEscapeKeyDown:e=>{b||e.preventDefault()},"aria-describedby":_?void 0:`drawer-description`,className:t.cn(`fixed z-50 bg-background shadow-lg flex flex-col`,`duration-300 ease-in-out`,s[m],o[m][h],c[m],w),children:[!g&&(0,i.jsx)(f,{className:`sr-only`,children:`Panneau latéral`}),!_&&(0,i.jsx)(p,{id:`drawer-description`,className:`sr-only`,children:`Contenu du panneau latéral`}),(g||_||v)&&(0,i.jsx)(l,{children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex-1`,children:[g&&(0,i.jsx)(f,{children:g}),_&&(0,i.jsx)(p,{children:_})]}),v&&(0,i.jsxs)(a.Close,{className:`rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none`,children:[(0,i.jsx)(r.X,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Fermer`})]})]})}),(0,i.jsx)(u,{className:T,children:S}),C&&(0,i.jsx)(d,{children:C})]})]})})}function h(e={}){let{defaultOpen:t=!1,onOpen:r,onClose:i}=e,[a,o]=n.useState(t),s=n.useCallback(e=>{o(e),e?r?.():i?.()},[r,i]);return{open:a,onOpenChange:s,openDrawer:n.useCallback(()=>s(!0),[s]),closeDrawer:n.useCallback(()=>s(!1),[s]),toggleDrawer:n.useCallback(()=>s(!a),[s,a])}}var g=a.Trigger,_=a.Close;exports.DrawerBody=u,exports.DrawerClose=_,exports.DrawerDescription=p,exports.DrawerFooter=d,exports.DrawerHeader=l,exports.DrawerTitle=f,exports.DrawerTrigger=g,exports.WakaDrawer=m,exports.default=m,exports.useDrawer=h;

package/dist/components/waka-drawer/index.es.js

@@ -0,0 +1,137 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+//#region src/components/waka-drawer/index.tsx
+var o = {
+	left: {
+		sm: "w-64",
+		md: "w-80",
+		lg: "w-96",
+		xl: "w-[480px]",
+		full: "w-screen"
+	},
+	right: {
+		sm: "w-64",
+		md: "w-80",
+		lg: "w-96",
+		xl: "w-[480px]",
+		full: "w-screen"
+	},
+	top: {
+		sm: "h-32",
+		md: "h-48",
+		lg: "h-64",
+		xl: "h-96",
+		full: "h-screen"
+	},
+	bottom: {
+		sm: "h-32",
+		md: "h-48",
+		lg: "h-64",
+		xl: "h-96",
+		full: "h-screen"
+	}
+}, s = {
+	left: "left-0 top-0 h-full",
+	right: "right-0 top-0 h-full",
+	top: "top-0 left-0 w-full",
+	bottom: "bottom-0 left-0 w-full"
+}, c = {
+	left: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+	right: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+	top: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+	bottom: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
+}, l = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("flex flex-col space-y-1.5 p-4 border-b", t),
+	...n
+}));
+l.displayName = "DrawerHeader";
+var u = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("flex-1 overflow-auto p-4", t),
+	...n
+}));
+u.displayName = "DrawerBody";
+var d = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("flex items-center justify-end gap-2 p-4 border-t", t),
+	...n
+}));
+d.displayName = "DrawerFooter";
+var f = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Title, {
+	ref: i,
+	className: e("text-lg font-semibold leading-none tracking-tight", t),
+	...n
+}));
+f.displayName = "DrawerTitle";
+var p = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Description, {
+	ref: i,
+	className: e("text-sm text-muted-foreground", t),
+	...n
+}));
+p.displayName = "DrawerDescription";
+function m({ open: t, onOpenChange: m, position: h = "right", size: g = "md", title: _, description: v, showCloseButton: y = !0, closeOnOverlayClick: b = !0, closeOnEscape: x = !0, showOverlay: S = !0, children: C, footer: w, className: T, contentClassName: E }) {
+	return /* @__PURE__ */ r(a.Root, {
+		open: t,
+		onOpenChange: m,
+		children: /* @__PURE__ */ i(a.Portal, { children: [S && /* @__PURE__ */ r(a.Overlay, { className: e("fixed inset-0 z-50 bg-black/50", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0") }), /* @__PURE__ */ i(a.Content, {
+			onPointerDownOutside: (e) => {
+				b || e.preventDefault();
+			},
+			onEscapeKeyDown: (e) => {
+				x || e.preventDefault();
+			},
+			"aria-describedby": v ? void 0 : "drawer-description",
+			className: e("fixed z-50 bg-background shadow-lg flex flex-col", "duration-300 ease-in-out", s[h], o[h][g], c[h], T),
+			children: [
+				!_ && /* @__PURE__ */ r(f, {
+					className: "sr-only",
+					children: "Panneau latéral"
+				}),
+				!v && /* @__PURE__ */ r(p, {
+					id: "drawer-description",
+					className: "sr-only",
+					children: "Contenu du panneau latéral"
+				}),
+				(_ || v || y) && /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex-1",
+						children: [_ && /* @__PURE__ */ r(f, { children: _ }), v && /* @__PURE__ */ r(p, { children: v })]
+					}), y && /* @__PURE__ */ i(a.Close, {
+						className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+						children: [/* @__PURE__ */ r(n, { className: "h-4 w-4" }), /* @__PURE__ */ r("span", {
+							className: "sr-only",
+							children: "Fermer"
+						})]
+					})]
+				}) }),
+				/* @__PURE__ */ r(u, {
+					className: E,
+					children: C
+				}),
+				w && /* @__PURE__ */ r(d, { children: w })
+			]
+		})] })
+	});
+}
+function h(e = {}) {
+	let { defaultOpen: n = !1, onOpen: r, onClose: i } = e, [a, o] = t.useState(n), s = t.useCallback((e) => {
+		o(e), e ? r?.() : i?.();
+	}, [r, i]);
+	return {
+		open: a,
+		onOpenChange: s,
+		openDrawer: t.useCallback(() => s(!0), [s]),
+		closeDrawer: t.useCallback(() => s(!1), [s]),
+		toggleDrawer: t.useCallback(() => s(!a), [s, a])
+	};
+}
+var g = a.Trigger, _ = a.Close;
+//#endregion
+export { u as DrawerBody, _ as DrawerClose, p as DrawerDescription, d as DrawerFooter, l as DrawerHeader, f as DrawerTitle, g as DrawerTrigger, m as WakaDrawer, m as default, h as useDrawer };

package/dist/components/waka-empty-state/index.cjs.js

@@ -0,0 +1,30 @@
+"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("lucide-react"),i=require("react/jsx-runtime");var a={inbox:r.Inbox,search:r.Search,error:r.FileX,folder:r.FolderOpen,users:r.Users,cart:r.ShoppingCart,calendar:r.Calendar,mail:r.Mail,image:r.Image},o={default:{illustration:`inbox`,title:`No items yet`,description:`Get started by creating your first item.`},search:{illustration:`search`,title:`No results found`,description:`Try adjusting your search or filter to find what you're looking for.`},error:{illustration:`error`,title:`Something went wrong`,description:`We encountered an error while loading. Please try again.`}},s={sm:{container:`py-6 px-4`,iconContainer:`h-12 w-12`,icon:`h-6 w-6`,title:`text-base`,description:`text-xs`,gap:`gap-3`,buttonSize:`h-8 px-3 text-xs`},md:{container:`py-10 px-6`,iconContainer:`h-16 w-16`,icon:`h-8 w-8`,title:`text-lg`,description:`text-sm`,gap:`gap-4`,buttonSize:`h-9 px-4 text-sm`},lg:{container:`py-16 px-8`,iconContainer:`h-24 w-24`,icon:`h-12 w-12`,title:`text-2xl`,description:`text-base`,gap:`gap-6`,buttonSize:`h-10 px-6 text-base`}},c=`
+  @keyframes waka-empty-state-fade-in {
+    from {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes waka-empty-state-bounce {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-5px);
+    }
+  }
+
+  .waka-empty-state-animated {
+    animation: waka-empty-state-fade-in 0.4s ease-out forwards;
+  }
+
+  .waka-empty-state-icon-animated {
+    animation: waka-empty-state-bounce 2s ease-in-out infinite;
+    animation-delay: 0.4s;
+  }
+`;function l({illustration:e,icon:n,customIllustration:r,variant:c,size:l,animated:u}){let d=s[l];if(r)return(0,i.jsx)(`div`,{className:t.cn(u&&`waka-empty-state-icon-animated`),children:r});if(n)return(0,i.jsx)(`div`,{className:t.cn(`rounded-full bg-muted flex items-center justify-center`,d.iconContainer,u&&`waka-empty-state-icon-animated`),children:(0,i.jsx)(`div`,{className:t.cn(`text-muted-foreground`,d.icon),children:n})});let f=a[e||o[c].illustration];return(0,i.jsx)(`div`,{className:t.cn(`rounded-full flex items-center justify-center`,d.iconContainer,{default:`bg-muted`,search:`bg-muted`,error:`bg-destructive/10`}[c],u&&`waka-empty-state-icon-animated`),children:(0,i.jsx)(f,{className:t.cn(d.icon,{default:`text-muted-foreground`,search:`text-muted-foreground`,error:`text-destructive`}[c])})})}function u({action:e,isPrimary:n,size:r}){let a=s[r];return(0,i.jsxs)(`button`,{onClick:e.onClick,disabled:e.disabled||e.loading,className:t.cn(`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,`disabled:pointer-events-none disabled:opacity-50`,a.buttonSize,n?`bg-primary text-primary-foreground shadow hover:bg-primary/90`:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`),children:[e.loading?(0,i.jsx)(`span`,{className:`h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent`}):e.icon&&(0,i.jsx)(`span`,{className:`[&>svg]:h-4 [&>svg]:w-4`,children:e.icon}),e.label]})}function d({title:e,description:n,illustration:r,icon:a,customIllustration:d,primaryAction:f,secondaryAction:p,variant:m=`default`,size:h=`md`,layout:g=`vertical`,animated:_=!0,children:v,className:y}){let b=s[h],x=o[m],S=e??x.title,C=n??x.description,w=f||p;return(0,i.jsxs)(i.Fragment,{children:[_&&(0,i.jsx)(`style`,{children:c}),(0,i.jsxs)(`div`,{role:`status`,"aria-label":S,className:t.cn(`flex w-full`,g===`vertical`?`flex-col items-center text-center`:`flex-row items-center text-left`,b.container,b.gap,_&&`waka-empty-state-animated`,y),children:[(0,i.jsx)(l,{illustration:r,icon:a,customIllustration:d,variant:m,size:h,animated:_}),(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col`,g===`vertical`?`items-center`:`items-start`,g===`vertical`?`gap-2`:`gap-1`),children:[S&&(0,i.jsx)(`h3`,{className:t.cn(`font-semibold text-foreground`,b.title),children:S}),C&&(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground max-w-md`,b.description),children:C}),w&&(0,i.jsxs)(`div`,{className:t.cn(`flex flex-wrap gap-3 mt-4`,g===`vertical`?`justify-center`:`justify-start`),children:[f&&(0,i.jsx)(u,{action:f,isPrimary:!0,size:h}),p&&(0,i.jsx)(u,{action:p,isPrimary:!1,size:h})]}),v&&(0,i.jsx)(`div`,{className:`mt-4`,children:v})]})]})]})}function f({searchQuery:e,onClearSearch:t,title:n,description:r,...a}){return(0,i.jsx)(d,{variant:`search`,illustration:`search`,title:n??(e?`No results for "${e}"`:`No results found`),description:r??`Try adjusting your search or filter to find what you're looking for.`,secondaryAction:t?{label:`Clear search`,onClick:t}:void 0,...a})}function p({error:e,onRetry:t,title:n,description:a,...o}){let s=e instanceof Error?e.message:e;return(0,i.jsx)(d,{variant:`error`,illustration:`error`,title:n??`Something went wrong`,description:a??s??`We encountered an error. Please try again.`,primaryAction:t?{label:`Try again`,onClick:t,icon:(0,i.jsx)(r.AlertCircle,{})}:void 0,...o})}function m({data:e,isLoading:t=!1,error:n,searchQuery:r}){let i=!t&&!n&&(!e||e.length===0),a=!t&&!!n,o=!!r&&r.length>0,s=i||a,c=`default`;return a?c=`error`:o&&i&&(c=`search`),{showEmptyState:s,variant:c,isEmpty:i,hasError:a,isSearching:o}}exports.WakaEmptyState=d,exports.WakaEmptyStateError=p,exports.WakaEmptyStateSearch=f,exports.useEmptyState=m;

package/dist/components/waka-empty-state/index.es.js

@@ -0,0 +1,185 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import "react";
+import { AlertCircle as t, Calendar as n, FileX as r, FolderOpen as i, Image as a, Inbox as o, Mail as s, Search as c, ShoppingCart as l, Users as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/waka-empty-state/index.tsx
+var m = {
+	inbox: o,
+	search: c,
+	error: r,
+	folder: i,
+	users: u,
+	cart: l,
+	calendar: n,
+	mail: s,
+	image: a
+}, h = {
+	default: {
+		illustration: "inbox",
+		title: "No items yet",
+		description: "Get started by creating your first item."
+	},
+	search: {
+		illustration: "search",
+		title: "No results found",
+		description: "Try adjusting your search or filter to find what you're looking for."
+	},
+	error: {
+		illustration: "error",
+		title: "Something went wrong",
+		description: "We encountered an error while loading. Please try again."
+	}
+}, g = {
+	sm: {
+		container: "py-6 px-4",
+		iconContainer: "h-12 w-12",
+		icon: "h-6 w-6",
+		title: "text-base",
+		description: "text-xs",
+		gap: "gap-3",
+		buttonSize: "h-8 px-3 text-xs"
+	},
+	md: {
+		container: "py-10 px-6",
+		iconContainer: "h-16 w-16",
+		icon: "h-8 w-8",
+		title: "text-lg",
+		description: "text-sm",
+		gap: "gap-4",
+		buttonSize: "h-9 px-4 text-sm"
+	},
+	lg: {
+		container: "py-16 px-8",
+		iconContainer: "h-24 w-24",
+		icon: "h-12 w-12",
+		title: "text-2xl",
+		description: "text-base",
+		gap: "gap-6",
+		buttonSize: "h-10 px-6 text-base"
+	}
+}, _ = "\n  @keyframes waka-empty-state-fade-in {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes waka-empty-state-bounce {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  .waka-empty-state-animated {\n    animation: waka-empty-state-fade-in 0.4s ease-out forwards;\n  }\n\n  .waka-empty-state-icon-animated {\n    animation: waka-empty-state-bounce 2s ease-in-out infinite;\n    animation-delay: 0.4s;\n  }\n";
+function v({ illustration: t, icon: n, customIllustration: r, variant: i, size: a, animated: o }) {
+	let s = g[a];
+	if (r) return /* @__PURE__ */ f("div", {
+		className: e(o && "waka-empty-state-icon-animated"),
+		children: r
+	});
+	if (n) return /* @__PURE__ */ f("div", {
+		className: e("rounded-full bg-muted flex items-center justify-center", s.iconContainer, o && "waka-empty-state-icon-animated"),
+		children: /* @__PURE__ */ f("div", {
+			className: e("text-muted-foreground", s.icon),
+			children: n
+		})
+	});
+	let c = m[t || h[i].illustration];
+	return /* @__PURE__ */ f("div", {
+		className: e("rounded-full flex items-center justify-center", s.iconContainer, {
+			default: "bg-muted",
+			search: "bg-muted",
+			error: "bg-destructive/10"
+		}[i], o && "waka-empty-state-icon-animated"),
+		children: /* @__PURE__ */ f(c, { className: e(s.icon, {
+			default: "text-muted-foreground",
+			search: "text-muted-foreground",
+			error: "text-destructive"
+		}[i]) })
+	});
+}
+function y({ action: t, isPrimary: n, size: r }) {
+	let i = g[r];
+	return /* @__PURE__ */ p("button", {
+		onClick: t.onClick,
+		disabled: t.disabled || t.loading,
+		className: e("inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", i.buttonSize, n ? "bg-primary text-primary-foreground shadow hover:bg-primary/90" : "border border-input bg-background hover:bg-accent hover:text-accent-foreground"),
+		children: [t.loading ? /* @__PURE__ */ f("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : t.icon && /* @__PURE__ */ f("span", {
+			className: "[&>svg]:h-4 [&>svg]:w-4",
+			children: t.icon
+		}), t.label]
+	});
+}
+function b({ title: t, description: n, illustration: r, icon: i, customIllustration: a, primaryAction: o, secondaryAction: s, variant: c = "default", size: l = "md", layout: u = "vertical", animated: m = !0, children: b, className: x }) {
+	let S = g[l], C = h[c], w = t ?? C.title, T = n ?? C.description, E = o || s;
+	return /* @__PURE__ */ p(d, { children: [m && /* @__PURE__ */ f("style", { children: _ }), /* @__PURE__ */ p("div", {
+		role: "status",
+		"aria-label": w,
+		className: e("flex w-full", u === "vertical" ? "flex-col items-center text-center" : "flex-row items-center text-left", S.container, S.gap, m && "waka-empty-state-animated", x),
+		children: [/* @__PURE__ */ f(v, {
+			illustration: r,
+			icon: i,
+			customIllustration: a,
+			variant: c,
+			size: l,
+			animated: m
+		}), /* @__PURE__ */ p("div", {
+			className: e("flex flex-col", u === "vertical" ? "items-center" : "items-start", u === "vertical" ? "gap-2" : "gap-1"),
+			children: [
+				w && /* @__PURE__ */ f("h3", {
+					className: e("font-semibold text-foreground", S.title),
+					children: w
+				}),
+				T && /* @__PURE__ */ f("p", {
+					className: e("text-muted-foreground max-w-md", S.description),
+					children: T
+				}),
+				E && /* @__PURE__ */ p("div", {
+					className: e("flex flex-wrap gap-3 mt-4", u === "vertical" ? "justify-center" : "justify-start"),
+					children: [o && /* @__PURE__ */ f(y, {
+						action: o,
+						isPrimary: !0,
+						size: l
+					}), s && /* @__PURE__ */ f(y, {
+						action: s,
+						isPrimary: !1,
+						size: l
+					})]
+				}),
+				b && /* @__PURE__ */ f("div", {
+					className: "mt-4",
+					children: b
+				})
+			]
+		})]
+	})] });
+}
+function x({ searchQuery: e, onClearSearch: t, title: n, description: r, ...i }) {
+	return /* @__PURE__ */ f(b, {
+		variant: "search",
+		illustration: "search",
+		title: n ?? (e ? `No results for "${e}"` : "No results found"),
+		description: r ?? "Try adjusting your search or filter to find what you're looking for.",
+		secondaryAction: t ? {
+			label: "Clear search",
+			onClick: t
+		} : void 0,
+		...i
+	});
+}
+function S({ error: e, onRetry: n, title: r, description: i, ...a }) {
+	let o = e instanceof Error ? e.message : e;
+	return /* @__PURE__ */ f(b, {
+		variant: "error",
+		illustration: "error",
+		title: r ?? "Something went wrong",
+		description: i ?? o ?? "We encountered an error. Please try again.",
+		primaryAction: n ? {
+			label: "Try again",
+			onClick: n,
+			icon: /* @__PURE__ */ f(t, {})
+		} : void 0,
+		...a
+	});
+}
+function C({ data: e, isLoading: t = !1, error: n, searchQuery: r }) {
+	let i = !t && !n && (!e || e.length === 0), a = !t && !!n, o = !!r && r.length > 0, s = i || a, c = "default";
+	return a ? c = "error" : o && i && (c = "search"), {
+		showEmptyState: s,
+		variant: c,
+		isEmpty: i,
+		hasError: a,
+		isSearching: o
+	};
+}
+//#endregion
+export { b as WakaEmptyState, S as WakaEmptyStateError, x as WakaEmptyStateSearch, C as useEmptyState };

package/dist/components/waka-env-var-editor/index.cjs.js

@@ -0,0 +1,2 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../input/index.cjs.js"),a=require("../scroll-area/index.cjs.js"),o=require("../tooltip/index.cjs.js");let s=require("react");s=e.__toESM(s);let c=require("lucide-react"),l=require("react/jsx-runtime");function u({variable:e,index:a,onChange:u,onDelete:d,readOnly:f,showSource:p}){let[m,h]=s.useState(!e.isSecret),[g,_]=s.useState(!1);return e.isSecret&&!m?`•`.repeat(Math.min(e.value.length,20)):e.value,(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 p-2 border-b hover:bg-muted/30 transition-colors`,e.isRequired&&!e.value&&`bg-yellow-500/5`),children:[(0,l.jsx)(o.TooltipProvider,{children:(0,l.jsxs)(o.Tooltip,{children:[(0,l.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,l.jsx)(`button`,{className:t.cn(`p-1.5 rounded hover:bg-muted transition-colors`,f&&`pointer-events-none`),onClick:()=>!f&&u(a,`isSecret`,!e.isSecret),children:e.isSecret?(0,l.jsx)(c.Lock,{className:`h-4 w-4 text-yellow-500`}):(0,l.jsx)(c.Unlock,{className:`h-4 w-4 text-muted-foreground`})})}),(0,l.jsx)(o.TooltipContent,{children:e.isSecret?`Secret variable`:`Not a secret`})]})}),(0,l.jsx)(i.Input,{value:e.key,onChange:e=>u(a,`key`,e.target.value),placeholder:`KEY_NAME`,className:`font-mono text-sm w-48 h-8`,readOnly:f}),(0,l.jsx)(`span`,{className:`text-muted-foreground`,children:`=`}),(0,l.jsxs)(`div`,{className:`flex-1 relative`,children:[(0,l.jsx)(i.Input,{type:e.isSecret&&!m?`password`:`text`,value:e.value,onChange:e=>u(a,`value`,e.target.value),placeholder:`value`,className:`font-mono text-sm h-8 pr-16`,readOnly:f}),(0,l.jsxs)(`div`,{className:`absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-1`,children:[e.isSecret&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0`,onClick:()=>h(!m),children:m?(0,l.jsx)(c.EyeOff,{className:`h-3 w-3`}):(0,l.jsx)(c.Eye,{className:`h-3 w-3`})}),(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0`,onClick:()=>{navigator.clipboard.writeText(e.value),_(!0),setTimeout(()=>_(!1),2e3)},children:g?(0,l.jsx)(c.CheckCircle2,{className:`h-3 w-3 text-green-500`}):(0,l.jsx)(c.Copy,{className:`h-3 w-3`})})]})]}),p&&e.source&&(0,l.jsx)(n.Badge,{variant:`outline`,className:`text-xs shrink-0`,children:e.source}),e.isRequired&&!e.value&&(0,l.jsx)(o.TooltipProvider,{children:(0,l.jsxs)(o.Tooltip,{children:[(0,l.jsx)(o.TooltipTrigger,{children:(0,l.jsx)(c.AlertTriangle,{className:`h-4 w-4 text-yellow-500`})}),(0,l.jsx)(o.TooltipContent,{children:`Required variable is empty`})]})}),!f&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0 text-destructive hover:text-destructive`,onClick:()=>d(a),children:(0,l.jsx)(c.Trash2,{className:`h-4 w-4`})})]})}function d({variables:e,onChange:o,onSave:d,onImport:f,onExport:p,readOnly:m=!1,showSource:h=!1,title:g=`Environment Variables`,className:_}){let[v,y]=s.useState(e),[b,x]=s.useState(``),[S,C]=s.useState(!1),w=s.useRef(null);s.useEffect(()=>{y(e),C(!1)},[e]);let T=(e,t,n)=>{let r=[...v];r[e]={...r[e],[t]:n},y(r),C(!0),o?.(r)},E=e=>{let t=v.filter((t,n)=>n!==e);y(t),C(!0),o?.(t)},D=()=>{let e=[...v,{key:``,value:``,isSecret:!1}];y(e),C(!0),o?.(e)},O=()=>{d?.(v),C(!1)},k=e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=e=>{let t=e.target?.result;if(f)f(t);else{let e=t.split(`
+`).filter(e=>e.trim()&&!e.startsWith(`#`)).map(e=>{let[t,...n]=e.split(`=`),r=n.join(`=`).replace(/^["']|["']$/g,``);return{key:t.trim(),value:r,isSecret:t.includes(`SECRET`)||t.includes(`PASSWORD`)||t.includes(`KEY`)}});y(e),C(!0),o?.(e)}},e.readAsText(t)}w.current&&(w.current.value=``)},A=v.filter(e=>e.key.toLowerCase().includes(b.toLowerCase())||!e.isSecret&&e.value.toLowerCase().includes(b.toLowerCase())),j=v.filter(e=>e.isSecret).length,M=v.filter(e=>e.isRequired&&!e.value).length;return(0,l.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,_),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(c.Variable,{className:`h-5 w-5`}),(0,l.jsx)(`h3`,{className:`font-semibold`,children:g}),(0,l.jsx)(n.Badge,{variant:`secondary`,children:v.length}),j>0&&(0,l.jsxs)(n.Badge,{variant:`outline`,className:`text-yellow-500`,children:[(0,l.jsx)(c.Lock,{className:`h-3 w-3 mr-1`}),j,` secrets`]}),M>0&&(0,l.jsxs)(n.Badge,{variant:`outline`,className:`text-yellow-500`,children:[(0,l.jsx)(c.AlertTriangle,{className:`h-3 w-3 mr-1`}),M,` missing`]})]}),(0,l.jsx)(`div`,{className:`flex items-center gap-2`,children:d&&S&&(0,l.jsxs)(r.Button,{size:`sm`,onClick:O,children:[(0,l.jsx)(c.Save,{className:`h-4 w-4 mr-1`}),`Save`]})})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b bg-muted/30`,children:[(0,l.jsxs)(`div`,{className:`relative flex-1 max-w-sm`,children:[(0,l.jsx)(c.Search,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,l.jsx)(i.Input,{placeholder:`Search variables...`,value:b,onChange:e=>x(e.target.value),className:`pl-8 h-8`})]}),!m&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(r.Button,{variant:`outline`,size:`sm`,className:`h-8`,onClick:D,children:[(0,l.jsx)(c.Plus,{className:`h-4 w-4 mr-1`}),`Add`]}),(0,l.jsx)(`input`,{type:`file`,ref:w,accept:`.env,.txt`,onChange:k,className:`hidden`}),(0,l.jsxs)(r.Button,{variant:`outline`,size:`sm`,className:`h-8`,onClick:()=>w.current?.click(),children:[(0,l.jsx)(c.Upload,{className:`h-4 w-4 mr-1`}),`Import`]})]}),p&&(0,l.jsxs)(r.Button,{variant:`outline`,size:`sm`,className:`h-8`,onClick:p,children:[(0,l.jsx)(c.Download,{className:`h-4 w-4 mr-1`}),`Export`]})]}),(0,l.jsx)(a.ScrollArea,{className:`flex-1 max-h-[400px]`,children:A.length===0?(0,l.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-32 text-muted-foreground`,children:[(0,l.jsx)(c.Variable,{className:`h-8 w-8 mb-2`}),(0,l.jsx)(`span`,{children:`No variables found`}),!m&&(0,l.jsx)(r.Button,{variant:`link`,size:`sm`,onClick:D,children:`Add your first variable`})]}):A.map((e,t)=>(0,l.jsx)(u,{variable:e,index:v.indexOf(e),onChange:T,onDelete:E,readOnly:m,showSource:h},t))}),!m&&(0,l.jsx)(`div`,{className:`px-3 py-2 border-t bg-muted/30 text-xs text-muted-foreground`,children:`💡 Click the lock icon to mark a variable as secret. Secrets are masked by default.`})]})}var f=[{key:`NODE_ENV`,value:`production`,isRequired:!0},{key:`DATABASE_URL`,value:`postgresql://user:pass@localhost:5432/db`,isSecret:!0,isRequired:!0},{key:`API_KEY`,value:`sk-1234567890abcdef`,isSecret:!0},{key:`PORT`,value:`3000`},{key:`LOG_LEVEL`,value:`info`},{key:`REDIS_URL`,value:`redis://localhost:6379`,isSecret:!0},{key:`AWS_ACCESS_KEY_ID`,value:``,isSecret:!0,isRequired:!0},{key:`AWS_SECRET_ACCESS_KEY`,value:``,isSecret:!0,isRequired:!0}];exports.WakaEnvVarEditor=d,exports.defaultEnvVariables=f;