@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-liquid-button/index.es.js

@@ -0,0 +1,312 @@
+"use client";
+"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 { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/waka-liquid-button/index.tsx
+var o = n("relative inline-flex items-center justify-center gap-2 overflow-visible whitespace-nowrap font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "",
+			secondary: "",
+			destructive: "",
+			success: "",
+			gradient: "",
+			neon: ""
+		},
+		size: {
+			sm: "h-9 px-4 text-sm",
+			default: "h-11 px-6 text-base",
+			lg: "h-14 px-8 text-lg",
+			xl: "h-16 px-10 text-xl"
+		},
+		rounded: {
+			default: "rounded-xl",
+			sm: "rounded-lg",
+			lg: "rounded-2xl",
+			full: "rounded-full"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		rounded: "default"
+	}
+}), s = {
+	default: {
+		bg: "hsl(var(--primary))",
+		text: "hsl(var(--primary-foreground))",
+		hover: "hsl(var(--primary) / 0.9)",
+		glow: "hsl(var(--primary) / 0.4)"
+	},
+	secondary: {
+		bg: "hsl(var(--secondary))",
+		text: "hsl(var(--secondary-foreground))",
+		hover: "hsl(var(--secondary) / 0.9)",
+		glow: "hsl(var(--secondary) / 0.4)"
+	},
+	destructive: {
+		bg: "hsl(var(--destructive))",
+		text: "hsl(var(--destructive-foreground))",
+		hover: "hsl(var(--destructive) / 0.9)",
+		glow: "hsl(var(--destructive) / 0.4)"
+	},
+	success: {
+		bg: "#22c55e",
+		text: "#ffffff",
+		hover: "#16a34a",
+		glow: "rgba(34, 197, 94, 0.4)"
+	},
+	gradient: {
+		bg: "linear-gradient(135deg, hsl(var(--primary)), hsl(280, 80%, 60%))",
+		text: "#ffffff",
+		hover: "linear-gradient(135deg, hsl(var(--primary) / 0.9), hsl(280, 80%, 55%))",
+		glow: "hsl(var(--primary) / 0.4)",
+		gradient: "linear-gradient(135deg, hsl(var(--primary)), hsl(280, 80%, 60%))"
+	},
+	neon: {
+		bg: "transparent",
+		text: "hsl(var(--primary))",
+		hover: "hsl(var(--primary) / 0.1)",
+		glow: "hsl(var(--primary) / 0.6)"
+	}
+};
+function c({ id: e, intensity: t }) {
+	let n = .02 + t * .03, r = 2 + t * 6;
+	return /* @__PURE__ */ i("svg", {
+		className: "absolute w-0 h-0",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("filter", {
+			id: e,
+			x: "-50%",
+			y: "-50%",
+			width: "200%",
+			height: "200%",
+			children: [
+				/* @__PURE__ */ i("feTurbulence", {
+					type: "fractalNoise",
+					baseFrequency: n,
+					numOctaves: 3,
+					result: "noise",
+					children: /* @__PURE__ */ i("animate", {
+						attributeName: "baseFrequency",
+						dur: "3s",
+						values: `${n};${n * 1.5};${n}`,
+						repeatCount: "indefinite"
+					})
+				}),
+				/* @__PURE__ */ i("feDisplacementMap", {
+					in: "SourceGraphic",
+					in2: "noise",
+					scale: r,
+					xChannelSelector: "R",
+					yChannelSelector: "G",
+					result: "displaced"
+				}),
+				/* @__PURE__ */ i("feGaussianBlur", {
+					in: "displaced",
+					stdDeviation: "0.5",
+					result: "blurred"
+				}),
+				/* @__PURE__ */ i("feMerge", { children: /* @__PURE__ */ i("feMergeNode", { in: "blurred" }) })
+			]
+		}) })
+	});
+}
+function l({ className: t }) {
+	return /* @__PURE__ */ a("svg", {
+		className: e("animate-spin", t),
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: [/* @__PURE__ */ i("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "3"
+		}), /* @__PURE__ */ i("path", {
+			className: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+		})]
+	});
+}
+function u({ variant: e, isHovered: n, isPressed: r, blobPoints: o, animationSpeed: c }) {
+	let l = s[e], [u, d] = t.useState(""), f = t.useCallback((e = 0) => {
+		let t = o, i = Math.PI * 2 / t, a = n ? 8 : r ? 4 : 6, s = "", c = [];
+		for (let n = 0; n < t; n++) {
+			let t = n * i + e, r = 50 + Math.sin(t * 3 + e * 5) * a, o = 50 + r * Math.cos(t), s = 50 + r * Math.sin(t);
+			c.push({
+				x: o,
+				y: s
+			});
+		}
+		for (let e = 0; e < c.length; e++) {
+			let t = c[e], n = c[(e + 1) % c.length], r = c[(e - 1 + c.length) % c.length];
+			e === 0 && (s = `M ${t.x} ${t.y}`);
+			let i = t.x + (n.x - r.x) * .2, a = t.y + (n.y - r.y) * .2, o = n.x - (c[(e + 2) % c.length].x - t.x) * .2, l = n.y - (c[(e + 2) % c.length].y - t.y) * .2;
+			s += ` C ${i} ${a}, ${o} ${l}, ${n.x} ${n.y}`;
+		}
+		return s += " Z", s;
+	}, [
+		o,
+		n,
+		r
+	]);
+	t.useEffect(() => {
+		let e = 0, t, n = () => {
+			e += c / 1e3 * .02, d(f(e)), t = requestAnimationFrame(n);
+		};
+		return t = requestAnimationFrame(n), () => cancelAnimationFrame(t);
+	}, [f, c]);
+	let p = e === "gradient", m = e === "neon";
+	return /* @__PURE__ */ a("svg", {
+		className: "absolute inset-0 w-full h-full",
+		viewBox: "0 0 100 100",
+		preserveAspectRatio: "none",
+		style: {
+			filter: n ? `drop-shadow(0 0 10px ${l.glow})` : void 0,
+			transition: `filter ${c}ms ease-out`
+		},
+		children: [/* @__PURE__ */ i("defs", { children: p && /* @__PURE__ */ a("linearGradient", {
+			id: "liquid-gradient",
+			x1: "0%",
+			y1: "0%",
+			x2: "100%",
+			y2: "100%",
+			children: [/* @__PURE__ */ i("stop", {
+				offset: "0%",
+				stopColor: "hsl(var(--primary))"
+			}), /* @__PURE__ */ i("stop", {
+				offset: "100%",
+				stopColor: "hsl(280, 80%, 60%)"
+			})]
+		}) }), /* @__PURE__ */ i("path", {
+			d: u,
+			fill: p ? "url(#liquid-gradient)" : m ? "transparent" : l.bg,
+			stroke: m ? l.text : "none",
+			strokeWidth: m ? 2 : 0,
+			style: {
+				transform: r ? "scale(0.98)" : n ? "scale(1.02)" : "scale(1)",
+				transformOrigin: "center",
+				transition: `transform ${c / 2}ms ease-out`
+			}
+		})]
+	});
+}
+var d = 0, f = t.forwardRef(({ className: n, variant: f = "default", size: p, rounded: m, children: h, liquidEffect: g = !0, liquidIntensity: _ = .5, liquidSpeed: v = 1e3, blobPoints: y = 8, loading: b = !1, loadingText: x = "Loading...", leftIcon: S, rightIcon: C, filterId: w, disabled: T, onClick: E, onMouseEnter: D, onMouseLeave: O, onMouseDown: k, onMouseUp: A, ...j }, M) => {
+	let [N, P] = t.useState(!1), [F, I] = t.useState(!1), [L] = t.useState(() => w ?? `liquid-filter-${++d}`), R = s[f ?? "default"], z = t.useCallback((e) => {
+		T || b || (P(!0), D?.(e));
+	}, [
+		T,
+		b,
+		D
+	]), B = t.useCallback((e) => {
+		P(!1), I(!1), O?.(e);
+	}, [O]), V = t.useCallback((e) => {
+		T || b || (I(!0), k?.(e));
+	}, [
+		T,
+		b,
+		k
+	]), H = t.useCallback((e) => {
+		I(!1), A?.(e);
+	}, [A]), U = t.useCallback((e) => {
+		T || b || E?.(e);
+	}, [
+		T,
+		b,
+		E
+	]);
+	return /* @__PURE__ */ a(r, { children: [g && /* @__PURE__ */ i(c, {
+		id: L,
+		intensity: _
+	}), /* @__PURE__ */ a("button", {
+		ref: M,
+		className: e(o({
+			variant: f,
+			size: p,
+			rounded: m
+		}), "z-10", n),
+		style: {
+			filter: g && N ? `url(#${L})` : void 0,
+			color: R.text
+		},
+		disabled: T || b,
+		onClick: U,
+		onMouseEnter: z,
+		onMouseLeave: B,
+		onMouseDown: V,
+		onMouseUp: H,
+		...j,
+		children: [/* @__PURE__ */ i(u, {
+			variant: f ?? "default",
+			isHovered: N,
+			isPressed: F,
+			blobPoints: y,
+			animationSpeed: v
+		}), /* @__PURE__ */ i("span", {
+			className: "relative z-10 flex items-center gap-2",
+			children: b ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(l, {}), /* @__PURE__ */ i("span", { children: x })] }) : /* @__PURE__ */ a(r, { children: [
+				S && /* @__PURE__ */ i("span", {
+					className: "flex-shrink-0",
+					children: S
+				}),
+				/* @__PURE__ */ i("span", { children: h }),
+				C && /* @__PURE__ */ i("span", {
+					className: "flex-shrink-0",
+					children: C
+				})
+			] })
+		})]
+	})] });
+});
+if (f.displayName = "WakaLiquidButton", typeof document < "u") {
+	let e = "waka-liquid-button-styles";
+	if (!document.getElementById(e)) {
+		let t = document.createElement("style");
+		t.id = e, t.textContent = "\n      @keyframes liquid-pulse {\n        0%, 100% {\n          transform: scale(1);\n        }\n        50% {\n          transform: scale(1.02);\n        }\n      }\n\n      @keyframes liquid-loading {\n        0% {\n          transform: rotate(0deg) scale(1);\n        }\n        25% {\n          transform: rotate(90deg) scale(1.05);\n        }\n        50% {\n          transform: rotate(180deg) scale(1);\n        }\n        75% {\n          transform: rotate(270deg) scale(1.05);\n        }\n        100% {\n          transform: rotate(360deg) scale(1);\n        }\n      }\n\n      .animate-liquid-pulse {\n        animation: liquid-pulse 2s ease-in-out infinite;\n      }\n\n      .animate-liquid-loading {\n        animation: liquid-loading 2s ease-in-out infinite;\n      }\n    ", document.head.appendChild(t);
+	}
+}
+var p = t.forwardRef((e, t) => /* @__PURE__ */ i(f, {
+	ref: t,
+	variant: "default",
+	...e
+}));
+p.displayName = "WakaLiquidButtonPrimary";
+var m = t.forwardRef((e, t) => /* @__PURE__ */ i(f, {
+	ref: t,
+	variant: "secondary",
+	...e
+}));
+m.displayName = "WakaLiquidButtonSecondary";
+var h = t.forwardRef((e, t) => /* @__PURE__ */ i(f, {
+	ref: t,
+	variant: "destructive",
+	...e
+}));
+h.displayName = "WakaLiquidButtonDestructive";
+var g = t.forwardRef((e, t) => /* @__PURE__ */ i(f, {
+	ref: t,
+	variant: "success",
+	...e
+}));
+g.displayName = "WakaLiquidButtonSuccess";
+var _ = t.forwardRef((e, t) => /* @__PURE__ */ i(f, {
+	ref: t,
+	variant: "gradient",
+	...e
+}));
+_.displayName = "WakaLiquidButtonGradient";
+var v = t.forwardRef((e, t) => /* @__PURE__ */ i(f, {
+	ref: t,
+	variant: "neon",
+	...e
+}));
+v.displayName = "WakaLiquidButtonNeon";
+//#endregion
+export { f as WakaLiquidButton, h as WakaLiquidButtonDestructive, _ as WakaLiquidButtonGradient, v as WakaLiquidButtonNeon, p as WakaLiquidButtonPrimary, m as WakaLiquidButtonSecondary, g as WakaLiquidButtonSuccess };

