fiboui 2.2.0 → 2.2.1

package/dist/index.js

@@ -2,29 +2,40 @@
 var re = Object.defineProperty;
 var ie = (a, e, t) => e in a ? re(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var d = (a, e, t) => ie(a, typeof e != "symbol" ? e + "" : e, t);
-import { v as D, F as G, G as se, H as ne } from "./builder-KLTu7nAI.js";
-import { C as rr, J as ir, I as sr, M as nr, q as ar, O as or, d as lr, P as ur, R as hr, h as cr, i as dr, S as fr, V as pr, f as _r, c as mr, b as yr, a as gr, x as br, g as vr, t as wr, y as kr, o as xr, p as $r, r as Sr, j as Or, s as Tr, n as Mr, k as Cr, m as Rr, l as Er, K as Ir, u as Br, e as Pr, L as Fr } from "./builder-KLTu7nAI.js";
-import { E as Nr, k as Ar, F as Wr, j as Hr, P as jr, i as zr, m as Dr, t as Gr, f as Vr, b as Yr, g as Xr, a as Ur, h as qr, u as Qr, d as Zr, e as Jr, c as Kr } from "./mount-D5gt_GWO.js";
-import { F as ei, b as ri } from "./FineGrain-6w615KQw.js";
-import { P as si } from "./PluginManager-D5-ApsSN.js";
-import { F as ai, c as oi, m as li, u as ui, w as hi } from "./provider-B0eB-Wy7.js";
-import { S as X, a as H } from "./index-DU2MC5u3.js";
-import { C as di, b as fi, D as pi, H as _i, L as mi, c as yi, e as gi, d as bi, V as vi, Z as wi } from "./index-DU2MC5u3.js";
-import { R as z } from "./index-ijbJR6lD.js";
-import { I as xi } from "./index-ijbJR6lD.js";
-import { B as st, d as j, A as ae, I as oe } from "./index-CbTvwN9K.js";
-import { b as Si, c as Oi, L as Ti, P as Mi, a as Ci, S as Ri } from "./index-CbTvwN9K.js";
-import { T as M } from "./index-DhPBYTPt.js";
-import { B as Mt } from "./index-BN2z9MuJ.js";
-import { C as Ii, c as Bi, R as Pi, b as Fi, S as Li, T as Ni, a as Ai } from "./index-BN2z9MuJ.js";
-import { B as E } from "./index-CYnY7jAX.js";
-import { C as J } from "./index-CdJvNseK.js";
-import { B as Hi, c as ji, G as zi, d as Di, L as Gi, a as Vi, T as Yi, b as Xi } from "./index-CdJvNseK.js";
-import $ from "react";
-import { R as qi } from "./Router-i6Nc6qVs.js";
-import { L as Zi, N as Ji, c as Ki, a as ts, b as es, d as rs, u as is } from "./Link-DDzSPY1Q.js";
-const le = $.memo((a) => {
-  const { image: e, title: t, price: s, likes: l, timeLeft: p, className: b, style: w, ...T } = a;
+import { w as D, x as G, J as se } from "./builder-KX69ixME.js";
+import { C as or, L as lr, K as ur, F as hr, M as cr, p as dr, O as fr, d as pr, P as _r, R as mr, f as yr, h as gr, S as vr, V as br, c as wr, b as kr, a as xr, z as $r, t as Sr, g as Or, q as Tr, v as Mr, A as Cr, o as Rr, n as Er, r as Ir, i as Br, s as Pr, m as Lr, j as Fr, l as Nr, k as Ar, N as Wr, u as jr, e as Hr } from "./builder-KX69ixME.js";
+import { n as ne } from "./mount-DX2mgYvd.js";
+import { E as Dr, l as Gr, F as Vr, k as Yr, P as Xr, c as Ur, j as qr, m as Qr, t as Zr, g as Jr, b as Kr, h as ti, a as ei, i as ri, u as ii, e as si, f as ni, d as ai } from "./mount-DX2mgYvd.js";
+import { F as li, b as ui } from "./FineGrain-uhDvqyeZ.js";
+import $, { useSyncExternalStore as ae } from "react";
+import { P as ci } from "./PluginManager-D5-ApsSN.js";
+import { F as fi, c as pi, m as _i, u as mi, w as yi } from "./provider-CihtUuRx.js";
+import { S as X, a as j } from "./index-D0tQrTAU.js";
+import { C as vi, b as bi, D as wi, H as ki, L as xi, c as $i, e as Si, d as Oi, V as Ti, Z as Mi } from "./index-D0tQrTAU.js";
+import { R as z } from "./index-CgPc0zLh.js";
+import { I as Ri } from "./index-CgPc0zLh.js";
+import { B as st, d as H, A as oe, I as le } from "./index-B7jJYOv5.js";
+import { b as Ii, c as Bi, L as Pi, P as Li, a as Fi, S as Ni } from "./index-B7jJYOv5.js";
+import { T as M } from "./index-Dj85aIkg.js";
+import { B as Mt } from "./index-Cud42ieq.js";
+import { C as Wi, c as ji, R as Hi, b as zi, S as Di, T as Gi, a as Vi } from "./index-Cud42ieq.js";
+import { B as E } from "./index-hNxXTy6z.js";
+import { C as J } from "./index-D7exw6yn.js";
+import { B as Xi, c as Ui, G as qi, d as Qi, L as Zi, a as Ji, T as Ki, b as ts } from "./index-D7exw6yn.js";
+import { R as rs } from "./Router-BwbaHooU.js";
+import { L as ss, N as ns, c as as, a as os, b as ls, d as us, u as hs } from "./Link-ElmaMZB8.js";
+function ue(a) {
+  return typeof window > "u" ? () => {
+  } : (window.addEventListener("resize", a), () => window.removeEventListener("resize", a));
+}
+function he() {
+  return typeof window > "u" ? 1024 : window.innerWidth;
+}
+function je() {
+  return ae(ue, he, () => 1024);
+}
+const ce = $.memo((a) => {
+  const { image: e, title: t, price: s, likes: l, timeLeft: p, className: v, style: b, ...T } = a;
   return J().classNames(["group", "transition-all", "duration-300", "hover:-translate-y-1"]).style({
     width: "100%",
     borderRadius: "24px",
@@ -32,28 +43,28 @@ const le = $.memo((a) => {
     boxShadow: "0 10px 40px -10px rgba(0,0,0,0.05)",
     padding: "16px",
     background: "#fff",
-    ...w
-  }).className(b).props(T).children([
+    ...b
+  }).className(v).props(T).children([
     E().classNames(["relative", "aspect-square", "overflow-hidden", "rounded-[20px]"]).children([
       E().classNames(["w-full", "h-full", "bg-gray-200", "bg-cover", "bg-center"]).style({ backgroundImage: `url(${e})` }).build(),
       E().classNames(["absolute", "top-3", "right-3"]).children(
-        st().variant("glass").shape("pill").icon(E().classNames(["text-gray-400", "hover:text-red-500"]).children(j.Heart).build()).text(`${l}`).build()
+        st().variant("glass").shape("pill").icon(E().classNames(["text-gray-400", "hover:text-red-500"]).children(H.Heart).build()).text(`${l}`).build()
       ).build()
     ]).build(),
     X().height(16).build(),
     z().justifyContent("between").alignItems("start").children([
-      H().gap(4).children([
+      j().gap(4).children([
         M(t).fontWeight(700).fontSize(18).color("#111827").build(),
         st().variant("neutral").text("Not for sale x1").build()
       ]).build(),
-      E().classNames(["text-gray-300"]).children(j.More).build()
+      E().classNames(["text-gray-300"]).children(H.More).build()
     ]).build(),
     X().height(16).build(),
     z().justifyContent("between").alignItems("center").children([
-      H().gap(4).children([
+      j().gap(4).children([
         M("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
         z().gap(4).alignItems("center").children([
-          E().classNames(["text-blue-500"]).children(j.Eth).build(),
+          E().classNames(["text-blue-500"]).children(H.Eth).build(),
           M(`${s} ETH`).fontSize(15).fontWeight(700).color("#111827").build()
         ]).build()
       ]).build(),
@@ -66,10 +77,10 @@ const le = $.memo((a) => {
       }).build()
     ]).build(),
     X().height(12).build(),
-    p ? st().variant("accent").shape("rounded").icon(E().children(j.Clock).build()).text(p).style({ width: "100%" }).build() : null
+    p ? st().variant("accent").shape("rounded").icon(E().children(H.Clock).build()).text(p).style({ width: "100%" }).build() : null
   ]).build();
 });
-class ue extends G {
+class de extends G {
   constructor() {
     super(...arguments);
     d(this, "_image", "");
@@ -104,11 +115,11 @@ class ue extends G {
       style: this.getStyle(),
       ...this._props
     };
-    return $.createElement(le, t);
+    return $.createElement(ce, t);
   }
 }
-const Le = D(ue), he = $.memo((a) => {
-  const { banner: e, avatar: t, name: s, handle: l, stats: p, className: b, style: w, ...T } = a;
+const He = D(de), fe = $.memo((a) => {
+  const { banner: e, avatar: t, name: s, handle: l, stats: p, className: v, style: b, ...T } = a;
   return J().style({
     width: "100%",
     borderRadius: "24px",
@@ -117,15 +128,15 @@ const Le = D(ue), he = $.memo((a) => {
     padding: "0",
     overflow: "hidden",
     background: "#fff",
-    ...w
-  }).className(b).props(T).children([
+    ...b
+  }).className(v).props(T).children([
     E().style({ height: "100px", backgroundImage: `url(${e})`, backgroundSize: "cover", backgroundPosition: "center" }).build(),
-    H().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
-      ae().image(t).size(80).border("4px solid #fff").build(),
+    j().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
+      oe().image(t).size(80).border("4px solid #fff").build(),
       X().height(12).build(),
       z().gap(6).alignItems("center").children([
         M(s).fontWeight(700).fontSize(18).color("#111827").build(),
-        j.Verify
+        H.Verify
       ]).build(),
       M(l).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
       X().height(16).build(),
@@ -138,17 +149,17 @@ const Le = D(ue), he = $.memo((a) => {
       }).build(),
       X().height(24).build(),
       z().classNames(["w-full", "border-t", "border-gray-100", "pt-4"]).justifyContent("between").children([
-        H().alignItems("center").gap(4).children([
+        j().alignItems("center").gap(4).children([
           M(p.items).fontWeight(700).fontSize(14).build(),
           M("Items").fontSize(11).color("#9CA3AF").build()
         ]).build(),
-        H().alignItems("center").gap(4).children([
+        j().alignItems("center").gap(4).children([
           M(p.owners).fontWeight(700).fontSize(14).build(),
           M("Owners").fontSize(11).color("#9CA3AF").build()
         ]).build(),
-        H().alignItems("center").gap(4).children([
+        j().alignItems("center").gap(4).children([
           z().alignItems("center").gap(2).children([
-            E().width(8).children(j.Eth).build(),
+            E().width(8).children(H.Eth).build(),
             M(p.floor).fontWeight(700).fontSize(14).build()
           ]).build(),
           M("Floor").fontSize(11).color("#9CA3AF").build()
@@ -157,7 +168,7 @@ const Le = D(ue), he = $.memo((a) => {
     ]).build()
   ]).build();
 });
-class ce extends G {
+class pe extends G {
   constructor() {
     super(...arguments);
     d(this, "_banner", "");
@@ -192,11 +203,11 @@ class ce extends G {
       style: this.getStyle(),
       ...this._props
     };
-    return $.createElement(he, t);
+    return $.createElement(fe, t);
   }
 }
-const Ne = D(ce), de = $.memo((a) => {
-  const { image: e, title: t, author: s, items: l, className: p, style: b, ...w } = a;
+const ze = D(pe), _e = $.memo((a) => {
+  const { image: e, title: t, author: s, items: l, className: p, style: v, ...b } = a;
   return J().classNames(["group", "cursor-pointer"]).style({
     width: "100%",
     borderRadius: "24px",
@@ -204,22 +215,22 @@ const Ne = D(ce), de = $.memo((a) => {
     position: "relative",
     overflow: "hidden",
     border: "none",
-    ...b
-  }).className(p).props(w).children([
+    ...v
+  }).className(p).props(b).children([
     E().classNames(["absolute", "inset-0", "bg-cover", "bg-center", "transition-transform", "duration-500"]).style({ backgroundImage: `url(${e})` }).build(),
     E().classNames(["absolute", "inset-0", "bg-gradient-to-t", "from-black/80", "via-black/20", "to-transparent"]).build(),
-    H().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
+    j().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
       M(l).color("white").fontSize(12).classNames(["opacity-90", "mb-1", "uppercase", "tracking-wider"]).fontWeight(600).build(),
       M(t).color("white").fontSize(22).fontWeight(700).build(),
       z().gap(6).alignItems("center").children([
         M("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
         M(s).color("white").fontSize(13).fontWeight(600).build(),
-        j.Verify
+        H.Verify
       ]).build()
     ]).build()
   ]).build();
 });
-class fe extends G {
+class me extends G {
   constructor() {
     super(...arguments);
     d(this, "_image", "");
@@ -249,21 +260,21 @@ class fe extends G {
       style: this.getStyle(),
       ...this._props
     };
-    return $.createElement(de, t);
+    return $.createElement(_e, t);
   }
 }
-const Ae = D(fe), pe = $.memo((a) => {
+const De = D(me), ye = $.memo((a) => {
   const {
     image: e,
     title: t,
     description: s,
     date: l,
     source: p,
-    className: b,
-    style: w
+    className: v,
+    style: b
   } = a;
-  return J().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${b}`).style(w).children([
-    e ? oe().src(e).className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
+  return J().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${v}`).style(b).children([
+    e ? le().src(e).className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
     E().className("flex flex-col gap-2").children([
       t ? M(t).fontSize(18).fontWeight(700).color("#111827").lineHeight(1.25).build() : null,
       s ? M(s).fontSize(14).color("#4B5563").lineHeight(1.5).className("line-clamp-2").build() : null,
@@ -273,7 +284,7 @@ const Ae = D(fe), pe = $.memo((a) => {
     ]).build()
   ]).build();
 });
-class _e extends G {
+class ge extends G {
   constructor() {
     super(...arguments);
     d(this, "_image");
@@ -308,11 +319,11 @@ class _e extends G {
       style: this.getStyle(),
       ...this._props
     };
-    return $.createElement(pe, t);
+    return $.createElement(ye, t);
   }
 }
-const We = D(_e), me = $.memo((a) => {
-  const { width: e, height: t, viewBox: s, children: l, className: p, style: b } = a;
+const Ge = D(ge), ve = $.memo((a) => {
+  const { width: e, height: t, viewBox: s, children: l, className: p, style: v } = a;
   return $.createElement(
     "svg",
     {
@@ -320,13 +331,13 @@ const We = D(_e), me = $.memo((a) => {
       height: t,
       viewBox: s || `0 0 ${e} ${t}`,
       className: `fibo-canvas ${p || ""}`,
-      style: b,
+      style: v,
       xmlns: "http://www.w3.org/2000/svg"
     },
     ...l
   );
 });
-class ye extends G {
+class be extends G {
   constructor() {
     super(...arguments);
     d(this, "_width", 100);
@@ -354,10 +365,10 @@ class ye extends G {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return $.createElement(me, s);
+    return $.createElement(ve, s);
   }
 }
-const ge = D(ye);
+const we = D(be);
 class nt {
   constructor() {
     d(this, "_className");
@@ -580,7 +591,7 @@ function at(a) {
     }), e.props = p.props ?? {}, e.ref = p.ref ?? null, e._store = { validated: 1 }, e;
   };
 }
-class be extends nt {
+class ke extends nt {
   constructor() {
     super(...arguments);
     d(this, "_cx", 0);
@@ -675,8 +686,8 @@ class be extends nt {
     );
   }
 }
-const L = at(be);
-class ve extends nt {
+const F = at(ke);
+class xe extends nt {
   constructor() {
     super(...arguments);
     d(this, "_x", 0);
@@ -764,17 +775,17 @@ class ve extends nt {
     return this._transform = `rotate(${t} ${s} ${l})`, this;
   }
   generateRoundedRectPath() {
-    const t = this._x, s = this._y, l = this._width, p = this._height, b = this._radiusTopLeft || 0, w = this._radiusTopRight || 0, T = this._radiusBottomRight || 0, B = this._radiusBottomLeft || 0;
+    const t = this._x, s = this._y, l = this._width, p = this._height, v = this._radiusTopLeft || 0, b = this._radiusTopRight || 0, T = this._radiusBottomRight || 0, B = this._radiusBottomLeft || 0;
     return `
-      M ${t + b} ${s}
-      L ${t + l - w} ${s}
-      Q ${t + l} ${s} ${t + l} ${s + w}
+      M ${t + v} ${s}
+      L ${t + l - b} ${s}
+      Q ${t + l} ${s} ${t + l} ${s + b}
       L ${t + l} ${s + p - T}
       Q ${t + l} ${s + p} ${t + l - T} ${s + p}
       L ${t + B} ${s + p}
       Q ${t} ${s + p} ${t} ${s + p - B}
-      L ${t} ${s + b}
-      Q ${t} ${s} ${t + b} ${s}
+      L ${t} ${s + v}
+      Q ${t} ${s} ${t + v} ${s}
       Z
     `.trim().replace(/\s+/g, " ");
   }
@@ -832,8 +843,8 @@ class ve extends nt {
     );
   }
 }
-const St = at(ve);
-class we extends nt {
+const St = at(xe);
+class $e extends nt {
   constructor() {
     super(...arguments);
     d(this, "_d", "");
@@ -855,8 +866,8 @@ class we extends nt {
   verticalLineTo(t) {
     return this._d += `V ${t} `, this;
   }
-  curveTo(t, s, l, p, b, w) {
-    return this._d += `C ${t} ${s}, ${l} ${p}, ${b} ${w} `, this;
+  curveTo(t, s, l, p, v, b) {
+    return this._d += `C ${t} ${s}, ${l} ${p}, ${v} ${b} `, this;
   }
   smoothCurveTo(t, s, l, p) {
     return this._d += `S ${t} ${s}, ${l} ${p} `, this;
@@ -867,8 +878,8 @@ class we extends nt {
   smoothQuadraticCurveTo(t, s) {
     return this._d += `T ${t} ${s} `, this;
   }
-  arc(t, s, l, p, b, w, T) {
-    return this._d += `A ${t} ${s} ${l} ${p} ${b} ${w} ${T} `, this;
+  arc(t, s, l, p, v, b, T) {
+    return this._d += `A ${t} ${s} ${l} ${p} ${v} ${b} ${T} `, this;
   }
   close() {
     return this._d += "Z ", this;
@@ -923,11 +934,11 @@ class we extends nt {
     );
   }
 }
-const I = at(we);
-class ke extends G {
+const I = at($e);
+class Se extends G {
   constructor() {
     super(...arguments);
-    d(this, "_id", se("gradient"));
+    d(this, "_id");
     d(this, "_colors", ["#000", "#fff"]);
     d(this, "_stops");
     d(this, "_angle", 0);
@@ -935,6 +946,9 @@ class ke extends G {
   id(t) {
     return this._id = t, this;
   }
+  gradientId() {
+    return this._id ? this._id : `gradient-${se(JSON.stringify({ c: this._colors, s: this._stops, a: this._angle }))}`;
+  }
   colors(t) {
     return this._colors = t, this;
   }
@@ -945,34 +959,34 @@ class ke extends G {
     return this._angle = t, this;
   }
   angleToCoords() {
-    const t = (this._angle - 90) * (Math.PI / 180), s = 50 - Math.cos(t) * 50, l = 50 - Math.sin(t) * 50, p = 50 + Math.cos(t) * 50, b = 50 + Math.sin(t) * 50;
+    const t = (this._angle - 90) * (Math.PI / 180), s = 50 - Math.cos(t) * 50, l = 50 - Math.sin(t) * 50, p = 50 + Math.cos(t) * 50, v = 50 + Math.sin(t) * 50;
     return {
       x1: `${s}%`,
       y1: `${l}%`,
       x2: `${p}%`,
-      y2: `${b}%`
+      y2: `${v}%`
     };
   }
   build() {
-    const t = this.angleToCoords(), s = this._stops || this._colors.map((p, b) => b / (this._colors.length - 1));
+    const t = this.angleToCoords(), s = this._stops || this._colors.map((v, b) => b / (this._colors.length - 1)), l = this.gradientId();
     return { element: $.createElement(
       "linearGradient",
       {
-        id: this._id,
+        id: l,
         ...t
       },
       this._colors.map(
-        (p, b) => $.createElement("stop", {
+        (v, b) => $.createElement("stop", {
           key: b,
           offset: `${s[b] * 100}%`,
-          stopColor: p
+          stopColor: v
         })
       )
-    ), id: this._id };
+    ), id: l };
   }
 }
-const He = D(ke);
-class xe extends G {
+const Ve = D(Se);
+class Oe extends G {
   constructor() {
     super(...arguments);
     d(this, "_iconSize", 100);
@@ -982,8 +996,8 @@ class xe extends G {
   }
   build() {
     const t = this._iconSize;
-    return ge().width(t).height(t).viewBox("0 0 100 100").children([
-      L().center(50, 92).radius(35).fillHex("#000000").opacity(0.15).blur(4).scale(1, 0.2).build(),
+    return we().width(t).height(t).viewBox("0 0 100 100").children([
+      F().center(50, 92).radius(35).fillHex("#000000").opacity(0.15).blur(4).scale(1, 0.2).build(),
       I().startAt(15, 80).pull(15, 92).to(30, 92).to(70, 92).pull(85, 92).to(85, 80).to(85, 75).to(15, 75).done().fillHex("#E6A15C").strokeHex("#CC8E51").strokeWidth(0.5).shadow(0, 2, 3, "rgba(0,0,0,0.1)").build(),
       I().startAt(25, 88).pull(50, 90).to(75, 88).strokeHex("#F5CBA7").strokeWidth(2).opacity(0.4).fill("none").build(),
       St().position(12, 65).size(76, 12).cornerRadius(4).fillHex("#5D4037").strokeHex("#3E2723").strokeWidth(0.5).children([
@@ -998,22 +1012,22 @@ class xe extends G {
       ]).build(),
       I().startAt(10, 52).pull(17.5, 58).to(25, 52).pull(32.5, 58).to(40, 52).pull(47.5, 58).to(55, 52).pull(62.5, 58).to(70, 52).pull(77.5, 58).to(85, 52).pull(92, 55).to(90, 58).to(12, 58).pull(8, 55).to(10, 52).done().fillHex("#7CB342").strokeHex("#558B2F").strokeWidth(0.5).shadow(0, 1, 2, "rgba(0,0,0,0.15)").build(),
       I().startAt(10, 50).pull(10, 20).to(50, 20).pull(90, 20).to(90, 50).to(90, 52).pull(90, 55).to(85, 56).to(15, 56).pull(10, 55).to(10, 52).done().fillHex("#E6A15C").strokeHex("#CC8E51").strokeWidth(0.5).children([
-        L().center(30, 35).radius(10).fillHex("#FFFFFF").opacity(0.15).blur(5).scale(1.5, 0.8).build()
+        F().center(30, 35).radius(10).fillHex("#FFFFFF").opacity(0.15).blur(5).scale(1.5, 0.8).build()
       ]).shadow(0, -2, 4, "rgba(0,0,0,0.05) inset").build(),
-      L().center(30, 32).radius(1.5).fillHex("#FFE0B2").build(),
-      L().center(45, 28).radius(1.5).fillHex("#FFE0B2").build(),
-      L().center(60, 30).radius(1.5).fillHex("#FFE0B2").build(),
-      L().center(75, 35).radius(1.5).fillHex("#FFE0B2").build(),
-      L().center(40, 42).radius(1.5).fillHex("#FFE0B2").build(),
-      L().center(55, 40).radius(1.5).fillHex("#FFE0B2").build(),
-      L().center(20, 40).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(30, 32).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(45, 28).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(60, 30).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(75, 35).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(40, 42).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(55, 40).radius(1.5).fillHex("#FFE0B2").build(),
+      F().center(20, 40).radius(1.5).fillHex("#FFE0B2").build(),
       I().startAt(68, 24).pull(70, 24).to(70, 26).pull(70, 28).to(68, 28).pull(66, 28).to(66, 26).pull(66, 24).to(68, 24).done().fillHex("#FFE0B2").rotate(45, 68, 26).build(),
       I().startAt(52, 22).pull(54, 22).to(54, 24).pull(54, 26).to(52, 26).pull(50, 26).to(50, 24).pull(50, 22).to(52, 22).done().fillHex("#FFE0B2").rotate(-30, 52, 24).build()
     ]).build();
   }
 }
-const je = D(xe);
-function ze(a = {}) {
+const Ye = D(Oe);
+function Xe(a = {}) {
   return function(e) {
     const t = typeof a.memo == "function" ? a.memo : void 0, s = ne(e, t);
     return Object.defineProperty(s, "name", {
@@ -1023,7 +1037,7 @@ function ze(a = {}) {
   };
 }
 const K = [];
-function De(a, e = {}) {
+function Ue(a, e = {}) {
   return function(t) {
     const s = {
       path: a,
@@ -1034,13 +1048,13 @@ function De(a, e = {}) {
     return K.push(s), t;
   };
 }
-function Ge() {
+function qe() {
   return [...K];
 }
-function Ve() {
+function Qe() {
   K.length = 0;
 }
-function Ye(a, e, t = {}) {
+function Ze(a, e, t = {}) {
   const s = {
     path: a,
     component: e,
@@ -1067,7 +1081,7 @@ and limitations under the License.
 var Tt;
 (function(a) {
   (function(e) {
-    var t = typeof globalThis == "object" ? globalThis : typeof Ot == "object" ? Ot : typeof self == "object" ? self : typeof this == "object" ? this : w(), s = l(a);
+    var t = typeof globalThis == "object" ? globalThis : typeof Ot == "object" ? Ot : typeof self == "object" ? self : typeof this == "object" ? this : b(), s = l(a);
     typeof t.Reflect < "u" && (s = l(t.Reflect, s)), e(s, t), typeof t.Reflect > "u" && (t.Reflect = a);
     function l(T, B) {
       return function(R, N) {
@@ -1080,19 +1094,19 @@ var Tt;
       } catch {
       }
     }
-    function b() {
+    function v() {
       try {
         return (0, eval)("(function() { return this; })()");
       } catch {
       }
     }
-    function w() {
-      return p() || b();
+    function b() {
+      return p() || v();
     }
   })(function(e, t) {
-    var s = Object.prototype.hasOwnProperty, l = typeof Symbol == "function", p = l && typeof Symbol.toPrimitive < "u" ? Symbol.toPrimitive : "@@toPrimitive", b = l && typeof Symbol.iterator < "u" ? Symbol.iterator : "@@iterator", w = typeof Object.create == "function", T = { __proto__: [] } instanceof Array, B = !w && !T, R = {
+    var s = Object.prototype.hasOwnProperty, l = typeof Symbol == "function", p = l && typeof Symbol.toPrimitive < "u" ? Symbol.toPrimitive : "@@toPrimitive", v = l && typeof Symbol.iterator < "u" ? Symbol.iterator : "@@iterator", b = typeof Object.create == "function", T = { __proto__: [] } instanceof Array, B = !b && !T, R = {
       // create an object in dictionary mode (a.k.a. "slow" mode in v8)
-      create: w ? function() {
+      create: b ? function() {
         return it(/* @__PURE__ */ Object.create(null));
       } : T ? function() {
         return it({ __proto__: null });
@@ -1116,7 +1130,7 @@ var Tt;
           throw new TypeError();
         if (!gt(i))
           throw new TypeError();
-        return Ht(r, i);
+        return jt(r, i);
       } else {
         if (!yt(r))
           throw new TypeError();
@@ -1124,7 +1138,7 @@ var Tt;
           throw new TypeError();
         if (!S(o) && !m(o) && !Y(o))
           throw new TypeError();
-        return Y(o) && (o = void 0), n = F(n), jt(r, i, n, o);
+        return Y(o) && (o = void 0), n = L(n), Ht(r, i, n, o);
       }
     }
     e("decorate", Rt);
@@ -1142,51 +1156,51 @@ var Tt;
     function It(r, i, n, o) {
       if (!S(n))
         throw new TypeError();
-      return m(o) || (o = F(o)), dt(r, i, n, o);
+      return m(o) || (o = L(o)), dt(r, i, n, o);
     }
     e("defineMetadata", It);
     function Bt(r, i, n) {
       if (!S(i))
         throw new TypeError();
-      return m(n) || (n = F(n)), ut(r, i, n);
+      return m(n) || (n = L(n)), ut(r, i, n);
     }
     e("hasMetadata", Bt);
     function Pt(r, i, n) {
       if (!S(i))
         throw new TypeError();
-      return m(n) || (n = F(n)), tt(r, i, n);
+      return m(n) || (n = L(n)), tt(r, i, n);
     }
     e("hasOwnMetadata", Pt);
-    function Ft(r, i, n) {
+    function Lt(r, i, n) {
       if (!S(i))
         throw new TypeError();
-      return m(n) || (n = F(n)), ht(r, i, n);
+      return m(n) || (n = L(n)), ht(r, i, n);
     }
-    e("getMetadata", Ft);
-    function Lt(r, i, n) {
+    e("getMetadata", Lt);
+    function Ft(r, i, n) {
       if (!S(i))
         throw new TypeError();
-      return m(n) || (n = F(n)), ct(r, i, n);
+      return m(n) || (n = L(n)), ct(r, i, n);
     }
-    e("getOwnMetadata", Lt);
+    e("getOwnMetadata", Ft);
     function Nt(r, i) {
       if (!S(r))
         throw new TypeError();
-      return m(i) || (i = F(i)), ft(r, i);
+      return m(i) || (i = L(i)), ft(r, i);
     }
     e("getMetadataKeys", Nt);
     function At(r, i) {
       if (!S(r))
         throw new TypeError();
-      return m(i) || (i = F(i)), pt(r, i);
+      return m(i) || (i = L(i)), pt(r, i);
     }
     e("getOwnMetadataKeys", At);
     function Wt(r, i, n) {
       if (!S(i))
         throw new TypeError();
-      if (m(n) || (n = F(n)), !S(i))
+      if (m(n) || (n = L(n)), !S(i))
         throw new TypeError();
-      m(n) || (n = F(n));
+      m(n) || (n = L(n));
       var o = U(
         i,
         n,
@@ -1196,7 +1210,7 @@ var Tt;
       return m(o) ? !1 : o.OrdinaryDeleteMetadata(r, i, n);
     }
     e("deleteMetadata", Wt);
-    function Ht(r, i) {
+    function jt(r, i) {
       for (var n = r.length - 1; n >= 0; --n) {
         var o = r[n], _ = o(i);
         if (!m(_) && !Y(_)) {
@@ -1207,7 +1221,7 @@ var Tt;
       }
       return i;
     }
-    function jt(r, i, n, o) {
+    function Ht(r, i, n, o) {
       for (var _ = r.length - 1; _ >= 0; --_) {
         var k = r[_], O = k(i, n, o);
         if (!m(O) && !Y(O)) {
@@ -1336,7 +1350,7 @@ var Tt;
         case 5:
           return r;
       }
-      var n = "string", o = bt(r, p);
+      var n = "string", o = vt(r, p);
       if (o !== void 0) {
         var _ = o.call(r, n);
         if (S(_))
@@ -1369,7 +1383,7 @@ var Tt;
     function Vt(r) {
       return "" + r;
     }
-    function F(r) {
+    function L(r) {
       var i = Dt(r);
       return zt(i) ? i : Vt(i);
     }
@@ -1395,7 +1409,7 @@ var Tt;
     function et(r, i) {
       return r === i || r !== r && i !== i;
     }
-    function bt(r, i) {
+    function vt(r, i) {
       var n = r[i];
       if (n != null) {
         if (!Z(n))
@@ -1403,8 +1417,8 @@ var Tt;
         return n;
       }
     }
-    function vt(r) {
-      var i = bt(r, b);
+    function bt(r) {
+      var i = vt(r, v);
       if (!Z(i))
         throw new TypeError();
       var n = i.call(r);
@@ -1471,13 +1485,13 @@ var Tt;
             if (n.isProviderFor(f, g))
               return i;
             if (!m(o))
-              for (var v = vt(o); ; ) {
-                var x = kt(v);
+              for (var w = bt(o); ; ) {
+                var x = kt(w);
                 if (!x)
                   return;
                 var P = wt(x);
                 if (P.isProviderFor(f, g))
-                  return xt(v), P;
+                  return xt(w), P;
               }
           }
         }
@@ -1485,23 +1499,23 @@ var Tt;
           return r;
       }
       function u(f, g) {
-        var v = _.get(f), x;
-        return m(v) || (x = v.get(g)), m(x) && (x = y(f, g), m(x) || (m(v) && (v = new A(), _.set(f, v)), v.set(g, x))), x;
+        var w = _.get(f), x;
+        return m(w) || (x = w.get(g)), m(x) && (x = y(f, g), m(x) || (m(w) && (w = new A(), _.set(f, w)), w.set(g, x))), x;
       }
       function h(f) {
         if (m(f))
           throw new TypeError();
         return i === f || n === f || !m(o) && o.has(f);
       }
-      function c(f, g, v) {
-        if (!h(v))
+      function c(f, g, w) {
+        if (!h(w))
           throw new Error("Metadata provider not registered.");
         var x = u(f, g);
-        if (x !== v) {
+        if (x !== w) {
           if (!m(x))
             return !1;
           var P = _.get(f);
-          m(P) && (P = new A(), _.set(f, P)), P.set(g, v);
+          m(P) && (P = new A(), _.set(f, P)), P.set(g, w);
         }
         return !0;
       }
@@ -1529,18 +1543,18 @@ var Tt;
       };
       return Q.registerProvider(n), n;
       function o(h, c, f) {
-        var g = i.get(h), v = !1;
+        var g = i.get(h), w = !1;
         if (m(g)) {
           if (!f)
             return;
-          g = new A(), i.set(h, g), v = !0;
+          g = new A(), i.set(h, g), w = !0;
         }
         var x = g.get(c);
         if (m(x)) {
           if (!f)
             return;
           if (x = new A(), g.set(c, x), !r.setProvider(h, c, n))
-            throw g.delete(c), v && i.delete(h), new Error("Wrong provider for target.");
+            throw g.delete(c), w && i.delete(h), new Error("Wrong provider for target.");
         }
         return x;
       }
@@ -1564,13 +1578,13 @@ var Tt;
           return g.get(h);
       }
       function O(h, c, f, g) {
-        var v = o(
+        var w = o(
           f,
           g,
           /*Create*/
           !0
         );
-        v.set(h, c);
+        w.set(h, c);
       }
       function y(h, c) {
         var f = [], g = o(
@@ -1581,7 +1595,7 @@ var Tt;
         );
         if (m(g))
           return f;
-        for (var v = g.keys(), x = vt(v), P = 0; ; ) {
+        for (var w = g.keys(), x = bt(w), P = 0; ; ) {
           var $t = kt(x);
           if (!$t)
             return f.length = P, f;
@@ -1608,8 +1622,8 @@ var Tt;
         if (m(g) || !g.delete(h))
           return !1;
         if (g.size === 0) {
-          var v = i.get(c);
-          m(v) || (v.delete(f), v.size === 0 && i.delete(v));
+          var w = i.get(c);
+          m(w) || (w.delete(f), w.size === 0 && i.delete(w));
         }
         return !0;
       }
@@ -1647,7 +1661,7 @@ var Tt;
           }
           return y.prototype["@@iterator"] = function() {
             return this;
-          }, y.prototype[b] = function() {
+          }, y.prototype[v] = function() {
             return this;
           }, y.prototype.next = function() {
             var u = this._index;
@@ -1716,7 +1730,7 @@ var Tt;
             return new n(this._keys, this._values, O);
           }, y.prototype["@@iterator"] = function() {
             return this.entries();
-          }, y.prototype[b] = function() {
+          }, y.prototype[v] = function() {
             return this.entries();
           }, y.prototype._find = function(u, h) {
             if (!et(this._cacheKey, u)) {
@@ -1771,7 +1785,7 @@ var Tt;
             return this._map.entries();
           }, i.prototype["@@iterator"] = function() {
             return this.keys();
-          }, i.prototype[b] = function() {
+          }, i.prototype[v] = function() {
             return this.keys();
           }, i;
         }()
@@ -1862,27 +1876,27 @@ var Tt;
   });
 })(Tt || (Tt = {}));
 const q = /* @__PURE__ */ new Map(), Ct = Symbol("store");
-function Xe() {
+function Je() {
   return function(a) {
     Reflect.defineMetadata(Ct, !0, a);
     const e = new a();
     return q.set(a, e), a;
   };
 }
-function $e(a) {
+function Te(a) {
   if (!q.has(a)) {
     const e = new a();
     q.set(a, e);
   }
   return q.get(a);
 }
-function Ue(a) {
-  return $e(a);
+function Ke(a) {
+  return Te(a);
 }
-function qe() {
+function tr() {
   q.clear();
 }
-function Qe(a) {
+function er(a) {
   return Reflect.getMetadata(Ct, a) === !0;
 }
 const ot = {
@@ -1897,20 +1911,20 @@ const ot = {
     removeItem: (a) => sessionStorage.removeItem(a)
   }
 };
-function Ze(a, e) {
+function rr(a, e) {
   const {
     key: t,
     storage: s = ot.localStorage,
     include: l,
     exclude: p,
-    debounce: b = 300,
-    version: w = 1,
+    debounce: v = 300,
+    version: b = 1,
     migrate: T
   } = e, B = s.getItem(t);
   if (B)
     try {
       const C = JSON.parse(B);
-      if (C._version !== w && T) {
+      if (C._version !== b && T) {
         const W = T(C.data, C._version || 0);
         a.value = W;
       } else
@@ -1923,22 +1937,22 @@ function Ze(a, e) {
     R && clearTimeout(R), R = setTimeout(() => {
       try {
         let C = a.value;
-        (l || p) && (C = Se(a.value, l, p));
+        (l || p) && (C = Me(a.value, l, p));
         const W = {
-          _version: w,
+          _version: b,
           data: C
         };
         s.setItem(t, JSON.stringify(W));
       } catch (C) {
         console.error(`Failed to persist state for key "${t}":`, C);
       }
-    }, b);
+    }, v);
   }, A = a.subscribe(N);
   return () => {
     A(), R && clearTimeout(R);
   };
 }
-function Se(a, e, t) {
+function Me(a, e, t) {
   if (!a || typeof a != "object")
     return a;
   const s = {}, l = Object.keys(a);
@@ -1946,10 +1960,10 @@ function Se(a, e, t) {
     e && !e.includes(p) || t && t.includes(p) || (s[p] = a[p]);
   return s;
 }
-function Je(a, e = ot.localStorage) {
+function ir(a, e = ot.localStorage) {
   e.removeItem(a);
 }
-function Ke(a, e = ot.localStorage) {
+function sr(a, e = ot.localStorage) {
   const t = e.getItem(a);
   if (!t)
     return null;
@@ -1960,137 +1974,140 @@ function Ke(a, e = ot.localStorage) {
   }
 }
 export {
-  Si as Alert,
-  Le as AssetCard,
-  ae as Avatar,
+  Ii as Alert,
+  He as AssetCard,
+  oe as Avatar,
   st as Badge,
-  Hi as Banner,
+  Xi as Banner,
   E as Box,
-  je as BurgerIcon,
+  Ye as BurgerIcon,
   Mt as Button,
-  ge as Canvas,
+  we as Canvas,
   J as Card,
-  di as Center,
-  Ii as Checkbox,
-  L as Circle,
-  ji as Collapse,
-  Ae as CollectionCard,
-  H as Column,
-  Bi as Combobox,
-  ze as Component,
-  rr as ComputedSignal,
-  fi as Container,
-  We as ContentCard,
-  pi as DashboardLayout,
-  Nr as Easing,
-  ir as FIBO_BREAKPOINTS,
-  sr as FIBO_MOTION_CSS,
-  Ar as Fibo,
-  Wr as FiboApp,
-  Hr as FiboAppBuilder,
-  ai as FiboThemeProvider,
-  ei as FineGrainText,
-  zi as Grid,
-  Di as GridItem,
-  _i as Header,
-  xi as Icon,
-  oe as Image,
-  Oi as Integration,
-  Ti as Label,
-  mi as Line,
-  He as LinearGradient,
-  Zi as Link,
-  Gi as List,
-  Vi as ListTile,
-  nr as MOTION_PRESETS,
-  ar as MotionStyles,
-  Ji as NavLink,
-  or as Observable,
-  lr as Observer,
-  De as Page,
+  vi as Center,
+  Wi as Checkbox,
+  F as Circle,
+  Ui as Collapse,
+  De as CollectionCard,
+  j as Column,
+  ji as Combobox,
+  Xe as Component,
+  or as ComputedSignal,
+  bi as Container,
+  Ge as ContentCard,
+  wi as DashboardLayout,
+  Dr as Easing,
+  lr as FIBO_BREAKPOINTS,
+  ur as FIBO_MOTION_CSS,
+  Gr as Fibo,
+  Vr as FiboApp,
+  Yr as FiboAppBuilder,
+  hr as FiboStyles,
+  fi as FiboThemeProvider,
+  li as FineGrainText,
+  qi as Grid,
+  Qi as GridItem,
+  ki as Header,
+  Ri as Icon,
+  le as Image,
+  Bi as Integration,
+  Pi as Label,
+  xi as Line,
+  Ve as LinearGradient,
+  ss as Link,
+  Zi as List,
+  Ji as ListTile,
+  cr as MOTION_PRESETS,
+  dr as MotionStyles,
+  ns as NavLink,
+  fr as Observable,
+  pr as Observer,
+  Ue as Page,
   I as Path,
-  si as PluginManager,
-  jr as Presence,
-  Ne as ProfileCard,
-  Mi as Progress,
-  ur as ProviderWrapper,
-  Pi as RadioGroup,
-  hr as ReactivityRoot,
+  ci as PluginManager,
+  Xr as Presence,
+  ze as ProfileCard,
+  Li as Progress,
+  _r as ProviderWrapper,
+  Hi as RadioGroup,
+  mr as ReactivityRoot,
   St as Rect,
-  cr as Reveal,
-  qi as Router,
+  yr as Reveal,
+  rs as Router,
   z as Row,
-  yi as Scaffold,
-  dr as ScrollProgress,
-  gi as ScrollView,
-  Fi as Select,
-  bi as Sidebar,
-  fr as Signal,
-  Ci as Skeleton,
+  $i as Scaffold,
+  gr as ScrollProgress,
+  Si as ScrollView,
+  zi as Select,
+  Oi as Sidebar,
+  vr as Signal,
+  Fi as Skeleton,
   X as Spacer,
-  Ri as Spinner,
-  Xe as Store,
-  Li as Switch,
-  Yi as Table,
-  Xi as Tags,
+  Ni as Spinner,
+  Je as Store,
+  Di as Switch,
+  Ki as Table,
+  ts as Tags,
   M as Text,
-  Ni as TextField,
-  Ai as Textarea,
-  pr as ValueBuilder,
-  vi as VirtualColumn,
-  wi as ZStack,
-  _r as applyResponsiveStyles,
-  ri as bindText,
-  Je as clearPersistedState,
-  Ve as clearRoutes,
-  qe as clearStores,
-  mr as computed,
-  yr as createReactivityRoot,
-  gr as createStore,
-  zr as cssCurve,
-  oi as cupertinoTheme,
-  br as ensureMotionCss,
-  vr as getCurrentScope,
-  wr as getMotionCss,
-  Ke as getPersistedState,
-  Ge as getRegisteredRoutes,
-  Ue as getStore,
-  Qe as isStore,
-  li as materialTheme,
-  Dr as mount,
-  kr as normalizePreset,
-  xr as observable,
-  Ze as persist,
-  Ye as registerRoute,
-  $r as resolveCssEase,
-  Sr as runInScope,
-  Or as scrollTo,
-  Tr as signal,
-  Mr as springEase,
-  Cr as startViewTransition,
+  Gi as TextField,
+  Vi as Textarea,
+  br as ValueBuilder,
+  Ti as VirtualColumn,
+  Mi as ZStack,
+  Ur as applyResponsiveStyles,
+  ui as bindText,
+  ir as clearPersistedState,
+  Qe as clearRoutes,
+  tr as clearStores,
+  wr as computed,
+  kr as createReactivityRoot,
+  xr as createStore,
+  qr as cssCurve,
+  pi as cupertinoTheme,
+  $r as ensureMotionCss,
+  Sr as getCss,
+  Or as getCurrentScope,
+  Tr as getMotionCss,
+  sr as getPersistedState,
+  qe as getRegisteredRoutes,
+  Ke as getStore,
+  Mr as getStyleTag,
+  er as isStore,
+  _i as materialTheme,
+  Qr as mount,
+  Cr as normalizePreset,
+  Rr as observable,
+  rr as persist,
+  Ze as registerRoute,
+  Er as resolveCssEase,
+  Ir as runInScope,
+  Br as scrollTo,
+  Pr as signal,
+  Lr as springEase,
+  Fr as startViewTransition,
   ot as storageAdapters,
-  Rr as supportsScrollTimeline,
-  Er as supportsViewTimeline,
-  Gr as toElement,
-  Ir as toMediaQuery,
-  Br as useBuilderState,
-  ui as useFiboTheme,
-  Ki as useLocation,
-  Vr as useMountTransition,
-  ts as useNavigate,
-  Yr as useObservable,
-  es as useParams,
-  Xr as usePrefersReducedMotion,
-  Pr as useProvider,
-  rs as useQuery,
-  Ur as useReactiveStore,
-  is as useRouter,
-  qr as useScrollProgress,
-  Qr as useSignal,
-  Zr as useSpring,
-  Jr as useStagger,
-  $e as useStore,
-  Kr as useTransition,
-  Fr as useViewportWidth,
-  hi as webTheme
+  Nr as supportsScrollTimeline,
+  Ar as supportsViewTimeline,
+  Zr as toElement,
+  Wr as toMediaQuery,
+  jr as useBuilderState,
+  mi as useFiboTheme,
+  as as useLocation,
+  Jr as useMountTransition,
+  os as useNavigate,
+  Kr as useObservable,
+  ls as useParams,
+  ti as usePrefersReducedMotion,
+  Hr as useProvider,
+  us as useQuery,
+  ei as useReactiveStore,
+  hs as useRouter,
+  ri as useScrollProgress,
+  ii as useSignal,
+  si as useSpring,
+  ni as useStagger,
+  Te as useStore,
+  ai as useTransition,
+  je as useViewportWidth,
+  yi as webTheme
 };