fiboui 2.4.3 → 2.5.0

package/dist/content.js

@@ -1,17 +1,16 @@
-"use client";
-import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as l, S as m } from "./index-DRVdVimz.js";
-import { T as x } from "./index-DbaNIwWW.js";
-import { I as f } from "./index-BMIo5j9Y.js";
+import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as m, S as p } from "./index-BLBoIYdN.js";
+import { $ as f } from "./client-C5fy1-Lh.js";
+import { I as A } from "./index-CaDcYvIh.js";
 export {
   s as Alert,
   r as Avatar,
   o as Badge,
-  f as Icon,
+  A as Icon,
   t as Image,
   n as Integration,
   I as Label,
   g as Progress,
-  l as Skeleton,
-  m as Spinner,
-  x as Text
+  m as Skeleton,
+  p as Spinner,
+  f as Text
 };

package/dist/core.js

@@ -1,63 +1,63 @@
-"use client";
-import { C as a, F as t, x as r, I as o, M as i, w as n, O as l, d as u, P as c, R as S, f as p, h as g, S as b, V as T, c as v, b as E, a as d, B as C, v as F, z as R, g as f, y as m, A as I, q as O, t as P, p as y, o as x, n as M, r as A, i as B, s as N, m as _, j as V, l as w, k as h, u as j, e as k } from "./builder-B5cebEWZ.js";
-import { E as z, l as G, F as K, k as W, P as X, c as D, j as H, m as J, t as L, g as Q, b as U, h as Y, a as Z, i as $, u as ss, e as es, f as as, d as ts } from "./mount-DbMVakA4.js";
-import { F as os, b as is } from "./FineGrain-CvcJ5OxF.js";
+import { C as a, E as t, L as r, T as o, F as i, I as n, M as l, Q as u, O as S, h as c, v as p, P as g, R as b, w as T, x as v, S as E, Y as C, k as F, j as R, c as d, b as m, a as f, X as I, N as y, V as O, g as P, U as x, W as M, J as N, K as w, H as A, o as B, G as _, r as V, y as h, s as q, D as z, z as G, B as K, A as W, f as X, p as j, e as k, q as D, i as H, d as J, t as L, u as Q, m as U, n as Y, l as Z } from "./client-C5fy1-Lh.js";
+import { b as ss, F as es, a as as, c as ts, m as rs, p as os, t as is, w as ns } from "./mount-jsbS9qm4.js";
 export {
   a as ComputedSignal,
-  z as Easing,
-  t as FIBO_INTERACTION_FX_CSS,
-  G as Fibo,
-  K as FiboApp,
-  W as FiboAppBuilder,
-  r as FiboStyles,
-  os as FineGrainText,
-  o as INTERACTION_EFFECTS,
-  i as MOTION_PRESETS,
-  n as MotionStyles,
-  l as Observable,
-  u as Observer,
-  X as Presence,
-  c as ProviderWrapper,
-  S as ReactivityRoot,
-  p as Reveal,
-  g as ScrollProgress,
-  b as Signal,
-  T as ValueBuilder,
-  D as applyResponsiveStyles,
-  is as bindText,
-  v as computed,
-  E as createReactivityRoot,
-  d as createStore,
-  H as cssCurve,
-  C as endSsrRequest,
-  F as ensureInteractionFxCss,
-  R as getCss,
-  f as getCurrentScope,
-  m as getMotionCss,
-  I as getStyleTag,
-  O as interactionEffectClass,
-  P as interactionEffectKebab,
-  J as mount,
-  y as normalizeInteractionEffect,
-  x as observable,
-  M as resolveCssEase,
-  A as runInScope,
-  B as scrollTo,
-  N as signal,
-  _ as springEase,
-  V as startViewTransition,
-  w as supportsScrollTimeline,
-  h as supportsViewTimeline,
-  L as toElement,
-  j as useBuilderState,
-  Q as useMountTransition,
-  U as useObservable,
-  Y as usePrefersReducedMotion,
-  k as useProvider,
-  Z as useReactiveStore,
-  $ as useScrollProgress,
-  ss as useSignal,
-  es as useSpring,
-  as as useStagger,
-  ts as useTransition
+  t as Easing,
+  r as FIBO_INTERACTION_FX_CSS,
+  ss as Fibo,
+  es as FiboApp,
+  as as FiboAppBuilder,
+  o as FiboStyles,
+  i as FineGrainText,
+  n as INTERACTION_EFFECTS,
+  l as MOTION_PRESETS,
+  u as MotionStyles,
+  S as Observable,
+  c as Observer,
+  p as Presence,
+  g as ProviderWrapper,
+  b as ReactivityRoot,
+  T as Reveal,
+  v as ScrollProgress,
+  E as Signal,
+  C as ValueBuilder,
+  F as applyResponsiveStyles,
+  R as bindText,
+  d as computed,
+  m as createReactivityRoot,
+  f as createStore,
+  ts as cssCurve,
+  I as endSsrRequest,
+  y as ensureInteractionFxCss,
+  O as getCss,
+  P as getCurrentScope,
+  x as getMotionCss,
+  M as getStyleTag,
+  N as interactionEffectClass,
+  w as interactionEffectKebab,
+  rs as mount,
+  A as normalizeInteractionEffect,
+  B as observable,
+  os as page,
+  _ as resolveCssEase,
+  V as runInScope,
+  h as scrollTo,
+  q as signal,
+  z as springEase,
+  G as startViewTransition,
+  K as supportsScrollTimeline,
+  W as supportsViewTimeline,
+  is as toElement,
+  X as useBuilderState,
+  j as useMountTransition,
+  k as useObservable,
+  D as usePrefersReducedMotion,
+  H as useProvider,
+  J as useReactiveStore,
+  L as useScrollProgress,
+  Q as useSignal,
+  U as useSpring,
+  Y as useStagger,
+  Z as useTransition,
+  ns as withFiboStyles
 };

