fiboui 2.2.4 → 2.3.0

package/dist/content.js

@@ -1,7 +1,7 @@
 "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-CKbAiJg2.js";
-import { T as x } from "./index-Des7FiFH.js";
-import { I as f } from "./index-nFXU29Ly.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 l, S as m } from "./index-BqVgjY03.js";
+import { T as x } from "./index-z5BF-Y8H.js";
+import { I as f } from "./index-DkRkbmmY.js";
 export {
   s as Alert,
   r as Avatar,

package/dist/core.js

@@ -1,7 +1,7 @@
 "use client";
-import { C as a, F as r, M as o, p as t, O as i, d as l, P as n, R as u, f as p, h as S, S as c, V as g, c as b, b as v, a as d, t as m, g as T, q as R, v as P, o as F, n as y, r as C, i as E, s as f, m as M, j as O, l as x, k as V, u as B, e as h } from "./builder-DxmEDvW3.js";
-import { E as k, l as w, F as A, k as I, P as q, c as G, j as N, m as W, t as _, g as z, b as D, h as H, a as J, i as K, u as L, e as Q, f as U, d as X } from "./mount-B316Ig0o.js";
-import { F as Z, b as $ } from "./FineGrain-Bishpo5C.js";
+import { C as a, F as r, M as o, p as t, O as i, d as l, P as n, R as u, f as p, h as S, S as c, V as g, c as b, b as v, a as d, t as m, g as T, q as R, v as P, o as F, n as y, r as C, i as E, s as f, m as M, j as O, l as x, k as V, u as B, e as h } from "./builder-DTH8K7ph.js";
+import { E as k, l as w, F as A, k as I, P as q, c as G, j as N, m as W, t as _, g as z, b as D, h as H, a as J, i as K, u as L, e as Q, f as U, d as X } from "./mount-DR5PekCC.js";
+import { F as Z, b as $ } from "./FineGrain-CLKZ-Sv6.js";
 export {
   a as ComputedSignal,
   k as Easing,

package/dist/{index-CdDg3sZt.js → index-BIEK3zDu.js}

@@ -3,7 +3,7 @@ var H = Object.defineProperty;
 var O = (c, l, e) => l in c ? H(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
 var r = (c, l, e) => O(c, typeof l != "symbol" ? l + "" : l, e);
 import t, { useState as M, useEffect as j, useRef as F } from "react";
-import { w as $, x as D, S as P } from "./builder-DxmEDvW3.js";
+import { w as $, x as D, S as P } from "./builder-DTH8K7ph.js";
 import { t as L } from "./bundle-mjs-wppB-TKB.js";
 const q = t.memo((c) => {
   const {
@@ -13,7 +13,7 @@ const q = t.memo((c) => {
     onPress: a,
     onHover: s,
     disabled: d,
-    icon: h,
+    icon: u,
     shape: p,
     shadow: k,
     tone: v,
@@ -32,8 +32,8 @@ const q = t.memo((c) => {
   p === "pill" ? S = "rounded-full" : p === "square" ? S = "rounded-[12px]" : p === "rect" ? S = "rounded-[2px]" : p === "rounded" ? S = "rounded-[8px]" : p === "sharp" && (S = "rounded-none");
   const m = v === "inverse";
   let b = "";
-  e === "ghost" ? b = m ? "bg-transparent text-white shadow-none border border-transparent" : "bg-transparent text-gray-600 shadow-none border border-transparent hover:bg-gray-100" : e === "text" ? b = m ? "bg-transparent text-white shadow-none border-none px-2" : "bg-transparent text-gray-600 shadow-none border-none px-2 hover:bg-gray-100" : e === "soft" ? b = "bg-indigo-50 text-indigo-600 shadow-none border-none hover:bg-indigo-100" : e === "outline" || e === "outlined" ? b = m ? "bg-black text-white shadow-none border border-[#3b3b3b]" : "bg-transparent border-[1.5px] border-gray-200 text-gray-700 shadow-none hover:bg-gray-50" : e === "solid" ? b = m ? "bg-[#f2f2f2] text-black shadow-none border border-[#f2f2f2]" : "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-none border-none hover:opacity-90" : e === "filled" || e === "primary" ? b = "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-sm border-none hover:opacity-90 active:opacity-100" : e === "elevated" ? b = "bg-[var(--fibo-surface)] text-[var(--fibo-primary)] shadow-md border-none hover:shadow-lg" : e === "tonal" ? b = "bg-[var(--fibo-secondary-container)] text-[var(--fibo-on-secondary-container)] shadow-sm border-none" : e === "raw" && (b = "bg-transparent border-none shadow-none p-0 h-auto gap-0 text-inherit font-inherit hover:bg-transparent", S = ""), k === "soft" && e !== "raw" && (b += " shadow-[0_8px_20px_-6px_rgba(59,130,246,0.4)]");
-  const w = y || {}, I = w.padding !== void 0 || w.paddingTop !== void 0 || w.paddingBottom !== void 0 || w.paddingLeft !== void 0 || w.paddingRight !== void 0 || w.fontSize !== void 0 || w.height !== void 0, C = w.borderRadius !== void 0, z = w.fontWeight !== void 0 || o === "xs" || m, n = e === "raw" || x === "none" || m || o === "xs", u = L(
+  e === "ghost" ? b = m ? "bg-transparent text-white shadow-none border border-transparent" : "bg-transparent text-[var(--fibo-on-surface)] shadow-none border border-transparent hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_8%,transparent)]" : e === "text" ? b = m ? "bg-transparent text-white shadow-none border-none px-2" : "bg-transparent text-[var(--fibo-on-surface)] shadow-none border-none px-2 hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_8%,transparent)]" : e === "soft" ? b = "bg-[color-mix(in_srgb,var(--fibo-primary)_12%,transparent)] text-[var(--fibo-primary)] shadow-none border-none hover:bg-[color-mix(in_srgb,var(--fibo-primary)_18%,transparent)]" : e === "outline" || e === "outlined" ? b = m ? "bg-black text-white shadow-none border border-[#3b3b3b]" : "bg-transparent border-[1.5px] border-[var(--fibo-outline,rgba(0,0,0,0.12))] text-[var(--fibo-on-surface)] shadow-none hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_6%,transparent)]" : e === "solid" ? b = m ? "bg-[#f2f2f2] text-black shadow-none border border-[#f2f2f2]" : "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-none border-none hover:opacity-90" : e === "filled" || e === "primary" ? b = "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-sm border-none hover:opacity-90 active:opacity-100" : e === "elevated" ? b = "bg-[var(--fibo-surface)] text-[var(--fibo-primary)] shadow-md border-none hover:shadow-lg" : e === "tonal" ? b = "bg-[var(--fibo-secondary-container)] text-[var(--fibo-on-secondary-container)] shadow-sm border-none" : e === "raw" && (b = "bg-transparent border-none shadow-none p-0 h-auto gap-0 text-inherit font-inherit hover:bg-transparent", S = ""), k === "soft" && e !== "raw" && (b += " shadow-[0_8px_20px_-6px_rgba(59,130,246,0.4)]");
+  const w = y || {}, I = w.padding !== void 0 || w.paddingTop !== void 0 || w.paddingBottom !== void 0 || w.paddingLeft !== void 0 || w.paddingRight !== void 0 || w.fontSize !== void 0 || w.height !== void 0, C = w.borderRadius !== void 0, z = w.fontWeight !== void 0 || o === "xs" || m, n = e === "raw" || x === "none" || m || o === "xs", h = L(
     "fibo-button",
     "inline-flex items-center justify-center whitespace-nowrap",
     z ? "" : "font-semibold",
@@ -46,10 +46,10 @@ const q = t.memo((c) => {
     b,
     _
   ), A = [];
-  return h && A.push(h), l && A.push(l), c.children && (Array.isArray(c.children) ? A.push(...c.children) : A.push(c.children)), t.createElement(
+  return u && A.push(u), l && A.push(l), c.children && (Array.isArray(c.children) ? A.push(...c.children) : A.push(c.children)), t.createElement(
     "button",
     {
-      className: u,
+      className: h,
       onMouseEnter: s ? () => {
         d || s();
       } : f.onMouseEnter,
@@ -155,7 +155,7 @@ const de = $(V), W = (c, l) => {
   const l = t.useId(), e = c.id || l, [o, a] = t.useState(!1), {
     containerClass: s,
     containerStyle: d,
-    label: h,
+    label: u,
     error: p,
     mask: k,
     type: v,
@@ -167,25 +167,25 @@ const de = $(V), W = (c, l) => {
   } = c, g = x instanceof P, [S, m] = M(g ? x.value : x);
   j(() => {
     if (g)
-      return x.subscribe((u) => {
-        m(u);
+      return x.subscribe((h) => {
+        m(h);
       });
     m(x);
   }, [x, g]);
   const b = v === "password", w = b && o ? "text" : v, I = (n) => {
-    let u = n.target.value;
+    let h = n.target.value;
     if (k) {
-      u = W(u, k);
+      h = W(h, k);
       const A = {
         ...n,
         target: {
           ...n.target,
-          value: u
+          value: h
         }
       };
-      g && (x.value = u), E == null || E(A);
+      g && (x.value = h), E == null || E(A);
     } else
-      g && (x.value = u), E == null || E(n);
+      g && (x.value = h), E == null || E(n);
   }, C = _ ? "2.75rem" : "1rem", z = y || b ? "2.75rem" : "1rem";
   return t.createElement(
     "div",
@@ -209,7 +209,7 @@ const de = $(V), W = (c, l) => {
         value: S,
         ...f
       }),
-      h && t.createElement(
+      u && t.createElement(
         "label",
         {
           key: "label",
@@ -217,7 +217,7 @@ const de = $(V), W = (c, l) => {
           className: "fibo-textfield-label",
           style: { left: _ ? "2.75rem" : "1rem" }
         },
-        h
+        u
       ),
       (y || b) && t.createElement(
         "div",
@@ -327,7 +327,7 @@ class G extends D {
     return t.createElement(K, a);
   }
 }
-const he = $(G), U = t.memo((c) => {
+const ue = $(G), U = t.memo((c) => {
   const {
     checked: l,
     onChange: e,
@@ -335,7 +335,7 @@ const he = $(G), U = t.memo((c) => {
     disabled: a,
     className: s,
     style: d,
-    id: h
+    id: u
   } = c, p = L(
     "fibo-switch-track w-[44px] h-[24px] rounded-full relative transition-colors duration-200 ease-in-out",
     a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
@@ -364,7 +364,7 @@ const he = $(G), U = t.memo((c) => {
       o
     ),
     t.createElement("input", {
-      id: h,
+      id: u,
       type: "checkbox",
       role: "switch",
       checked: !!l,
@@ -407,7 +407,7 @@ class J extends D {
     return t.createElement(U, e);
   }
 }
-const ue = $(J), Q = t.memo((c) => {
+const he = $(J), Q = t.memo((c) => {
   const {
     checked: l,
     onChange: e,
@@ -415,7 +415,7 @@ const ue = $(J), Q = t.memo((c) => {
     disabled: a,
     indeterminate: s,
     className: d,
-    style: h,
+    style: u,
     id: p
   } = c, k = F(null), v = l || s;
   j(() => {
@@ -452,7 +452,7 @@ const ue = $(J), Q = t.memo((c) => {
           a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
           v ? "border-transparent bg-[var(--fibo-primary,#3B82F6)]" : "border-gray-300 bg-transparent"
         ),
-        style: h,
+        style: u,
         "aria-hidden": !0
       },
       x
@@ -519,14 +519,14 @@ const pe = $(X), Y = t.memo((c) => {
     name: a,
     direction: s,
     className: d,
-    style: h
+    style: u
   } = c, p = t.useId(), k = a || p;
   return t.createElement(
     "div",
     {
       role: "radiogroup",
       className: L(`fibo-radio-group flex ${s === "vertical" ? "flex-col gap-2" : "flex-row gap-4"}`, d),
-      style: h
+      style: u
     },
     e.map((v) => {
       const x = l === v.value, E = v.disabled, _ = L(
@@ -607,7 +607,7 @@ const me = $(Z), ee = t.memo((c) => {
     containerStyle: a,
     label: s,
     error: d,
-    ...h
+    ...u
   } = c;
   return t.createElement(
     "div",
@@ -615,7 +615,7 @@ const me = $(Z), ee = t.memo((c) => {
     t.createElement("textarea", {
       id: e,
       className: "fibo-textarea-input w-full p-4 text-base bg-transparent outline-none relative z-10",
-      ...h
+      ...u
     }),
     s && t.createElement(
       "label",
@@ -689,7 +689,7 @@ class te extends D {
   }
 }
 const be = $(te), re = t.memo((c) => {
-  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, h] = M(0), p = F(null), {
+  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, u] = M(0), p = F(null), {
     containerClass: k,
     containerStyle: v,
     label: x,
@@ -702,8 +702,8 @@ const be = $(te), re = t.memo((c) => {
     multiple: m
   } = c;
   j(() => {
-    const n = (u) => {
-      p.current && !p.current.contains(u.target) && s(!1);
+    const n = (h) => {
+      p.current && !p.current.contains(h.target) && s(!1);
     };
     return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
   }, []);
@@ -712,18 +712,18 @@ const be = $(te), re = t.memo((c) => {
   if (m)
     Array.isArray(_) && _.length > 0 && (w = y.filter((n) => _.includes(n.value)).map((n) => n.label).join(", "));
   else {
-    const n = y.find((u) => u.value === _);
+    const n = y.find((h) => h.value === _);
     w = n ? n.label : "";
   }
   const I = (n) => {
     if (!S)
       if (m) {
-        const u = Array.isArray(_) ? [..._] : [], A = u.indexOf(n);
-        A > -1 ? u.splice(A, 1) : u.push(n), g == null || g(u);
+        const h = Array.isArray(_) ? [..._] : [], A = h.indexOf(n);
+        A > -1 ? h.splice(A, 1) : h.push(n), g == null || g(h);
       } else
         g == null || g(n), s(!1);
   }, C = (n) => {
-    y.length !== 0 && h((u) => (u + n + y.length) % y.length);
+    y.length !== 0 && u((h) => (h + n + y.length) % y.length);
   }, z = (n) => {
     if (!S)
       switch (n.key) {
@@ -734,10 +734,10 @@ const be = $(te), re = t.memo((c) => {
           n.preventDefault(), a ? C(-1) : s(!0);
           break;
         case "Home":
-          n.preventDefault(), h(0);
+          n.preventDefault(), u(0);
           break;
         case "End":
-          n.preventDefault(), h(Math.max(0, y.length - 1));
+          n.preventDefault(), u(Math.max(0, y.length - 1));
           break;
         case "Enter":
         case " ":
@@ -795,8 +795,8 @@ const be = $(te), re = t.memo((c) => {
         role: "listbox",
         "aria-multiselectable": m || void 0,
         className: "absolute z-50 w-full mt-1 bg-[var(--fibo-surface)] border border-[var(--fibo-outline)] rounded-md shadow-lg max-h-60 overflow-auto focus:outline-none"
-      }, y.map((n, u) => {
-        const A = b(n.value), T = u === d;
+      }, y.map((n, h) => {
+        const A = b(n.value), T = h === d;
         return t.createElement("div", {
           key: n.value,
           id: `${o}-opt-${n.value}`,
@@ -804,7 +804,7 @@ const be = $(te), re = t.memo((c) => {
           "aria-selected": A,
           className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] flex items-center justify-between ${A || T ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"}`,
           onClick: () => I(n.value),
-          onMouseEnter: () => h(u)
+          onMouseEnter: () => u(h)
         }, [
           t.createElement("span", { key: "label" }, n.label),
           A && t.createElement("svg", {
@@ -878,7 +878,7 @@ class ae extends D {
   }
 }
 const fe = $(ae), se = t.memo((c) => {
-  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, h] = M(""), [p, k] = M(0), v = F(null), {
+  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, u] = M(""), [p, k] = M(0), v = F(null), {
     containerClass: x,
     containerStyle: E,
     label: _,
@@ -894,7 +894,7 @@ const fe = $(ae), se = t.memo((c) => {
   j(() => {
     if (!I) {
       const i = g.find((N) => N.value === f);
-      i && !a && d !== i.label && h(i.label);
+      i && !a && d !== i.label && u(i.label);
     }
   }, [f, g, a, I]);
   const C = g.filter(
@@ -906,10 +906,10 @@ const fe = $(ae), se = t.memo((c) => {
     const i = (N) => {
       if (v.current && !v.current.contains(N.target))
         if (s(!1), I)
-          h("");
+          u("");
         else {
           const B = g.find((R) => R.value === f);
-          h(B ? B.label : "");
+          u(B ? B.label : "");
         }
     };
     return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
@@ -917,16 +917,16 @@ const fe = $(ae), se = t.memo((c) => {
   const z = (i) => {
     if (I) {
       const N = Array.isArray(f) ? [...f] : [];
-      N.includes(i.value) || (N.push(i.value), m == null || m(N)), h("");
+      N.includes(i.value) || (N.push(i.value), m == null || m(N)), u("");
     } else
-      h(i.label), m == null || m(i.value), s(!1);
+      u(i.label), m == null || m(i.value), s(!1);
   }, n = (i) => {
     if (I && Array.isArray(f)) {
       const N = f.filter((B) => B !== i);
       m == null || m(N);
     }
-  }, u = () => {
-    b == null || b(d), I ? h("") : s(!1);
+  }, h = () => {
+    b == null || b(d), I ? u("") : s(!1);
   }, A = (i) => I ? Array.isArray(f) && f.includes(i) : f === i, T = (i) => {
     if (!w)
       switch (i.key) {
@@ -937,7 +937,7 @@ const fe = $(ae), se = t.memo((c) => {
           i.preventDefault(), a ? C.length && k((N) => (N - 1 + C.length) % C.length) : s(!0);
           break;
         case "Enter":
-          i.preventDefault(), C[p] ? z(C[p]) : d && b && u();
+          i.preventDefault(), C[p] ? z(C[p]) : d && b && h();
           break;
         case "Escape":
           i.preventDefault(), s(!1);
@@ -987,7 +987,7 @@ const fe = $(ae), se = t.memo((c) => {
           placeholder: I && Array.isArray(f) && f.length > 0 ? "" : S || " ",
           disabled: w,
           onChange: (i) => {
-            h(i.target.value), a || s(!0);
+            u(i.target.value), a || s(!0);
           },
           onFocus: () => s(!0),
           onKeyDown: T
@@ -1026,7 +1026,7 @@ const fe = $(ae), se = t.memo((c) => {
           role: "option",
           "aria-selected": !1,
           className: "border-t border-[var(--fibo-outline)] px-4 py-2 cursor-pointer text-sm text-[var(--fibo-primary)] hover:bg-[var(--fibo-primary-container)] font-medium flex items-center",
-          onClick: u
+          onClick: h
         }, [
           t.createElement("span", { key: "plus", className: "mr-1" }, "+"),
           `Add "${d}"`
@@ -1103,8 +1103,8 @@ export {
   de as B,
   pe as C,
   me as R,
-  ue as S,
-  he as T,
+  he as S,
+  ue as T,
   be as a,
   fe as b,
   xe as c

package/dist/{index-CKbAiJg2.js → index-BqVgjY03.js}

@@ -3,10 +3,10 @@ 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 { w as C, x as F } from "./builder-DxmEDvW3.js";
-import { B as j } from "./index-B_NshIUT.js";
-import { T as O } from "./index-Des7FiFH.js";
-import { R as J } from "./index-nFXU29Ly.js";
+import { w as C, x as F } from "./builder-DTH8K7ph.js";
+import { B as j } from "./index-DPQMrIgq.js";
+import { T as O } from "./index-z5BF-Y8H.js";
+import { R as J } from "./index-DkRkbmmY.js";
 import { jsxs as $, jsx as f } from "react/jsx-runtime";
 const K = ({ size: n }) => t.createElement(
   "svg",

package/dist/{index-B_NshIUT.js → index-DPQMrIgq.js}

@@ -1,6 +1,6 @@
 "use client";
 import o from "react";
-import { w as l, x as i } from "./builder-DxmEDvW3.js";
+import { w as l, x as i } from "./builder-DTH8K7ph.js";
 const a = o.memo((r) => {
   const { className: c, style: e, children: s, ...t } = r;
   return o.createElement(

package/dist/{index-nFXU29Ly.js → index-DkRkbmmY.js}

@@ -3,7 +3,7 @@ var m = Object.defineProperty;
 var p = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var r = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
 import o from "react";
-import { w as a, x as u } from "./builder-DxmEDvW3.js";
+import { w as a, x as u } from "./builder-DTH8K7ph.js";
 class g extends u {
   constructor() {
     super(...arguments);

package/dist/{index-K-VIFyCP.js → index-txulk1zM.js}

@@ -3,10 +3,10 @@ var G = Object.defineProperty;
 var X = (n, s, e) => s in n ? G(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
 var r = (n, s, e) => X(n, typeof s != "symbol" ? s + "" : s, e);
 import i, { useState as V, useRef as D, useLayoutEffect as q } from "react";
-import { w as _, x as b, I as J, G as F, P as K } from "./builder-DxmEDvW3.js";
+import { w as _, x as b, I as J, G as F, P as K } from "./builder-DTH8K7ph.js";
 import { P as W } from "./PluginManager-D5-ApsSN.js";
-import { R as Q, I as U } from "./index-nFXU29Ly.js";
-import { T as ee } from "./index-Des7FiFH.js";
+import { R as Q, I as U } from "./index-DkRkbmmY.js";
+import { T as ee } from "./index-z5BF-Y8H.js";
 import { e as te, L as ie } from "./Link-ElmaMZB8.js";
 class se extends b {
   build() {

package/dist/{index-CIUytVXq.js → index-yb7roisl.js}

@@ -3,10 +3,10 @@ var oe = Object.defineProperty;
 var le = (n, s, e) => s in n ? oe(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
 var i = (n, s, e) => le(n, typeof s != "symbol" ? s + "" : s, e);
 import t, { useState as D, useRef as L, useLayoutEffect as Z, useEffect as ce } from "react";
-import { w, x as I, G as T, H as q } from "./builder-DxmEDvW3.js";
-import { B as C } from "./index-B_NshIUT.js";
+import { w, x as I, G as T, H as q } from "./builder-DTH8K7ph.js";
+import { B as C } from "./index-DPQMrIgq.js";
 import { t as de } from "./bundle-mjs-wppB-TKB.js";
-import { T as me } from "./index-Des7FiFH.js";
+import { T as me } from "./index-z5BF-Y8H.js";
 const he = t.memo((n) => {
   const { text: s, subtitle: e, number: r, color: d, className: p, style: c, children: u, ...g } = n;
   return t.createElement(

package/dist/index-z5BF-Y8H.js

@@ -0,0 +1,160 @@
+"use client";
+var f = Object.defineProperty;
+var b = (i, e, t) => e in i ? f(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var a = (i, e, t) => b(i, typeof e != "symbol" ? e + "" : e, t);
+import o from "react";
+import { w as x, x as c } from "./builder-DTH8K7ph.js";
+import { F as g } from "./FineGrain-CLKZ-Sv6.js";
+const p = {
+  h1: {
+    fontSize: "var(--fibo-text-h1-size, 2.25rem)",
+    fontWeight: "var(--fibo-text-h1-weight, 700)",
+    letterSpacing: "var(--fibo-text-h1-tracking, -0.025em)",
+    lineHeight: "var(--fibo-text-h1-height, 1.2)",
+    color: "var(--fibo-text-h1-color, inherit)"
+  },
+  h2: {
+    fontSize: "var(--fibo-text-h2-size, 1.875rem)",
+    fontWeight: "var(--fibo-text-h2-weight, 700)",
+    letterSpacing: "var(--fibo-text-h2-tracking, -0.025em)",
+    lineHeight: "var(--fibo-text-h2-height, 1.25)",
+    color: "var(--fibo-text-h2-color, inherit)"
+  },
+  h3: {
+    fontSize: "var(--fibo-text-h3-size, 1.5rem)",
+    fontWeight: "var(--fibo-text-h3-weight, 600)",
+    letterSpacing: "var(--fibo-text-h3-tracking, -0.02em)",
+    lineHeight: "var(--fibo-text-h3-height, 1.3)",
+    color: "var(--fibo-text-h3-color, inherit)"
+  },
+  h4: {
+    fontSize: "var(--fibo-text-h4-size, 1.25rem)",
+    fontWeight: "var(--fibo-text-h4-weight, 600)",
+    lineHeight: "var(--fibo-text-h4-height, 1.35)",
+    color: "var(--fibo-text-h4-color, inherit)"
+  },
+  h5: {
+    fontSize: "var(--fibo-text-h5-size, 1.125rem)",
+    fontWeight: "var(--fibo-text-h5-weight, 600)",
+    lineHeight: "var(--fibo-text-h5-height, 1.4)",
+    color: "var(--fibo-text-h5-color, inherit)"
+  },
+  h6: {
+    fontSize: "var(--fibo-text-h6-size, 1rem)",
+    fontWeight: "var(--fibo-text-h6-weight, 600)",
+    lineHeight: "var(--fibo-text-h6-height, 1.45)",
+    color: "var(--fibo-text-h6-color, inherit)"
+  },
+  body: {
+    fontSize: "var(--fibo-text-body-size, 1rem)",
+    fontWeight: "var(--fibo-text-body-weight, 400)",
+    lineHeight: "var(--fibo-text-body-height, 1.5)",
+    color: "var(--fibo-text-body-color, inherit)"
+  },
+  caption: {
+    fontSize: "var(--fibo-text-caption-size, 0.875rem)",
+    fontWeight: "var(--fibo-text-caption-weight, 400)",
+    lineHeight: "var(--fibo-text-caption-height, 1.4)",
+    color: "var(--fibo-text-caption-color, inherit)"
+  },
+  label: {
+    fontSize: "var(--fibo-text-label-size, 0.875rem)",
+    fontWeight: "var(--fibo-text-label-weight, 500)",
+    letterSpacing: "var(--fibo-text-label-tracking, 0.01em)",
+    lineHeight: "var(--fibo-text-label-height, 1.4)",
+    color: "var(--fibo-text-label-color, inherit)"
+  }
+};
+function n(i, e) {
+  return {
+    margin: 0,
+    overflowWrap: "anywhere",
+    wordBreak: "break-word",
+    maxWidth: "100%",
+    ...p[i],
+    ...e
+  };
+}
+const m = o.memo((i) => {
+  const { text: e, type: t, className: h, style: r, ...s } = i, l = {
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    body: "p",
+    caption: "span",
+    label: "label"
+  };
+  return o.createElement(
+    l[t],
+    {
+      className: `fibo-text fibo-text-${t} min-w-0 ${h}`,
+      style: n(t, r),
+      ...s
+    },
+    e
+  );
+});
+class v extends c {
+  constructor(t = "") {
+    super();
+    a(this, "_text", "");
+    a(this, "_type", "body");
+    this.text(t);
+  }
+  text(t) {
+    return this._text = t, this;
+  }
+  type(t) {
+    return this._type = t, this;
+  }
+  variant(t) {
+    return this._type = t, this;
+  }
+  nowrap() {
+    return this._classNames.push("whitespace-nowrap"), this;
+  }
+  mono() {
+    return this._classNames.push("font-mono"), this;
+  }
+  muted() {
+    return this._style = { ...this._style, color: "#9a9a9a" }, this;
+  }
+  build() {
+    const t = {
+      h1: "h1",
+      h2: "h2",
+      h3: "h3",
+      h4: "h4",
+      h5: "h5",
+      h6: "h6",
+      body: "p",
+      caption: "span",
+      label: "label"
+    };
+    if (typeof this._text == "function") {
+      const r = this._text;
+      return o.createElement(g, {
+        compute: r,
+        as: t[this._type],
+        className: `fibo-text fibo-text-${this._type} min-w-0 ${this.getClassName()}`,
+        style: n(this._type, this.getStyle()),
+        ...this._props
+      });
+    }
+    const h = {
+      text: this._text,
+      type: this._type,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return o.createElement(m, h);
+  }
+}
+const z = x(v);
+export {
+  z as T
+};