package/dist/components/waka-loading-orbit/index.cjs.js

@@ -0,0 +1,21 @@
+"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`);var a=(0,r.cva)(`relative inline-flex items-center justify-center`,{variants:{size:{sm:`w-16 h-16`,md:`w-24 h-24`,lg:`w-32 h-32`,xl:`w-48 h-48`}},defaultVariants:{size:`md`}}),o={sm:64,md:96,lg:128,xl:192},s={primary:`hsl(var(--primary))`,secondary:`hsl(var(--secondary))`,accent:`hsl(var(--accent))`};function c(e,t){return Array.from({length:e},(n,r)=>({radius:.3+r*.25/(e-1||1),duration:2+r*.8,planetSize:8-r*1.5,color:t[r%t.length],startAngle:360/e*r,direction:r%2==0?`clockwise`:`counterclockwise`,opacity:1-r*.15,showPath:!0,pathOpacity:.2}))}function l({orbit:e,containerSize:t,paused:n}){let{radius:r,duration:a,planetSize:o,color:s,startAngle:c=0,direction:l=`clockwise`,opacity:u=1}=e,d=t/2*r,f=t/2;return(0,i.jsx)(`div`,{className:`absolute`,style:{width:t,height:t,left:0,top:0,animation:n?`none`:`waka-orbit-rotate ${a}s linear infinite ${l===`counterclockwise`?`reverse`:``}`,transform:`rotate(${c}deg)`},children:(0,i.jsx)(`div`,{className:`absolute rounded-full`,style:{width:o,height:o,backgroundColor:s,left:f+d-o/2,top:f-o/2,opacity:u,boxShadow:`0 0 ${o}px ${s}40`}})})}function u({orbit:e,containerSize:t}){if(!e.showPath)return null;let n=t/2*e.radius,r=t/2;return(0,i.jsx)(`circle`,{cx:r,cy:r,r:n,fill:`none`,stroke:e.color,strokeWidth:`1`,strokeDasharray:`4 4`,opacity:e.pathOpacity??.2})}var d=n.forwardRef(({className:e,size:r=`md`,orbits:d,orbitCount:f=3,primaryColor:p=s.primary,secondaryColor:m=s.secondary,accentColor:h=s.accent,showPaths:g=!0,centerIcon:_,centerColor:v=p,centerScale:y=1,paused:b=!1,...x},S)=>{let C=o[r??`md`],w=[p,m,h],T=n.useMemo(()=>d??c(f,w).map(e=>({...e,showPath:g})),[d,f,w,g]),E=C*.15*y;return(0,i.jsxs)(`div`,{ref:S,className:t.cn(a({size:r,className:e})),role:`status`,"aria-label":`Loading`,...x,children:[(0,i.jsx)(`svg`,{width:C,height:C,viewBox:`0 0 ${C} ${C}`,className:`absolute inset-0`,"aria-hidden":`true`,focusable:`false`,children:T.map((e,t)=>(0,i.jsx)(u,{orbit:e,containerSize:C},t))}),T.map((e,t)=>(0,i.jsx)(l,{orbit:e,containerSize:C,paused:b},t)),(0,i.jsx)(`div`,{className:`absolute flex items-center justify-center rounded-full`,style:{width:E,height:E,backgroundColor:_?`transparent`:v,boxShadow:_?`none`:`0 0 ${E}px ${v}40`},children:_}),!_&&(0,i.jsx)(`div`,{className:`absolute rounded-full`,style:{width:E*1.5,height:E*1.5,backgroundColor:v,opacity:.3,animation:b?`none`:`waka-orbit-pulse 2s ease-in-out infinite`}}),(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+              @keyframes waka-orbit-rotate {
+                from {
+                  transform: rotate(0deg);
+                }
+                to {
+                  transform: rotate(360deg);
+                }
+              }
+
+              @keyframes waka-orbit-pulse {
+                0%, 100% {
+                  transform: scale(1);
+                  opacity: 0.3;
+                }
+                50% {
+                  transform: scale(1.3);
+                  opacity: 0.1;
+                }
+              }
+            `}})]})});d.displayName=`WakaLoadingOrbit`;var f={simple:[{radius:.4,duration:2,planetSize:8,color:`hsl(var(--primary))`,direction:`clockwise`},{radius:.7,duration:3,planetSize:6,color:`hsl(var(--secondary))`,direction:`counterclockwise`}],solar:[{radius:.2,duration:1.5,planetSize:4,color:`#f59e0b`,startAngle:0},{radius:.35,duration:2.5,planetSize:5,color:`#3b82f6`,startAngle:60},{radius:.5,duration:3.5,planetSize:6,color:`#22c55e`,startAngle:120},{radius:.65,duration:4.5,planetSize:4,color:`#ef4444`,startAngle:180},{radius:.8,duration:6,planetSize:8,color:`#a855f7`,startAngle:240}],atom:[{radius:.5,duration:1,planetSize:6,color:`#60a5fa`,startAngle:0},{radius:.5,duration:1.2,planetSize:6,color:`#60a5fa`,startAngle:120},{radius:.5,duration:1.4,planetSize:6,color:`#60a5fa`,startAngle:240}],minimal:[{radius:.6,duration:2,planetSize:10,color:`hsl(var(--primary))`,showPath:!1}],galaxy:Array.from({length:6},(e,t)=>({radius:.2+t*.12,duration:1.5+t*.5,planetSize:3+t,color:`hsl(${220+t*20}, 70%, 60%)`,startAngle:t*60,direction:t%2==0?`clockwise`:`counterclockwise`,opacity:1-t*.1,showPath:!0,pathOpacity:.1}))},p=n.forwardRef((e,t)=>(0,i.jsx)(d,{ref:t,orbits:f.simple,...e}));p.displayName=`WakaLoadingOrbitSimple`;var m=n.forwardRef((e,t)=>(0,i.jsx)(d,{ref:t,orbits:f.solar,...e}));m.displayName=`WakaLoadingOrbitSolar`;var h=n.forwardRef((e,t)=>(0,i.jsx)(d,{ref:t,orbits:f.atom,...e}));h.displayName=`WakaLoadingOrbitAtom`;var g=n.forwardRef((e,t)=>(0,i.jsx)(d,{ref:t,orbits:f.minimal,showPaths:!1,...e}));g.displayName=`WakaLoadingOrbitMinimal`;var _=n.forwardRef((e,t)=>(0,i.jsx)(d,{ref:t,orbits:f.galaxy,...e}));_.displayName=`WakaLoadingOrbitGalaxy`;function v(e={}){let{count:t=3,minRadius:r=.25,maxRadius:i=.8,minDuration:a=1.5,maxDuration:o=4,colors:c=[s.primary,s.secondary,s.accent],showPaths:l=!0}=e;return{orbits:n.useMemo(()=>Array.from({length:t},(e,n)=>{let s=t>1?n/(t-1):.5;return{radius:r+s*(i-r),duration:a+s*(o-a),planetSize:10-s*4,color:c[n%c.length],startAngle:360/t*n,direction:n%2==0?`clockwise`:`counterclockwise`,opacity:1-s*.3,showPath:l,pathOpacity:.2-s*.1}}),[t,r,i,a,o,c,l])}}exports.WakaLoadingOrbit=d,exports.WakaLoadingOrbitAtom=h,exports.WakaLoadingOrbitGalaxy=_,exports.WakaLoadingOrbitMinimal=g,exports.WakaLoadingOrbitSimple=p,exports.WakaLoadingOrbitSolar=m,exports.orbitPresets=f,exports.useLoadingOrbit=v;

