@floegence/floe-webapp-core 0.50.6 → 0.52.0

package/dist/components/chat/input/ChatInput.js

@@ -1,10 +1,10 @@
 import { addEventListener as u, insert as s, createComponent as l, effect as D, setAttribute as E, className as F, template as c, use as z, delegateEvents as K } from "solid-js/web";
-import { createSignal as R, onCleanup as U, Show as f } from "solid-js";
+import { createSignal as R, onCleanup as U, Show as v } from "solid-js";
 import { cn as I } from "../../../utils/cn.js";
 import { useChatContext as N } from "../ChatProvider.js";
 import { useAttachments as O } from "../hooks/useAttachments.js";
 import { AttachmentPreview as G } from "./AttachmentPreview.js";
-var J = /* @__PURE__ */ c("<div class=chat-input-drop-overlay><span>Drop files here"), Q = /* @__PURE__ */ c('<button type=button class=chat-input-attachment-btn title="Add attachments">'), V = /* @__PURE__ */ c('<div data-floe-input-surface><div class=chat-input-body><textarea class=chat-input-textarea rows=2></textarea></div><div class=chat-input-toolbar><div class=chat-input-toolbar-left></div><div class=chat-input-toolbar-right><span class=chat-input-hint><kbd>Enter</kbd> send &nbsp; <kbd>Shift+Enter</kbd> newline</span><button type=button title="Send message">'), W = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48">'), X = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=22 y1=2 x2=11 y2=13></line><polygon points="22 2 15 22 11 13 2 9 22 2">'), Y = /* @__PURE__ */ c('<svg width=32 height=32 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1=12 y1=3 x2=12 y2=15>');
+var J = /* @__PURE__ */ c("<div class=chat-input-drop-overlay><span>Drop files here"), Q = /* @__PURE__ */ c('<button type=button class=chat-input-attachment-btn title="Add attachments">'), V = /* @__PURE__ */ c('<div data-floe-input-surface data-floe-surface=inset><div class=chat-input-body><textarea class=chat-input-textarea rows=2></textarea></div><div class=chat-input-toolbar><div class=chat-input-toolbar-left></div><div class=chat-input-toolbar-right><span class=chat-input-hint><kbd>Enter</kbd> send &nbsp; <kbd>Shift+Enter</kbd> newline</span><button type=button title="Send message">'), W = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48">'), X = /* @__PURE__ */ c('<svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=22 y1=2 x2=11 y2=13></line><polygon points="22 2 15 22 11 13 2 9 22 2">'), Y = /* @__PURE__ */ c('<svg width=32 height=32 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1=12 y1=3 x2=12 y2=15>');
 const st = (d) => {
   const a = N(), [p, y] = R("");
   let h, r = null;
@@ -13,7 +13,7 @@ const st = (d) => {
     maxSize: a.config().maxAttachmentSize,
     acceptedTypes: a.config().acceptedFileTypes,
     onUpload: a.config().allowAttachments ? (t) => a.uploadAttachment(t) : void 0
-  }), P = () => d.placeholder || a.config().placeholder || "Type a message...", v = () => (p().trim() || n.attachments().length > 0) && !d.disabled, b = () => {
+  }), P = () => d.placeholder || a.config().placeholder || "Type a message...", f = () => (p().trim() || n.attachments().length > 0) && !d.disabled, b = () => {
     const t = h;
     t && (t.style.height = "auto", t.style.height = `${Math.min(t.scrollHeight, 320)}px`);
   }, T = () => {
@@ -31,7 +31,7 @@ const st = (d) => {
   }, B = (t) => {
     t.isComposing || t.key === "Enter" && !t.shiftKey && (t.preventDefault(), w());
   }, w = async () => {
-    if (!v()) return;
+    if (!f()) return;
     const t = p().trim(), o = n.attachments();
     y(""), n.clearAttachments(), h && (h.style.height = "auto"), await a.sendMessage(t, o);
   }, L = async (t) => {
@@ -41,7 +41,7 @@ const st = (d) => {
     r !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(r), r = null);
   }), (() => {
     var t = V(), o = t.firstChild, i = o.firstChild, M = o.nextSibling, x = M.firstChild, j = x.nextSibling, q = j.firstChild, m = q.nextSibling;
-    u(t, "drop", n.handleDrop), u(t, "dragover", n.handleDragOver), u(t, "dragleave", n.handleDragLeave), u(t, "dragenter", n.handleDragEnter), s(t, l(f, {
+    u(t, "drop", n.handleDrop), u(t, "dragover", n.handleDragOver), u(t, "dragleave", n.handleDragLeave), u(t, "dragenter", n.handleDragEnter), s(t, l(v, {
       get when() {
         return n.isDragging();
       },
@@ -49,7 +49,7 @@ const st = (d) => {
         var e = J(), g = e.firstChild;
         return s(e, l(et, {}), g), e;
       }
-    }), o), s(t, l(f, {
+    }), o), s(t, l(v, {
       get when() {
         return n.attachments().length > 0;
       },
@@ -65,7 +65,7 @@ const st = (d) => {
       }
     }), o), i.addEventListener("paste", L), i.$$keydown = B, i.$$input = H;
     var $ = h;
-    return typeof $ == "function" ? z($, i) : h = i, s(x, l(f, {
+    return typeof $ == "function" ? z($, i) : h = i, s(x, l(v, {
       get when() {
         return a.config().allowAttachments;
       },
@@ -74,7 +74,7 @@ const st = (d) => {
         return u(e, "click", n.openFilePicker, !0), s(e, l(Z, {})), e;
       }
     })), m.$$click = w, s(m, l(tt, {})), D((e) => {
-      var g = d.disabled ? !0 : void 0, A = I("chat-input-container", n.isDragging() && "chat-input-container-dragging", d.class), k = P(), C = d.disabled, S = I("chat-input-send-btn", v() && "chat-input-send-btn-active"), _ = !v();
+      var g = d.disabled ? !0 : void 0, A = I("chat-input-container", n.isDragging() && "chat-input-container-dragging", d.class), k = P(), C = d.disabled, S = I("chat-input-send-btn", f() && "chat-input-send-btn-active"), _ = !f();
       return g !== e.e && E(t, "aria-disabled", e.e = g), A !== e.t && F(t, e.t = A), k !== e.a && E(i, "placeholder", e.a = k), C !== e.o && (i.disabled = e.o = C), S !== e.i && F(m, e.i = S), _ !== e.n && (m.disabled = e.n = _), e;
     }, {
       e: void 0,

package/dist/components/ui/Button.js

@@ -1,9 +1,9 @@
 import { spread as c, mergeProps as d, insert as n, createComponent as t, memo as l, Dynamic as u, template as g } from "solid-js/web";
-import { splitProps as m, Show as p } from "solid-js";
-import { cn as s } from "../../utils/cn.js";
-import { Loader2 as h } from "../icons/index.js";
-var b = /* @__PURE__ */ g("<button type=button>");
-const v = {
+import { splitProps as m, Show as h } from "solid-js";
+import { cn as a } from "../../utils/cn.js";
+import { Loader2 as p } from "../icons/index.js";
+var v = /* @__PURE__ */ g("<button type=button data-floe-surface-part=action>");
+const f = {
   default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:scale-[0.98]",
   primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:scale-[0.98]",
   secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 active:scale-[0.98]",
@@ -11,7 +11,7 @@ const v = {
   ghost: "hover:bg-accent hover:text-accent-foreground active:scale-[0.98]",
   "ghost-destructive": "bg-transparent text-muted-foreground hover:bg-error hover:text-error-foreground active:scale-[0.98]",
   destructive: "bg-error text-error-foreground shadow-sm hover:bg-error/90 active:scale-[0.98]"
-}, f = {
+}, b = {
   xs: "h-6 px-2 text-[11px] rounded",
   sm: "h-7 px-2.5 text-xs rounded",
   md: "h-8 px-3 text-xs rounded-md",
@@ -24,18 +24,21 @@ const v = {
   lg: "w-4 h-4",
   icon: "w-4 h-4"
 };
-function k(i) {
-  const [e, a] = m(i, ["variant", "size", "loading", "icon", "class", "children", "disabled"]), o = () => x[e.size ?? "md"];
+function k(s) {
+  const [e, i] = m(s, ["variant", "size", "loading", "icon", "class", "children", "disabled"]), o = () => x[e.size ?? "md"];
   return (() => {
-    var r = b();
+    var r = v();
     return c(r, d({
+      get "data-floe-surface"() {
+        return e.variant === "ghost" || e.variant === "ghost-destructive" ? void 0 : "raised";
+      },
       get class() {
-        return s("inline-flex items-center justify-center gap-1.5 font-medium cursor-pointer", "transition-colors duration-150", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed", v[e.variant ?? "default"], f[e.size ?? "md"], e.class);
+        return a("inline-flex items-center justify-center gap-1.5 font-medium cursor-pointer", "transition-colors duration-150", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed", f[e.variant ?? "default"], b[e.size ?? "md"], e.class);
       },
       get disabled() {
         return e.disabled || e.loading;
       }
-    }, a), !1, !0), n(r, t(p, {
+    }, i), !1, !0), n(r, t(h, {
       get when() {
         return e.loading;
       },
@@ -50,9 +53,9 @@ function k(i) {
         });
       },
       get children() {
-        return t(h, {
+        return t(p, {
           get class() {
-            return s(o(), "animate-spin");
+            return a(o(), "animate-spin");
           }
         });
       }

package/dist/components/ui/Card.js

@@ -1,43 +1,43 @@
-import { spread as v, mergeProps as b, insert as i, effect as A, setStyleProperty as z, className as L, memo as R, template as g, use as E, delegateEvents as H } from "solid-js/web";
-import { splitProps as h, createSignal as F, onCleanup as q } from "solid-js";
-import { cn as f } from "../../utils/cn.js";
-var W = /* @__PURE__ */ g('<div style="background-size:200% 200%;animation:gradient-shift 3s ease infinite">'), D = /* @__PURE__ */ g('<div class="absolute inset-[1px] rounded-[7px] bg-card">'), G = /* @__PURE__ */ g('<div class="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">'), N = /* @__PURE__ */ g('<div class="absolute inset-0 -translate-x-full animate-[shimmer_2s_infinite]"style="background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 12%, transparent), transparent)">'), Z = /* @__PURE__ */ g("<div><div>"), k = /* @__PURE__ */ g("<div>"), J = /* @__PURE__ */ g("<h3>"), K = /* @__PURE__ */ g("<p>"), O = /* @__PURE__ */ g('<div><div class="relative z-10"style=transform:translateZ(20px)>'), Q = /* @__PURE__ */ g('<div class="pointer-events-none absolute inset-0 z-20 opacity-0 transition-opacity duration-300">'), U = /* @__PURE__ */ g('<div><div class="absolute inset-0"style="background:conic-gradient(from 0deg, var(--primary), var(--accent), var(--secondary), var(--primary))"></div><div class="relative rounded-[10px] bg-card h-full">'), V = /* @__PURE__ */ g('<div><div class="absolute inset-0 -z-10 overflow-hidden"><div class="absolute -top-1/2 -left-1/2 w-full h-full rounded-full bg-primary/20"style="animation:morph 8s ease-in-out infinite;filter:blur(40px)"></div><div class="absolute -bottom-1/2 -right-1/2 w-full h-full rounded-full bg-accent/20"style="animation:morph 8s ease-in-out infinite reverse;filter:blur(40px)"></div></div><div class="relative z-10">');
-function ne(l) {
-  const [e, o] = h(l, ["variant", "enableTilt", "gradientColors", "glowColor", "class", "children", "style"]), r = () => e.variant ?? "default", [d, m] = F({});
-  let u, a = null, _ = 0, y = 0;
-  const p = () => {
-    if (a = null, !u || !e.enableTilt && r() !== "spotlight") return;
-    const t = u.getBoundingClientRect(), s = _ - t.left, c = y - t.top;
+import { spread as m, mergeProps as b, insert as i, effect as A, setStyleProperty as z, memo as E, className as L, template as f, use as q, delegateEvents as W } from "solid-js/web";
+import { splitProps as h, createSignal as F, onCleanup as B } from "solid-js";
+import { cn as p } from "../../utils/cn.js";
+var D = /* @__PURE__ */ f('<div style="background-size:200% 200%;animation:gradient-shift 3s ease infinite">'), G = /* @__PURE__ */ f('<div class="absolute inset-[1px] rounded-[7px] bg-card">'), N = /* @__PURE__ */ f('<div class="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">'), Z = /* @__PURE__ */ f('<div class="absolute inset-0 -translate-x-full animate-[shimmer_2s_infinite]"style="background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 12%, transparent), transparent)">'), J = /* @__PURE__ */ f("<div><div>"), T = /* @__PURE__ */ f("<div>"), K = /* @__PURE__ */ f("<h3>"), O = /* @__PURE__ */ f("<p>"), Q = /* @__PURE__ */ f('<div><div class="relative z-10"style=transform:translateZ(20px)>'), U = /* @__PURE__ */ f('<div class="pointer-events-none absolute inset-0 z-20 opacity-0 transition-opacity duration-300">'), V = /* @__PURE__ */ f('<div><div class="absolute inset-0"style="background:conic-gradient(from 0deg, var(--primary), var(--accent), var(--secondary), var(--primary))"></div><div class="relative rounded-[10px] bg-card h-full">'), ee = /* @__PURE__ */ f('<div><div class="absolute inset-0 -z-10 overflow-hidden"><div class="absolute -top-1/2 -left-1/2 w-full h-full rounded-full bg-primary/20"style="animation:morph 8s ease-in-out infinite;filter:blur(40px)"></div><div class="absolute -bottom-1/2 -right-1/2 w-full h-full rounded-full bg-accent/20"style="animation:morph 8s ease-in-out infinite reverse;filter:blur(40px)"></div></div><div class="relative z-10">');
+function oe(l) {
+  const [e, a] = h(l, ["variant", "enableTilt", "gradientColors", "glowColor", "class", "children", "style"]), r = () => e.variant ?? "default", [d, g] = F({});
+  let c, s = null, _ = 0, y = 0;
+  const u = () => {
+    if (s = null, !c || !e.enableTilt && r() !== "spotlight") return;
+    const t = c.getBoundingClientRect(), o = _ - t.left, v = y - t.top;
     if (e.enableTilt) {
-      const w = t.width / 2, Y = t.height / 2, B = (c - Y) / 10, I = (w - s) / 10;
-      m({
-        transform: `perspective(1000px) rotateX(${B}deg) rotateY(${I}deg) scale3d(1.02, 1.02, 1.02)`
+      const Y = t.width / 2, I = t.height / 2, R = (v - I) / 10, H = (Y - o) / 10;
+      g({
+        transform: `perspective(1000px) rotateX(${R}deg) rotateY(${H}deg) scale3d(1.02, 1.02, 1.02)`
       });
     }
     r() === "spotlight" && X({
-      x: s,
-      y: c
+      x: o,
+      y: v
     });
   }, M = (t) => {
-    if (u && !(!e.enableTilt && r() !== "spotlight") && (_ = t.clientX, y = t.clientY, a === null)) {
+    if (c && !(!e.enableTilt && r() !== "spotlight") && (_ = t.clientX, y = t.clientY, s === null)) {
       if (typeof requestAnimationFrame > "u") {
-        p();
+        u();
         return;
       }
-      a = requestAnimationFrame(p);
+      s = requestAnimationFrame(u);
     }
   }, S = () => {
-    a !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(a), a = null), e.enableTilt && m({
+    s !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(s), s = null), e.enableTilt && g({
       transform: "perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)"
     });
   }, [C, X] = F({
     x: 0,
     y: 0
   });
-  q(() => {
-    a !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(a), a = null);
+  B(() => {
+    s !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(s), s = null);
   });
-  const T = "rounded-lg transition-all duration-300 ease-out", P = {
+  const k = "rounded-lg duration-300 ease-out", P = () => e.enableTilt || r() === "hover-lift" ? "transition-[color,background-color,border-color,box-shadow,transform]" : "transition-[color,background-color,border-color,box-shadow]", j = {
     default: "bg-card border border-border shadow-sm hover:shadow-md",
     "hover-lift": "bg-card border border-border shadow-sm hover:shadow-xl hover:-translate-y-1",
     "gradient-border": "relative bg-card overflow-hidden",
@@ -45,21 +45,21 @@ function ne(l) {
     spotlight: "relative bg-card border border-border overflow-hidden",
     shimmer: "relative bg-card border border-border overflow-hidden",
     glow: "bg-card border border-border shadow-sm"
-  }, j = () => {
+  }, n = () => {
     if (r() !== "gradient-border") return null;
     const t = e.gradientColors ?? "from-primary via-accent to-secondary";
     return [(() => {
-      var s = W();
-      return A(() => L(s, f("absolute inset-0 bg-gradient-to-r opacity-75", t, "animate-[gradient-rotate_3s_linear_infinite]"))), s;
-    })(), D()];
-  }, n = () => r() !== "spotlight" ? null : (() => {
-    var t = G();
-    return A((s) => z(t, "background", `radial-gradient(
+      var o = D();
+      return A(() => L(o, p("absolute inset-0 bg-gradient-to-r opacity-75", t, "animate-[gradient-rotate_3s_linear_infinite]"))), o;
+    })(), G()];
+  }, x = () => r() !== "spotlight" ? null : (() => {
+    var t = N();
+    return A((o) => z(t, "background", `radial-gradient(
             400px circle at ${C().x}px ${C().y}px,
             color-mix(in srgb, var(--primary) 18%, transparent),
             transparent 40%
           )`)), t;
-  })(), x = () => r() !== "shimmer" ? null : N(), $ = () => {
+  })(), $ = () => r() !== "shimmer" ? null : Z(), w = () => {
     if (r() !== "glow") return {};
     const t = e.glowColor ?? "var(--glow)";
     return {
@@ -67,112 +67,118 @@ function ne(l) {
     };
   };
   return (() => {
-    var t = Z(), s = t.firstChild;
+    var t = J(), o = t.firstChild;
     t.addEventListener("mouseleave", S), t.$$mousemove = M;
-    var c = u;
-    return typeof c == "function" ? E(c, t) : u = t, v(t, b({
+    var v = c;
+    return typeof v == "function" ? q(v, t) : c = t, m(t, b({
+      get "data-floe-card-variant"() {
+        return E(() => !!e.enableTilt)() ? "tilt" : r();
+      },
+      get "data-floe-surface"() {
+        return r() === "default" && !e.enableTilt ? "raised" : void 0;
+      },
       get class() {
-        return f(T, P[r()], r() === "spotlight" && "group", e.class);
+        return p(k, P(), j[r()], r() === "spotlight" && "group", e.class);
       },
       get style() {
         return {
           ...typeof e.style == "object" ? e.style : {},
           ...d(),
-          ...$(),
+          ...w(),
           "transform-style": "preserve-3d"
         };
       }
-    }, o), !1, !0), i(t, j, s), i(t, n, s), i(t, x, s), i(s, () => e.children), A(() => L(s, f("relative z-10", r() === "gradient-border" && "relative"))), t;
+    }, a), !1, !0), i(t, n, o), i(t, x, o), i(t, $, o), i(o, () => e.children), A(() => L(o, p("relative z-10", r() === "gradient-border" && "relative"))), t;
   })();
 }
 function le(l) {
-  const [e, o] = h(l, ["class", "children"]);
+  const [e, a] = h(l, ["class", "children"]);
   return (() => {
-    var r = k();
-    return v(r, b({
+    var r = T();
+    return m(r, b({
       get class() {
-        return f("flex flex-col space-y-1.5 p-4", e.class);
+        return p("flex flex-col space-y-1.5 p-4", e.class);
       }
-    }, o), !1, !0), i(r, () => e.children), r;
+    }, a), !1, !0), i(r, () => e.children), r;
   })();
 }
-function oe(l) {
-  const [e, o] = h(l, ["class", "children"]);
+function ae(l) {
+  const [e, a] = h(l, ["class", "children"]);
   return (() => {
-    var r = J();
-    return v(r, b({
+    var r = K();
+    return m(r, b({
       get class() {
-        return f("text-sm font-semibold leading-none tracking-tight", e.class);
+        return p("text-sm font-semibold leading-none tracking-tight", e.class);
       }
-    }, o), !1, !0), i(r, () => e.children), r;
+    }, a), !1, !0), i(r, () => e.children), r;
   })();
 }
 function se(l) {
-  const [e, o] = h(l, ["class", "children"]);
+  const [e, a] = h(l, ["class", "children"]);
   return (() => {
-    var r = K();
-    return v(r, b({
+    var r = O();
+    return m(r, b({
       get class() {
-        return f("text-xs text-muted-foreground", e.class);
+        return p("text-xs text-muted-foreground", e.class);
       }
-    }, o), !1, !0), i(r, () => e.children), r;
+    }, a), !1, !0), i(r, () => e.children), r;
   })();
 }
-function ae(l) {
-  const [e, o] = h(l, ["class", "children"]);
+function ie(l) {
+  const [e, a] = h(l, ["class", "children"]);
   return (() => {
-    var r = k();
-    return v(r, b({
+    var r = T();
+    return m(r, b({
       get class() {
-        return f("p-4 pt-0", e.class);
+        return p("p-4 pt-0", e.class);
       }
-    }, o), !1, !0), i(r, () => e.children), r;
+    }, a), !1, !0), i(r, () => e.children), r;
   })();
 }
-function ie(l) {
-  const [e, o] = h(l, ["class", "children"]);
+function de(l) {
+  const [e, a] = h(l, ["class", "children"]);
   return (() => {
-    var r = k();
-    return v(r, b({
+    var r = T();
+    return m(r, b({
       get class() {
-        return f("flex items-center p-4 pt-0", e.class);
+        return p("flex items-center p-4 pt-0", e.class);
       }
-    }, o), !1, !0), i(r, () => e.children), r;
+    }, a), !1, !0), i(r, () => e.children), r;
   })();
 }
-function de(l) {
-  const [e, o] = h(l, ["intensity", "shine", "borderGlow", "class", "children", "style"]), [r, d] = F(""), [m, u] = F({
+function ce(l) {
+  const [e, a] = h(l, ["intensity", "shine", "borderGlow", "class", "children", "style"]), [r, d] = F(""), [g, c] = F({
     x: 50,
     y: 50
-  }), [a, _] = F(!1);
-  let y, p = null, M = 0, S = 0;
+  }), [s, _] = F(!1);
+  let y, u = null, M = 0, S = 0;
   const C = () => e.intensity ?? 10, X = () => {
-    if (p = null, !y) return;
-    const n = y.getBoundingClientRect(), x = M - n.left, $ = S - n.top, t = n.width / 2, s = n.height / 2, c = ($ - s) / s * C(), w = (t - x) / t * C();
-    d(`perspective(1000px) rotateX(${-c}deg) rotateY(${w}deg)`), e.shine && u({
+    if (u = null, !y) return;
+    const n = y.getBoundingClientRect(), x = M - n.left, $ = S - n.top, w = n.width / 2, t = n.height / 2, o = ($ - t) / t * C(), v = (w - x) / w * C();
+    d(`perspective(1000px) rotateX(${-o}deg) rotateY(${v}deg)`), e.shine && c({
       x: x / n.width * 100,
       y: $ / n.height * 100
     });
-  }, T = (n) => {
-    if (y && (M = n.clientX, S = n.clientY, p === null)) {
+  }, k = (n) => {
+    if (y && (M = n.clientX, S = n.clientY, u === null)) {
       if (typeof requestAnimationFrame > "u") {
         X();
         return;
       }
-      p = requestAnimationFrame(X);
+      u = requestAnimationFrame(X);
     }
   }, P = () => _(!0), j = () => {
-    p !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(p), p = null), _(!1), d("perspective(1000px) rotateX(0deg) rotateY(0deg)");
+    u !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(u), u = null), _(!1), d("perspective(1000px) rotateX(0deg) rotateY(0deg)");
   };
-  return q(() => {
-    p !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(p), p = null);
+  return B(() => {
+    u !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(u), u = null);
   }), (() => {
-    var n = O(), x = n.firstChild;
-    n.addEventListener("mouseleave", j), n.addEventListener("mouseenter", P), n.$$mousemove = T;
+    var n = Q(), x = n.firstChild;
+    n.addEventListener("mouseleave", j), n.addEventListener("mouseenter", P), n.$$mousemove = k;
     var $ = y;
-    return typeof $ == "function" ? E($, n) : y = n, v(n, b({
+    return typeof $ == "function" ? q($, n) : y = n, m(n, b({
       get class() {
-        return f("relative rounded-xl bg-card border border-border overflow-hidden", "transition-all duration-200 ease-out", e.borderGlow && a() && "shadow-[0_0_18px_-6px_var(--glow)]", e.class);
+        return p("relative rounded-xl bg-card border border-border overflow-hidden", "transition-all duration-200 ease-out", e.borderGlow && s() && "shadow-[0_0_18px_-6px_var(--glow)]", e.class);
       },
       get style() {
         return {
@@ -181,32 +187,32 @@ function de(l) {
           "transform-style": "preserve-3d"
         };
       }
-    }, o), !1, !0), i(n, (() => {
-      var t = R(() => !!e.shine);
-      return () => t() && (() => {
-        var s = Q();
-        return A((c) => {
-          var w = !!a(), Y = `radial-gradient(
-              circle at ${m().x}% ${m().y}%,
+    }, a), !1, !0), i(n, (() => {
+      var w = E(() => !!e.shine);
+      return () => w() && (() => {
+        var t = U();
+        return A((o) => {
+          var v = !!s(), Y = `radial-gradient(
+              circle at ${g().x}% ${g().y}%,
               color-mix(in srgb, var(--primary) 18%, transparent) 0%,
               transparent 50%
             )`;
-          return w !== c.e && s.classList.toggle("opacity-100", c.e = w), Y !== c.t && z(s, "background", c.t = Y), c;
+          return v !== o.e && t.classList.toggle("opacity-100", o.e = v), Y !== o.t && z(t, "background", o.t = Y), o;
         }, {
           e: void 0,
           t: void 0
-        }), s;
+        }), t;
       })();
     })(), x), i(x, () => e.children), n;
   })();
 }
-function ce(l) {
-  const [e, o] = h(l, ["duration", "borderWidth", "colors", "class", "children", "style"]), r = () => e.duration ?? 3, d = () => e.borderWidth ?? 2;
+function ue(l) {
+  const [e, a] = h(l, ["duration", "borderWidth", "colors", "class", "children", "style"]), r = () => e.duration ?? 3, d = () => e.borderWidth ?? 2;
   return (() => {
-    var m = U(), u = m.firstChild, a = u.nextSibling;
-    return v(m, b({
+    var g = V(), c = g.firstChild, s = c.nextSibling;
+    return m(g, b({
       get class() {
-        return f("relative rounded-xl p-[2px] overflow-hidden", e.class);
+        return p("relative rounded-xl p-[2px] overflow-hidden", e.class);
       },
       get style() {
         return {
@@ -214,16 +220,16 @@ function ce(l) {
           padding: `${d()}px`
         };
       }
-    }, o), !1, !0), i(a, () => e.children), A((_) => z(u, "animation", `spin ${r()}s linear infinite`)), m;
+    }, a), !1, !0), i(s, () => e.children), A((_) => z(c, "animation", `spin ${r()}s linear infinite`)), g;
   })();
 }
-function ue(l) {
-  const [e, o] = h(l, ["color", "pulse", "class", "children", "style"]), r = () => e.color ?? "var(--glow)";
+function pe(l) {
+  const [e, a] = h(l, ["color", "pulse", "class", "children", "style"]), r = () => e.color ?? "var(--glow)";
   return (() => {
-    var d = k();
-    return v(d, b({
+    var d = T();
+    return m(d, b({
       get class() {
-        return f("relative rounded-xl bg-card border-2 transition-shadow duration-300", e.pulse && "animate-pulse", e.class);
+        return p("relative rounded-xl bg-card border-2 transition-shadow duration-300", e.pulse && "animate-pulse", e.class);
       },
       get style() {
         return {
@@ -232,35 +238,35 @@ function ue(l) {
           "box-shadow": [`0 0 4px color-mix(in srgb, ${r()} 80%, transparent)`, `0 0 14px color-mix(in srgb, ${r()} 50%, transparent)`, `0 0 28px color-mix(in srgb, ${r()} 30%, transparent)`, `inset 0 0 14px color-mix(in srgb, ${r()} 10%, transparent)`].join(", ")
         };
       }
-    }, o), !1, !0), i(d, () => e.children), d;
+    }, a), !1, !0), i(d, () => e.children), d;
   })();
 }
-function pe(l) {
-  const [e, o] = h(l, ["class", "children", "style"]);
+function fe(l) {
+  const [e, a] = h(l, ["class", "children", "style"]);
   return (() => {
-    var r = V(), d = r.firstChild, m = d.firstChild;
-    m.nextSibling;
-    var u = d.nextSibling;
-    return v(r, b({
+    var r = ee(), d = r.firstChild, g = d.firstChild;
+    g.nextSibling;
+    var c = d.nextSibling;
+    return m(r, b({
       get class() {
-        return f("relative rounded-2xl bg-card/80 backdrop-blur-sm border border-border overflow-hidden", e.class);
+        return p("relative rounded-2xl bg-card/80 backdrop-blur-sm border border-border overflow-hidden", e.class);
       },
       get style() {
         return e.style;
       }
-    }, o), !1, !0), i(u, () => e.children), r;
+    }, a), !1, !0), i(c, () => e.children), r;
   })();
 }
-H(["mousemove"]);
+W(["mousemove"]);
 export {
-  ce as AnimatedBorderCard,
-  ne as Card,
-  ae as CardContent,
+  ue as AnimatedBorderCard,
+  oe as Card,
+  ie as CardContent,
   se as CardDescription,
-  ie as CardFooter,
+  de as CardFooter,
   le as CardHeader,
-  oe as CardTitle,
-  de as Interactive3DCard,
-  pe as MorphCard,
-  ue as NeonCard
+  ae as CardTitle,
+  ce as Interactive3DCard,
+  fe as MorphCard,
+  pe as NeonCard
 };