package/dist/{effects-CnevV566.js → effects-D16XdB_d.js}

@@ -1,4 +1,3 @@
-"use client";
 const c = (i, t, s = "rgba(255, 255, 255, 0.3)") => {
   if (!t) return;
   const e = document.createElement("span"), l = Math.max(t.clientWidth, t.clientHeight), n = l / 2, r = t.getBoundingClientRect();

package/dist/{index-DRVdVimz.js → index-BLBoIYdN.js}

@@ -1,12 +1,9 @@
-"use client";
 var U = Object.defineProperty;
 var G = (n, s, e) => s in n ? U(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
 var r = (n, s, e) => G(n, typeof s != "symbol" ? s + "" : s, e);
 import t from "react";
-import { D as C, E as F } from "./builder-B5cebEWZ.js";
-import { B as j } from "./index-orKQGpHl.js";
-import { T as O } from "./index-DbaNIwWW.js";
-import { R as J } from "./index-BMIo5j9Y.js";
+import { at as C, au as F, a4 as j, $ as O } from "./client-C5fy1-Lh.js";
+import { R as J } from "./index-CaDcYvIh.js";
 import { jsxs as $, jsx as f } from "react/jsx-runtime";
 const K = ({ size: n }) => t.createElement(
   "svg",
@@ -24,11 +21,11 @@ const K = ({ size: n }) => t.createElement(
     fill: "#6a6a6a"
   })
 ), Q = t.memo((n) => {
-  const { image: s, size: e, border: a, shape: i, status: o, initials: h, icon: d, className: y, style: p } = n, c = typeof e == "number" ? `${e}px` : e, u = typeof e == "number" ? e : 40, B = {
+  const { image: s, size: e, border: a, shape: i, status: o, initials: h, icon: d, className: y, style: p } = n, c = typeof e == "number" ? `${e}px` : e, u = typeof e == "number" ? e : 40, S = {
     circle: "50%",
     rounded: "24%",
     square: "0"
-  }, S = {
+  }, z = {
     none: "transparent",
     online: "#10B981",
     offline: "#9CA3AF",
@@ -41,7 +38,7 @@ const K = ({ size: n }) => t.createElement(
     height: "28%",
     minWidth: "10px",
     minHeight: "10px",
-    backgroundColor: S[o],
+    backgroundColor: z[o],
     borderRadius: "50%",
     border: "3px solid #ffffff",
     boxSizing: "content-box"
@@ -50,7 +47,7 @@ const K = ({ size: n }) => t.createElement(
     position: "relative",
     width: c,
     height: c,
-    borderRadius: B[i],
+    borderRadius: S[i],
     backgroundImage: s ? `url(${s})` : void 0,
     backgroundColor: s ? void 0 : (p == null ? void 0 : p.backgroundColor) || (h ? "#ddd" : "transparent"),
     backgroundSize: "cover",
@@ -115,7 +112,7 @@ class X extends F {
     return t.createElement(Q, e);
   }
 }
-const ve = C(X), Y = t.memo((n) => {
+const ye = C(X), Y = t.memo((n) => {
   const { text: s, icon: e, variant: a, intent: i, shape: o, className: h, style: d } = n, y = {
     none: { bg: "#F9FAFB", text: "#6B7280", border: "#E5E7EB" },
     success: { bg: "#ECFDF5", text: "#059669", border: "transparent" },
@@ -137,17 +134,17 @@ const ve = C(X), Y = t.memo((n) => {
     dot: { backgroundColor: "transparent", color: "#6B7280", border: "1px solid #E5E7EB", padding: "4px 10px" }
   }[a] };
   if (i !== "none") {
-    const B = y[i];
+    const S = y[i];
     if (a === "solid") {
-      const S = {
+      const z = {
         none: "#111827",
         success: "#059669",
         warning: "#D97706",
         error: "#E11D48",
         info: "#2563EB"
       };
-      c.backgroundColor = S[i], c.color = "#FFFFFF";
-    } else a === "dot" ? (c.color = "#374151", c.borderColor = "#E5E7EB") : (c.backgroundColor = B.bg, c.color = B.text, B.border ? c.border = `1px solid ${B.border}` : c.border = "none");
+      c.backgroundColor = z[i], c.color = "#FFFFFF";
+    } else a === "dot" ? (c.color = "#374151", c.borderColor = "#E5E7EB") : (c.backgroundColor = S.bg, c.color = S.text, S.border ? c.border = `1px solid ${S.border}` : c.border = "none");
   }
   const u = {
     pill: "9999px",
@@ -216,7 +213,7 @@ class Z extends F {
     return t.createElement(Y, e);
   }
 }
-const ke = C(Z), ee = t.memo((n) => {
+const _e = C(Z), ee = t.memo((n) => {
   const { text: s, htmlFor: e, required: a, className: i, style: o, ...h } = n;
   return t.createElement(
     "label",
@@ -259,7 +256,7 @@ class te extends F {
     return t.createElement(ee, e);
   }
 }
-const Ee = C(te), re = t.memo((n) => {
+const ve = C(te), re = t.memo((n) => {
   const {
     src: s,
     alt: e,
@@ -337,7 +334,7 @@ class se extends F {
     return t.createElement(re, o);
   }
 }
-const we = C(se), ne = t.memo((n) => {
+const ke = C(se), ne = t.memo((n) => {
   const { size: s, color: e, variant: a = "circle", className: i, style: o, ...h } = n, y = typeof s == "number" ? s : {
     sm: 16,
     md: 24,
@@ -444,7 +441,7 @@ class ae extends F {
     return t.createElement(ne, e);
   }
 }
-const Ne = C(ae), ie = t.memo((n) => {
+const Ee = C(ae), ie = t.memo((n) => {
   const { width: s, height: e, shape: a, className: i, style: o, ...h } = n, d = ["animate-pulse", "bg-gray-200", "loading-skeleton"];
   return a === "circle" ? d.push("rounded-full") : a === "rounded-sm" ? d.push("rounded-sm") : a === "rounded-md" ? d.push("rounded-md") : a === "rounded-lg" ? d.push("rounded-lg") : a === "square" ? d.push("rounded-none") : d.push("rounded"), t.createElement("div", {
     className: [...d, i].filter(Boolean).join(" "),
@@ -487,7 +484,7 @@ class le extends F {
     return t.createElement(ie, e);
   }
 }
-const Ce = C(le), M = {
+const we = C(le), M = {
   Heart: /* @__PURE__ */ f("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ f("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
   Eth: /* @__PURE__ */ f("svg", { width: "14", height: "24", viewBox: "0 0 32 32", fill: "currentColor", children: /* @__PURE__ */ f("path", { d: "M15.925 23.96l-9.815-5.8 9.815 13.84 9.825-13.84-9.825 5.8zm0-23.96l-9.815 16.275 9.815 5.675 9.825-5.675-9.825-16.275zm0 20.3l-8.915-5.265 8.915-12.42 8.925 12.42-8.925 5.265z" }) }),
   Verify: /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "#3B82F6", stroke: "none", children: /* @__PURE__ */ f("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
@@ -589,7 +586,7 @@ class ce extends F {
     return t.createElement(oe, e);
   }
 }
-const Fe = C(ce), he = t.memo((n) => {
+const Ne = C(ce), he = t.memo((n) => {
   const {
     value: s,
     max: e,
@@ -602,23 +599,23 @@ const Fe = C(ce), he = t.memo((n) => {
     size: p,
     strokeWidth: c,
     segments: u,
-    gap: B,
-    trackColor: S,
+    gap: S,
+    trackColor: z,
     children: A,
     className: k,
     style: w,
     ...N
   } = n, _ = Math.min(100, Math.max(0, s / e * 100)), v = a || "#3B82F6";
   if (o === "ring") {
-    const m = p ?? (typeof i == "number" ? i : 190), g = c ?? 2.4, x = Array.isArray(u) && u.length ? u : [{ value: _, color: v }], l = B ?? (x.length > 1 ? 5e-3 : 0), b = 88, E = 2 * Math.PI * b, I = x.reduce((L, D) => L + D.value, 0) || 1;
-    let z = 0;
+    const m = p ?? (typeof i == "number" ? i : 190), g = c ?? 2.4, x = Array.isArray(u) && u.length ? u : [{ value: _, color: v }], l = S ?? (x.length > 1 ? 5e-3 : 0), b = 88, E = 2 * Math.PI * b, I = x.reduce((L, D) => L + D.value, 0) || 1;
+    let B = 0;
     const W = [];
-    return S && W.push(t.createElement("circle", {
+    return z && W.push(t.createElement("circle", {
       key: "track",
       cx: 100,
       cy: 100,
       r: b,
-      stroke: S,
+      stroke: z,
       strokeWidth: g,
       fill: "none"
     })), x.forEach((L, D) => {
@@ -632,10 +629,10 @@ const Fe = C(ce), he = t.memo((n) => {
         strokeWidth: L.strokeWidth ?? g,
         fill: "none",
         strokeDasharray: `${T} ${E}`,
-        strokeDashoffset: -z,
+        strokeDashoffset: -B,
         transform: "rotate(-90 100 100)",
         style: { transition: "all .4s" }
-      })), z += H * E;
+      })), B += H * E;
     }), t.createElement("div", {
       className: `fibo-progress-ring relative inline-flex items-center justify-center ${k || ""}`,
       style: { width: m, height: m, ...w },
@@ -733,7 +730,7 @@ const Fe = C(ce), he = t.memo((n) => {
       style: w,
       ...N
     }, m.map((x, l) => {
-      const b = l < g, E = l === g, I = l === m.length - 1, z = b || E ? v : "#E5E7EB", W = b ? t.createElement("span", {}, "✓") : l + 1;
+      const b = l < g, E = l === g, I = l === m.length - 1, B = b || E ? v : "#E5E7EB", W = b ? t.createElement("span", {}, "✓") : l + 1;
       return t.createElement("div", {
         key: l,
         className: "relative flex items-start gap-4 pb-8 last:pb-0"
@@ -747,9 +744,9 @@ const Fe = C(ce), he = t.memo((n) => {
           key: "dot",
           className: "relative z-10 w-10 h-10 rounded-full flex items-center justify-center border-2 bg-white transition-all duration-300 shrink-0 text-sm font-bold shadow-sm",
           style: {
-            borderColor: z,
-            color: b ? "#fff" : E ? z : "#9CA3AF",
-            backgroundColor: b ? z : "#fff"
+            borderColor: B,
+            color: b ? "#fff" : E ? B : "#9CA3AF",
+            backgroundColor: b ? B : "#fff"
           }
         }, W),
         t.createElement("div", { key: "content", className: "pt-2" }, [
@@ -981,7 +978,7 @@ class de extends F {
     return t.createElement(he, e);
   }
 }
-const Be = C(de), ue = t.memo((n) => {
+const Ce = C(de), ue = t.memo((n) => {
   const {
     source: s,
     className: e,
@@ -1016,16 +1013,16 @@ class me extends F {
     return t.createElement(ue, i);
   }
 }
-const Se = C(me);
+const Fe = C(me);
 export {
-  ve as A,
-  ke as B,
-  we as I,
-  Ee as L,
-  Be as P,
-  Ne as S,
-  Ce as a,
-  Fe as b,
-  Se as c,
+  ye as A,
+  _e as B,
+  ke as I,
+  ve as L,
+  Ce as P,
+  Ee as S,
+  we as a,
+  Ne as b,
+  Fe as c,
   M as d
 };