package/dist/components/waka-loading-orbit/index.d.ts

@@ -42,9 +42,9 @@ export interface WakaLoadingOrbitProps extends React.HTMLAttributes<HTMLDivEleme
     /** Pause animation */
     paused?: boolean;
 }
-declare const orbitVariants: (props?: {
-    size?: "sm" | "md" | "lg" | "xl";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const orbitVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const WakaLoadingOrbit: React.ForwardRefExoticComponent<WakaLoadingOrbitProps & React.RefAttributes<HTMLDivElement>>;
 export declare const orbitPresets: {
     /** Simple two-planet system */

package/dist/components/waka-loading-orbit/index.es.js

@@ -0,0 +1,298 @@
+"use client";
+"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, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-loading-orbit/index.tsx
+var a = n("relative inline-flex items-center justify-center", {
+	variants: { size: {
+		sm: "w-16 h-16",
+		md: "w-24 h-24",
+		lg: "w-32 h-32",
+		xl: "w-48 h-48"
+	} },
+	defaultVariants: { size: "md" }
+}), o = {
+	sm: 64,
+	md: 96,
+	lg: 128,
+	xl: 192
+}, s = {
+	primary: "hsl(var(--primary))",
+	secondary: "hsl(var(--secondary))",
+	accent: "hsl(var(--accent))"
+};
+function c(e, t) {
+	return Array.from({ length: e }, (n, r) => ({
+		radius: .3 + r * .25 / (e - 1 || 1),
+		duration: 2 + r * .8,
+		planetSize: 8 - r * 1.5,
+		color: t[r % t.length],
+		startAngle: 360 / e * r,
+		direction: r % 2 == 0 ? "clockwise" : "counterclockwise",
+		opacity: 1 - r * .15,
+		showPath: !0,
+		pathOpacity: .2
+	}));
+}
+function l({ orbit: e, containerSize: t, paused: n }) {
+	let { radius: i, duration: a, planetSize: o, color: s, startAngle: c = 0, direction: l = "clockwise", opacity: u = 1 } = e, d = t / 2 * i, f = t / 2;
+	return /* @__PURE__ */ r("div", {
+		className: "absolute",
+		style: {
+			width: t,
+			height: t,
+			left: 0,
+			top: 0,
+			animation: n ? "none" : `waka-orbit-rotate ${a}s linear infinite ${l === "counterclockwise" ? "reverse" : ""}`,
+			transform: `rotate(${c}deg)`
+		},
+		children: /* @__PURE__ */ r("div", {
+			className: "absolute rounded-full",
+			style: {
+				width: o,
+				height: o,
+				backgroundColor: s,
+				left: f + d - o / 2,
+				top: f - o / 2,
+				opacity: u,
+				boxShadow: `0 0 ${o}px ${s}40`
+			}
+		})
+	});
+}
+function u({ orbit: e, containerSize: t }) {
+	if (!e.showPath) return null;
+	let n = t / 2 * e.radius, i = t / 2;
+	return /* @__PURE__ */ r("circle", {
+		cx: i,
+		cy: i,
+		r: n,
+		fill: "none",
+		stroke: e.color,
+		strokeWidth: "1",
+		strokeDasharray: "4 4",
+		opacity: e.pathOpacity ?? .2
+	});
+}
+var d = t.forwardRef(({ className: n, size: d = "md", orbits: f, orbitCount: p = 3, primaryColor: m = s.primary, secondaryColor: h = s.secondary, accentColor: g = s.accent, showPaths: _ = !0, centerIcon: v, centerColor: y = m, centerScale: b = 1, paused: x = !1, ...S }, C) => {
+	let w = o[d ?? "md"], T = [
+		m,
+		h,
+		g
+	], E = t.useMemo(() => f ?? c(p, T).map((e) => ({
+		...e,
+		showPath: _
+	})), [
+		f,
+		p,
+		T,
+		_
+	]), D = w * .15 * b;
+	return /* @__PURE__ */ i("div", {
+		ref: C,
+		className: e(a({
+			size: d,
+			className: n
+		})),
+		role: "status",
+		"aria-label": "Loading",
+		...S,
+		children: [
+			/* @__PURE__ */ r("svg", {
+				width: w,
+				height: w,
+				viewBox: `0 0 ${w} ${w}`,
+				className: "absolute inset-0",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: E.map((e, t) => /* @__PURE__ */ r(u, {
+					orbit: e,
+					containerSize: w
+				}, t))
+			}),
+			E.map((e, t) => /* @__PURE__ */ r(l, {
+				orbit: e,
+				containerSize: w,
+				paused: x
+			}, t)),
+			/* @__PURE__ */ r("div", {
+				className: "absolute flex items-center justify-center rounded-full",
+				style: {
+					width: D,
+					height: D,
+					backgroundColor: v ? "transparent" : y,
+					boxShadow: v ? "none" : `0 0 ${D}px ${y}40`
+				},
+				children: v
+			}),
+			!v && /* @__PURE__ */ r("div", {
+				className: "absolute rounded-full",
+				style: {
+					width: D * 1.5,
+					height: D * 1.5,
+					backgroundColor: y,
+					opacity: .3,
+					animation: x ? "none" : "waka-orbit-pulse 2s ease-in-out infinite"
+				}
+			}),
+			/* @__PURE__ */ r("style", { dangerouslySetInnerHTML: { __html: "\n              @keyframes waka-orbit-rotate {\n                from {\n                  transform: rotate(0deg);\n                }\n                to {\n                  transform: rotate(360deg);\n                }\n              }\n\n              @keyframes waka-orbit-pulse {\n                0%, 100% {\n                  transform: scale(1);\n                  opacity: 0.3;\n                }\n                50% {\n                  transform: scale(1.3);\n                  opacity: 0.1;\n                }\n              }\n            " } })
+		]
+	});
+});
+d.displayName = "WakaLoadingOrbit";
+var f = {
+	simple: [{
+		radius: .4,
+		duration: 2,
+		planetSize: 8,
+		color: "hsl(var(--primary))",
+		direction: "clockwise"
+	}, {
+		radius: .7,
+		duration: 3,
+		planetSize: 6,
+		color: "hsl(var(--secondary))",
+		direction: "counterclockwise"
+	}],
+	solar: [
+		{
+			radius: .2,
+			duration: 1.5,
+			planetSize: 4,
+			color: "#f59e0b",
+			startAngle: 0
+		},
+		{
+			radius: .35,
+			duration: 2.5,
+			planetSize: 5,
+			color: "#3b82f6",
+			startAngle: 60
+		},
+		{
+			radius: .5,
+			duration: 3.5,
+			planetSize: 6,
+			color: "#22c55e",
+			startAngle: 120
+		},
+		{
+			radius: .65,
+			duration: 4.5,
+			planetSize: 4,
+			color: "#ef4444",
+			startAngle: 180
+		},
+		{
+			radius: .8,
+			duration: 6,
+			planetSize: 8,
+			color: "#a855f7",
+			startAngle: 240
+		}
+	],
+	atom: [
+		{
+			radius: .5,
+			duration: 1,
+			planetSize: 6,
+			color: "#60a5fa",
+			startAngle: 0
+		},
+		{
+			radius: .5,
+			duration: 1.2,
+			planetSize: 6,
+			color: "#60a5fa",
+			startAngle: 120
+		},
+		{
+			radius: .5,
+			duration: 1.4,
+			planetSize: 6,
+			color: "#60a5fa",
+			startAngle: 240
+		}
+	],
+	minimal: [{
+		radius: .6,
+		duration: 2,
+		planetSize: 10,
+		color: "hsl(var(--primary))",
+		showPath: !1
+	}],
+	galaxy: Array.from({ length: 6 }, (e, t) => ({
+		radius: .2 + t * .12,
+		duration: 1.5 + t * .5,
+		planetSize: 3 + t,
+		color: `hsl(${220 + t * 20}, 70%, 60%)`,
+		startAngle: t * 60,
+		direction: t % 2 == 0 ? "clockwise" : "counterclockwise",
+		opacity: 1 - t * .1,
+		showPath: !0,
+		pathOpacity: .1
+	}))
+}, p = t.forwardRef((e, t) => /* @__PURE__ */ r(d, {
+	ref: t,
+	orbits: f.simple,
+	...e
+}));
+p.displayName = "WakaLoadingOrbitSimple";
+var m = t.forwardRef((e, t) => /* @__PURE__ */ r(d, {
+	ref: t,
+	orbits: f.solar,
+	...e
+}));
+m.displayName = "WakaLoadingOrbitSolar";
+var h = t.forwardRef((e, t) => /* @__PURE__ */ r(d, {
+	ref: t,
+	orbits: f.atom,
+	...e
+}));
+h.displayName = "WakaLoadingOrbitAtom";
+var g = t.forwardRef((e, t) => /* @__PURE__ */ r(d, {
+	ref: t,
+	orbits: f.minimal,
+	showPaths: !1,
+	...e
+}));
+g.displayName = "WakaLoadingOrbitMinimal";
+var _ = t.forwardRef((e, t) => /* @__PURE__ */ r(d, {
+	ref: t,
+	orbits: f.galaxy,
+	...e
+}));
+_.displayName = "WakaLoadingOrbitGalaxy";
+function v(e = {}) {
+	let { count: n = 3, minRadius: r = .25, maxRadius: i = .8, minDuration: a = 1.5, maxDuration: o = 4, colors: c = [
+		s.primary,
+		s.secondary,
+		s.accent
+	], showPaths: l = !0 } = e;
+	return { orbits: t.useMemo(() => Array.from({ length: n }, (e, t) => {
+		let s = n > 1 ? t / (n - 1) : .5;
+		return {
+			radius: r + s * (i - r),
+			duration: a + s * (o - a),
+			planetSize: 10 - s * 4,
+			color: c[t % c.length],
+			startAngle: 360 / n * t,
+			direction: t % 2 == 0 ? "clockwise" : "counterclockwise",
+			opacity: 1 - s * .3,
+			showPath: l,
+			pathOpacity: .2 - s * .1
+		};
+	}), [
+		n,
+		r,
+		i,
+		a,
+		o,
+		c,
+		l
+	]) };
+}
+//#endregion
+export { d as WakaLoadingOrbit, h as WakaLoadingOrbitAtom, _ as WakaLoadingOrbitGalaxy, g as WakaLoadingOrbitMinimal, p as WakaLoadingOrbitSimple, m as WakaLoadingOrbitSolar, f as orbitPresets, v as useLoadingOrbit };

package/dist/components/waka-log-viewer/index.cjs.js

@@ -0,0 +1,4 @@
+"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(`../select/index.cjs.js`),o=require(`../scroll-area/index.cjs.js`);let s=require(`react`);s=e.__toESM(s);let c=require(`lucide-react`),l=require(`react/jsx-runtime`);var u={error:{icon:c.AlertCircle,color:`text-red-500`,bgColor:`bg-red-500/10`},warn:{icon:c.AlertTriangle,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`},info:{icon:c.Info,color:`text-blue-500`,bgColor:`bg-blue-500/10`},debug:{icon:c.Bug,color:`text-purple-500`,bgColor:`bg-purple-500/10`},trace:{icon:c.Clock,color:`text-gray-500`,bgColor:`bg-gray-500/10`}};function d({entry:e,showTimestamp:r,showSource:i,isExpanded:a,onToggleExpand:o}){let s=u[e.level],d=s.icon,f=e.metadata||e.stackTrace;return(0,l.jsxs)(`div`,{className:t.cn(`border-b border-border/50 hover:bg-muted/30 transition-colors`,s.bgColor),children:[(0,l.jsxs)(`div`,{className:t.cn(`flex items-start gap-2 px-3 py-2 font-mono text-sm`,f&&`cursor-pointer`),onClick:f?o:void 0,children:[f&&(0,l.jsx)(`button`,{className:`mt-0.5 text-muted-foreground hover:text-foreground`,children:a?(0,l.jsx)(c.ChevronDown,{className:`h-4 w-4`}):(0,l.jsx)(c.ChevronRight,{className:`h-4 w-4`})}),(0,l.jsx)(d,{className:t.cn(`h-4 w-4 mt-0.5 shrink-0`,s.color)}),r&&(0,l.jsxs)(`span`,{className:`text-muted-foreground shrink-0 text-xs`,children:[e.timestamp.toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`}),`.`,e.timestamp.getMilliseconds().toString().padStart(3,`0`)]}),(0,l.jsx)(n.Badge,{variant:`outline`,className:t.cn(`shrink-0 uppercase text-xs`,s.color),children:e.level}),i&&e.source&&(0,l.jsxs)(`span`,{className:`text-muted-foreground shrink-0`,children:[`[`,e.source,`]`]}),(0,l.jsx)(`span`,{className:`flex-1 break-all whitespace-pre-wrap`,children:e.message})]}),a&&f&&(0,l.jsxs)(`div`,{className:`px-3 pb-3 pl-10 space-y-2`,children:[e.metadata&&(0,l.jsx)(`div`,{className:`bg-muted/50 rounded p-2 font-mono text-xs`,children:(0,l.jsx)(`pre`,{className:`overflow-x-auto`,children:JSON.stringify(e.metadata,null,2)})}),e.stackTrace&&(0,l.jsx)(`div`,{className:`bg-red-500/5 border border-red-500/20 rounded p-2 font-mono text-xs text-red-400`,children:(0,l.jsx)(`pre`,{className:`overflow-x-auto whitespace-pre-wrap`,children:e.stackTrace})})]})]})}function f({logs:e,onLoadMore:f,onClear:p,onExport:m,isStreaming:h=!1,onToggleStreaming:g,maxLogs:_=1e3,showTimestamp:v=!0,showSource:y=!0,autoScroll:b=!0,className:x,title:S=`Logs`}){let[C,w]=s.useState(``),[T,E]=s.useState(`all`),[D,O]=s.useState(new Set),k=s.useRef(null),A=s.useMemo(()=>e.filter(e=>{if(T!==`all`&&e.level!==T)return!1;if(C){let t=C.toLowerCase();return e.message.toLowerCase().includes(t)||e.source?.toLowerCase().includes(t)||JSON.stringify(e.metadata??{}).toLowerCase().includes(t)}return!0}).slice(-_),[e,T,C,_]);s.useEffect(()=>{b&&k.current&&(k.current.scrollTop=k.current.scrollHeight)},[A,b]);let j=e=>{O(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},M=s.useMemo(()=>e.reduce((e,t)=>(e[t.level]=(e[t.level]||0)+1,e),{}),[e]);return(0,l.jsxs)(`div`,{className:t.cn(`flex flex-col h-full border rounded-lg bg-background`,x),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-2`,children:[(0,l.jsx)(`h3`,{className:`font-semibold`,children:S}),(0,l.jsx)(n.Badge,{variant:`secondary`,children:A.length}),h&&(0,l.jsx)(n.Badge,{variant:`default`,className:`bg-green-500 animate-pulse`,children:`Live`})]}),(0,l.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,l.jsx)(`div`,{className:`hidden md:flex items-center gap-1`,children:[`error`,`warn`,`info`,`debug`].map(e=>{let r=u[e],i=M[e]||0;return(0,l.jsxs)(n.Badge,{variant:`outline`,className:t.cn(`text-xs cursor-pointer`,r.color),onClick:()=>E(T===e?`all`:e),children:[e,`: `,i]},e)})})})]}),(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:`Rechercher...`,value:C,onChange:e=>w(e.target.value),className:`pl-8 h-8`})]}),(0,l.jsxs)(a.Select,{value:T,onValueChange:e=>E(e),children:[(0,l.jsxs)(a.SelectTrigger,{className:`w-[120px] h-8`,children:[(0,l.jsx)(c.Filter,{className:`h-4 w-4 mr-2`}),(0,l.jsx)(a.SelectValue,{placeholder:`Niveau`})]}),(0,l.jsxs)(a.SelectContent,{children:[(0,l.jsx)(a.SelectItem,{value:`all`,children:`Tous`}),(0,l.jsx)(a.SelectItem,{value:`error`,children:`Error`}),(0,l.jsx)(a.SelectItem,{value:`warn`,children:`Warn`}),(0,l.jsx)(a.SelectItem,{value:`info`,children:`Info`}),(0,l.jsx)(a.SelectItem,{value:`debug`,children:`Debug`}),(0,l.jsx)(a.SelectItem,{value:`trace`,children:`Trace`})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[g&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:g,className:`h-8`,children:h?(0,l.jsx)(c.Pause,{className:`h-4 w-4`}):(0,l.jsx)(c.Play,{className:`h-4 w-4`})}),f&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:f,className:`h-8`,children:(0,l.jsx)(c.RefreshCw,{className:`h-4 w-4`})}),m&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:()=>m(A),className:`h-8`,children:(0,l.jsx)(c.Download,{className:`h-4 w-4`})}),p&&(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:p,className:`h-8 text-destructive`,children:(0,l.jsx)(c.Trash2,{className:`h-4 w-4`})})]})]}),(0,l.jsx)(o.ScrollArea,{ref:k,className:`flex-1`,children:(0,l.jsx)(`div`,{className:`min-w-max`,children:A.length===0?(0,l.jsx)(`div`,{className:`flex items-center justify-center h-32 text-muted-foreground`,children:`Aucun log à afficher`}):A.map(e=>(0,l.jsx)(d,{entry:e,showTimestamp:v,showSource:y,isExpanded:D.has(e.id),onToggleExpand:()=>j(e.id)},e.id))})})]})}var p=[{id:`1`,timestamp:new Date,level:`info`,message:`Application started successfully`,source:`main`},{id:`2`,timestamp:new Date,level:`debug`,message:`Loading configuration from /etc/app/config.yaml`,source:`config`,metadata:{path:`/etc/app/config.yaml`,format:`yaml`}},{id:`3`,timestamp:new Date,level:`warn`,message:`Deprecated API version detected, please upgrade to v2`,source:`api`},{id:`4`,timestamp:new Date,level:`error`,message:`Failed to connect to database`,source:`db`,metadata:{host:`localhost`,port:5432},stackTrace:`Error: Connection refused
+    at PostgresClient.connect (/app/node_modules/pg/lib/client.js:123:15)
+    at async DatabaseService.init (/app/src/services/database.ts:45:5)
+    at async bootstrap (/app/src/main.ts:12:3)`},{id:`5`,timestamp:new Date,level:`info`,message:`Retry connection attempt 1/3`,source:`db`}];exports.WakaLogViewer=f,exports.defaultLogs=p;