fiboui 2.4.2 → 2.4.3

package/dist/{index-CHXOPJU-.js → index-MeDbhMEg.js}

@@ -1,39 +1,39 @@
 "use client";
-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 Q, useEffect as ce } from "react";
-import { B as w, D as I, N as T, Q as Z } from "./builder-CCVmfPD1.js";
-import { B as C } from "./index-Bdphg-MS.js";
-import { t as de } from "./bundle-mjs-wppB-TKB.js";
-import { T as me } from "./index-BVpNTDKn.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(
+var le = Object.defineProperty;
+var ce = (n, t, e) => t in n ? le(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => ce(n, typeof t != "symbol" ? t + "" : t, e);
+import s, { useState as X, useRef as L, useLayoutEffect as Z, useEffect as de } from "react";
+import { D as w, E as I, Q as T, T as q } from "./builder-B5cebEWZ.js";
+import { B as $ } from "./index-orKQGpHl.js";
+import { t as me } from "./bundle-mjs-wppB-TKB.js";
+import { T as he } from "./index-DbaNIwWW.js";
+const ue = s.memo((n) => {
+  const { text: t, subtitle: e, number: r, color: d, className: p, style: c, children: u, ...g } = n;
+  return s.createElement(
     "div",
     {
       className: `rounded-[24px] shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-shadow duration-300 border-none p-4 ${p || ""}`,
       style: { backgroundColor: "#ffffff", ...c },
       ...g
     },
-    t.createElement(
+    s.createElement(
       "div",
       { className: "flex flex-col gap-2" },
-      s && t.createElement(
+      t && s.createElement(
         "h3",
         {
           className: "font-semibold text-[var(--fibo-on-surface-variant)] text-sm uppercase tracking-wide"
         },
-        s
+        t
       ),
-      r && t.createElement(
+      r && s.createElement(
         "p",
         {
           className: "font-bold text-[var(--fibo-on-surface)] text-3xl"
         },
         r
       ),
-      e && t.createElement(
+      e && s.createElement(
         "p",
         {
           className: "text-[var(--fibo-on-surface-variant)] text-xs"
@@ -44,7 +44,7 @@ const he = t.memo((n) => {
     )
   );
 });
-class ue extends I {
+class pe extends I {
   constructor() {
     super(...arguments);
     i(this, "_text", "");
@@ -85,56 +85,60 @@ class ue extends I {
       children: this.processChildren(),
       ...this._props
     };
-    return t.createElement(he, d);
+    return s.createElement(ue, d);
   }
 }
-const Ge = w(ue);
+const Me = w(pe);
 class V {
   constructor() {
     i(this, "styles", /* @__PURE__ */ new Map());
   }
-  bg(s) {
-    return this.styles.set("background-color", s), this;
+  bg(t) {
+    return this.styles.set("background-color", t), this;
   }
-  color(s) {
-    return this.styles.set("color", s), this;
+  color(t) {
+    return this.styles.set("color", t), this;
   }
-  opacity(s) {
-    return this.styles.set("opacity", String(s)), this;
+  opacity(t) {
+    return this.styles.set("opacity", String(t)), this;
   }
-  borderColor(s) {
-    return this.styles.set("border-color", s), this;
+  borderColor(t) {
+    return this.styles.set("border-color", t), this;
   }
-  transform(s) {
-    return this.styles.set("transform", s), this;
+  transform(t) {
+    return this.styles.set("transform", t), this;
   }
-  scale(s) {
-    return this.styles.set("transform", `scale(${s})`), this;
+  scale(t) {
+    return this.styles.set("transform", `scale(${t})`), this;
   }
-  translateX(s) {
-    const e = typeof s == "number" ? `${s}px` : s;
+  translateX(t) {
+    const e = typeof t == "number" ? `${t}px` : t;
     return this.styles.set("transform", `translateX(${e})`), this;
   }
-  translateY(s) {
-    const e = typeof s == "number" ? `${s}px` : s;
+  translateY(t) {
+    const e = typeof t == "number" ? `${t}px` : t;
     return this.styles.set("transform", `translateY(${e})`), this;
   }
-  shadow(s) {
-    return this.styles.set("box-shadow", s), this;
+  shadow(t) {
+    return this.styles.set("box-shadow", t), this;
   }
-  css(s, e) {
-    return this.styles.set(s, e), this;
+  css(t, e) {
+    return this.styles.set(t, e), this;
   }
   toCSSString() {
-    const s = [];
+    const t = [];
     return this.styles.forEach((e, r) => {
-      s.push(`${r}: ${e}`);
-    }), s.join("; ") + ";";
+      t.push(`${r}: ${e}`);
+    }), t.join("; ") + ";";
   }
 }
-const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
+const fe = 100, J = 60, ee = 5;
+function D(n) {
+  return n.split(";").map((t) => t.trim()).filter(Boolean).map((t) => /\s!important\s*$/i.test(t) ? t : `${t} !important`).join("; ");
+}
+const ge = s.memo((n) => {
   const {
-    items: s,
+    items: t,
     renderItem: e,
     variant: r,
     separator: d,
@@ -149,44 +153,44 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
     customItemHover: o,
     customItemActive: _,
     customItemFocus: y
-  } = n, [H, ee] = D(0), [te, se] = D(0), re = L(null), R = L(/* @__PURE__ */ new Map()), O = L(/* @__PURE__ */ new Map()), F = L(null), b = a === "horizontal", $ = s.length, B = $ > pe, A = (h) => O.current.get(h) ?? q, j = (h) => {
+  } = n, [H, te] = X(0), [se, re] = X(0), ie = L(null), R = L(/* @__PURE__ */ new Map()), O = L(/* @__PURE__ */ new Map()), F = L(null), b = a === "horizontal", C = t.length, B = C > fe, A = (h) => O.current.get(h) ?? J, j = (h) => {
     let l = 0;
     for (let f = 0; f < h; f++)
       l += A(f);
     return l;
-  }, ie = () => {
+  }, ne = () => {
     let h = 0;
-    for (let l = 0; l < $; l++)
+    for (let l = 0; l < C; l++)
       h += A(l);
     return h;
-  }, ne = (h) => {
-    let l = 0, f = $ - 1;
+  }, ae = (h) => {
+    let l = 0, f = C - 1;
     for (; l < f; ) {
       const N = Math.floor((l + f) / 2);
       j(N) < h ? l = N + 1 : f = N;
     }
     return Math.max(0, l - 1);
   };
-  let S = 0, X = $, G = 0, M = 0;
+  let S = 0, Y = C, G = 0, M = 0;
   if (B) {
-    S = Math.max(0, ne(H) - J);
+    S = Math.max(0, ae(H) - ee);
     let h = j(S), l = S;
-    for (; h < H + v + J * q && l < $; )
+    for (; h < H + v + ee * J && l < C; )
       h += A(l), l++;
-    X = Math.min($, l), G = j(S), M = ie();
+    Y = Math.min(C, l), G = j(S), M = ne();
   }
-  const P = s.slice(S, X);
-  Q(() => {
+  const P = t.slice(S, Y);
+  Z(() => {
     if (!B) return;
     let h = !1;
     P.forEach((l, f) => {
       const N = S + f, k = R.current.get(N);
       if (k) {
-        const K = k.getBoundingClientRect(), z = b ? K.width : K.height;
+        const Q = k.getBoundingClientRect(), z = b ? Q.width : Q.height;
         z > 0 && O.current.get(N) !== z && (O.current.set(N, z), h = !0);
       }
-    }), h && se((l) => l + 1);
-  }, [P, S, B, b, te]), Q(() => {
+    }), h && re((l) => l + 1);
+  }, [P, S, B, b, se]), Z(() => {
     if (!u || p) return;
     const h = new IntersectionObserver(
       (l) => {
@@ -195,27 +199,27 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
       { threshold: c }
     );
     return F.current && h.observe(F.current), () => h.disconnect();
-  }, [p, s.length, u, c]);
-  const ae = (h) => {
-    B && ee(b ? h.currentTarget.scrollLeft : h.currentTarget.scrollTop);
+  }, [p, t.length, u, c]);
+  const oe = (h) => {
+    B && te(b ? h.currentTarget.scrollLeft : h.currentTarget.scrollTop);
   };
-  ce(() => {
+  de(() => {
     if (typeof document > "u" || !o && !_ && !y) return;
     const h = "fibo-list-custom-styles";
     let l = document.getElementById(h);
     l || (l = document.createElement("style"), l.id = h, document.head.appendChild(l));
     let f = "";
-    return o && (f += `.fibo-list-item-custom-hover:hover { ${o} }
-`), _ && (f += `.fibo-list-item-custom-active:active { ${_} }
-`), y && (f += `.fibo-list-item-custom-focus:focus { ${y} }
+    return o && (f += `.fibo-list-item-custom-hover:hover { ${D(o)} }
+`), _ && (f += `.fibo-list-item-custom-active:active { ${D(_)} }
+`), y && (f += `.fibo-list-item-custom-focus:focus { ${D(y)} }
 `), l.textContent = f, () => {
     };
   }, [o, _, y]);
-  const Y = {
+  const W = {
     default: { gap: "0px" },
     card: { gap: "12px" },
     floating: { gap: "8px" }
-  }, W = m ? {
+  }, U = m ? {
     default: {},
     card: {},
     floating: {}
@@ -223,8 +227,8 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
     default: {
       padding: "12px 16px",
       borderBottom: d ? "1px solid #F3F4F6" : "none",
-      backgroundColor: "transparent",
-      transition: "background-color 0.2s"
+      // Transparent via class, not inline — so Tailwind / itemHover bg can win.
+      transition: "background-color 0.2s ease-out"
     },
     card: {
       padding: "16px",
@@ -232,17 +236,17 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
       borderRadius: "16px",
       boxShadow: "0 2px 8px -2px rgba(0,0,0,0.05)",
       border: "1px solid #F3F4F6",
-      transition: "transform 0.2s, box-shadow 0.2s"
+      transform: "translate3d(0, 0, 0)",
+      transition: "transform 0.2s ease-out, box-shadow 0.2s ease-out"
     },
     floating: {
       padding: "8px 12px",
       borderRadius: "12px",
-      backgroundColor: "transparent",
-      transition: "background-color 0.2s"
+      transition: "background-color 0.2s ease-out, box-shadow 0.2s ease-out"
     }
   }, E = [];
   o && E.push("fibo-list-item-custom-hover"), _ && E.push("fibo-list-item-custom-active"), y && E.push("fibo-list-item-custom-focus");
-  const U = m ? {
+  const K = m ? {
     default: [...E],
     card: [...E],
     floating: [...E]
@@ -251,10 +255,10 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
     card: ["hover:-translate-y-0.5", "hover:shadow-md", ...E],
     floating: ["hover:bg-white", "hover:shadow-sm", ...E]
   };
-  return B ? t.createElement(
+  return B ? s.createElement(
     "div",
     {
-      ref: re,
+      ref: ie,
       className: `fibo-list fibo-list-virtualized ${g || ""}`,
       style: {
         height: b ? void 0 : `${v}px`,
@@ -264,12 +268,12 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
         position: "relative",
         display: "flex",
         flexDirection: b ? "row" : "column",
-        ...Y[r],
+        ...W[r],
         ...x
       },
-      onScroll: ae
+      onScroll: oe
     },
-    t.createElement("div", {
+    s.createElement("div", {
       style: {
         height: b ? "1px" : `${M}px`,
         width: b ? `${M}px` : "1px",
@@ -280,7 +284,7 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
         pointerEvents: "none"
       }
     }),
-    t.createElement(
+    s.createElement(
       "div",
       {
         style: {
@@ -293,8 +297,8 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
       },
       P.map((h, l) => {
         const f = S + l, N = e ? e(h, f) : null;
-        return t.cloneElement(
-          C().style(W[r]).classNames(U[r]).children(N).build(),
+        return s.cloneElement(
+          $().style(U[r]).classNames(K[r]).children(N).build(),
           {
             key: `item-${f}`,
             ref: (k) => {
@@ -304,31 +308,31 @@ const pe = 100, q = 60, J = 5, fe = t.memo((n) => {
         );
       })
     ),
-    u && t.createElement("div", {
+    u && s.createElement("div", {
       ref: F,
       className: "py-4 flex justify-center w-full"
-    }, p ? t.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-gray-300 border-b-blue-600" }) : t.createElement("div", { style: { height: "20px" } }))
-  ) : C().className(g).classNames(["flex", a === "horizontal" ? "flex-row" : "flex-col", "w-full"]).style({
-    ...Y[r],
+    }, p ? s.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-gray-300 border-b-blue-600" }) : s.createElement("div", { style: { height: "20px" } }))
+  ) : $().className(g).classNames(["flex", a === "horizontal" ? "flex-row" : "flex-col", "w-full"]).style({
+    ...W[r],
     ...x
   }).children(
-    t.createElement(t.Fragment, {}, [
-      ...s.map(
-        (h, l) => t.cloneElement(
-          C().style(W[r]).classNames(U[r]).children(
+    s.createElement(s.Fragment, {}, [
+      ...t.map(
+        (h, l) => s.cloneElement(
+          $().style(U[r]).classNames(K[r]).children(
             e ? e(h, l) : null
           ).build(),
           { key: `item-${l}` }
         )
       ),
-      u && t.createElement("div", {
+      u && s.createElement("div", {
         ref: F,
         className: "py-4 flex justify-center w-full"
-      }, p ? t.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-gray-300 border-b-blue-600" }) : t.createElement("div", { style: { height: "20px" } }))
+      }, p ? s.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-gray-300 border-b-blue-600" }) : s.createElement("div", { style: { height: "20px" } }))
     ])
   ).build();
 });
-class ge extends I {
+class _e extends I {
   constructor() {
     super(...arguments);
     i(this, "_items", []);
@@ -420,10 +424,10 @@ class ge extends I {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return t.createElement(fe, e);
+    return s.createElement(ge, e);
   }
 }
-const Me = w(ge), _e = () => t.createElement(
+const Pe = w(_e), be = () => s.createElement(
   "svg",
   {
     width: 12,
@@ -434,10 +438,10 @@ const Me = w(ge), _e = () => t.createElement(
     strokeWidth: 2,
     "aria-hidden": !0
   },
-  t.createElement("path", { d: "M9 5l7 7-7 7" })
-), be = t.memo((n) => {
+  s.createElement("path", { d: "M9 5l7 7-7 7" })
+), ye = s.memo((n) => {
   const {
-    leading: s,
+    leading: t,
     title: e,
     subtitle: r,
     trailing: d,
@@ -448,14 +452,14 @@ const Me = w(ge), _e = () => t.createElement(
     className: x,
     style: v,
     ...m
-  } = n, a = v || {}, o = a.padding ?? "14px 0", _ = typeof e == "string" ? t.createElement(
+  } = n, a = v || {}, o = a.padding ?? "14px 0", _ = typeof e == "string" ? s.createElement(
     "span",
     {
       className: "fibo-list-tile-title",
       style: { fontSize: 11, letterSpacing: "0.06em", lineHeight: 1.3, margin: 0 }
     },
     e
-  ) : e, y = typeof r == "string" ? t.createElement(
+  ) : e, y = typeof r == "string" ? s.createElement(
     "span",
     {
       className: "fibo-list-tile-subtitle",
@@ -469,10 +473,10 @@ const Me = w(ge), _e = () => t.createElement(
     },
     r
   ) : r;
-  return t.createElement(
+  return s.createElement(
     "div",
     {
-      className: de("fibo-list-tile flex flex-row items-center w-full", x),
+      className: me("fibo-list-tile flex flex-row items-center w-full", x),
       style: {
         padding: o,
         borderBottom: c ? `1px solid ${u || "#3b3b3b"}` : "none",
@@ -483,16 +487,16 @@ const Me = w(ge), _e = () => t.createElement(
       role: g ? "button" : void 0,
       ...m
     },
-    s ? t.createElement(
+    t ? s.createElement(
       "div",
       {
         key: "leading",
         className: "fibo-list-tile-leading shrink-0 flex items-center",
         style: { color: "#9a9a9a", marginRight: 12 }
       },
-      s
+      t
     ) : null,
-    t.createElement(
+    s.createElement(
       "div",
       {
         key: "body",
@@ -501,7 +505,7 @@ const Me = w(ge), _e = () => t.createElement(
       _,
       y
     ),
-    d ? t.createElement(
+    d ? s.createElement(
       "div",
       {
         key: "trailing",
@@ -510,18 +514,18 @@ const Me = w(ge), _e = () => t.createElement(
       },
       d
     ) : null,
-    p ? t.createElement(
+    p ? s.createElement(
       "div",
       {
         key: "chevron",
         className: "fibo-list-tile-chevron shrink-0 flex items-center",
         style: { color: "#9a9a9a", marginLeft: d ? 8 : 0 }
       },
-      t.createElement(_e)
+      s.createElement(be)
     ) : null
   );
 });
-class ye extends I {
+class xe extends I {
   constructor() {
     super(...arguments);
     i(this, "_leading");
@@ -558,7 +562,7 @@ class ye extends I {
     return this._onPress = e, this;
   }
   build() {
-    return t.createElement(be, {
+    return s.createElement(ye, {
       leading: this._leading,
       title: this._title,
       subtitle: this._subtitle,
@@ -573,9 +577,9 @@ class ye extends I {
     });
   }
 }
-const Pe = w(ye), xe = t.memo((n) => {
+const ze = w(xe), ve = s.memo((n) => {
   const {
-    data: s,
+    data: t,
     columns: e,
     variant: r,
     density: d,
@@ -595,16 +599,16 @@ const Pe = w(ye), xe = t.memo((n) => {
     standard: "16px 24px",
     relaxed: "24px 32px"
   }[d];
-  return C().className(u).classNames(v).children(
-    t.createElement("table", { style: x }, [
-      t.createElement(
+  return $().className(u).classNames(v).children(
+    s.createElement("table", { style: x }, [
+      s.createElement(
         "thead",
         { key: "thead", className: "bg-gray-50/50" },
-        t.createElement(
+        s.createElement(
           "tr",
           {},
           e.map(
-            (o, _) => t.createElement("th", {
+            (o, _) => s.createElement("th", {
               key: String(o.accessor ?? o.header ?? _),
               scope: "col",
               style: {
@@ -617,18 +621,18 @@ const Pe = w(ye), xe = t.memo((n) => {
           )
         )
       ),
-      t.createElement(
+      s.createElement(
         "tbody",
         { key: "tbody" },
-        s.map(
-          (o, _) => t.createElement(
+        t.map(
+          (o, _) => s.createElement(
             "tr",
             {
               key: (o == null ? void 0 : o.id) ?? (o == null ? void 0 : o.key) ?? _,
               className: `group transition-all duration-200 border-b border-gray-50 last:border-b-0 ${p && _ % 2 !== 0 ? "bg-gray-50/30" : "bg-transparent"} ${r === "clean" ? "hover:bg-white hover:shadow-md hover:scale-[1.002] hover:z-10 relative" : "hover:bg-gray-50/50"}`
             },
             e.map(
-              (y, H) => t.createElement(
+              (y, H) => s.createElement(
                 "td",
                 {
                   key: H,
@@ -648,7 +652,7 @@ const Pe = w(ye), xe = t.memo((n) => {
     ])
   ).build();
 });
-class ve extends I {
+class Ee extends I {
   constructor() {
     super(...arguments);
     i(this, "_data", []);
@@ -687,12 +691,12 @@ class ve extends I {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return t.createElement(xe, e);
+    return s.createElement(ve, e);
   }
 }
-const ze = w(ve), Ee = t.memo((n) => {
-  const { items: s, className: e, style: r, ...d } = n, p = s.map(
-    (c, u) => t.createElement(
+const Ve = w(Ee), Ne = s.memo((n) => {
+  const { items: t, className: e, style: r, ...d } = n, p = t.map(
+    (c, u) => s.createElement(
       "span",
       {
         key: c.title ? `${c.title}-${u}` : `tag-${u}`,
@@ -701,7 +705,7 @@ const ze = w(ve), Ee = t.memo((n) => {
       c.title
     )
   );
-  return t.createElement(
+  return s.createElement(
     "div",
     {
       className: e,
@@ -711,7 +715,7 @@ const ze = w(ve), Ee = t.memo((n) => {
     ...p
   );
 });
-class Ne extends I {
+class we extends I {
   constructor(e = []) {
     super();
     i(this, "_items", []);
@@ -727,29 +731,29 @@ class Ne extends I {
       style: this.getStyle(),
       ...this._props
     };
-    return t.createElement(Ee, r);
+    return s.createElement(Ne, r);
   }
 }
-const Ve = w(Ne), we = t.memo((n) => {
-  const { status: s, title: e, subtitle: r, className: d, style: p, ...c } = n;
-  return t.createElement(
+const De = w(we), Ie = s.memo((n) => {
+  const { status: t, title: e, subtitle: r, className: d, style: p, ...c } = n;
+  return s.createElement(
     "div",
     {
       className: d,
       style: p,
       ...c
     },
-    t.createElement(
+    s.createElement(
       "div",
       { className: "flex flex-col gap-1" },
-      e && t.createElement(
+      e && s.createElement(
         "h4",
         {
           className: "font-semibold text-sm uppercase tracking-wide opacity-90"
         },
         e
       ),
-      r && t.createElement(
+      r && s.createElement(
         "p",
         {
           className: "opacity-80 text-sm"
@@ -759,7 +763,7 @@ const Ve = w(Ne), we = t.memo((n) => {
     )
   );
 });
-class Ie extends I {
+class Se extends I {
   constructor(e = "") {
     super();
     i(this, "_status", "info");
@@ -789,11 +793,11 @@ class Ie extends I {
       style: this.getStyle(),
       ...this._props
     };
-    return t.createElement(we, d);
+    return s.createElement(Ie, d);
   }
 }
-const De = w(Ie);
-class Se extends I {
+const Xe = w(Se);
+class $e extends I {
   constructor() {
     super(...arguments);
     i(this, "_title", "");
@@ -818,37 +822,37 @@ class Se extends I {
     return this._onToggle = e, this;
   }
   build() {
-    return t.createElement(Ce, {
+    return s.createElement(Ce, {
       builder: this,
       ...this._props
     });
   }
 }
-const Ce = t.memo(({ builder: n }) => {
-  const s = t.useId(), e = `${s}-content`, r = n._expanded !== void 0, [d, p] = D(n._defaultExpanded), c = r ? n._expanded : d, u = () => {
+const Ce = s.memo(({ builder: n }) => {
+  const t = s.useId(), e = `${t}-content`, r = n._expanded !== void 0, [d, p] = X(n._defaultExpanded), c = r ? n._expanded : d, u = () => {
     r || p(!c), n._onToggle && n._onToggle(!c);
   };
-  return C().classNames(["w-full", "border", "border-gray-200", "rounded-xl", "overflow-hidden", "bg-white", "transition-all", "duration-300"]).className(n.getClassName()).style(n.getStyle()).children([
-    t.createElement("button", {
+  return $().classNames(["w-full", "border", "border-gray-200", "rounded-xl", "overflow-hidden", "bg-white", "transition-all", "duration-300"]).className(n.getClassName()).style(n.getStyle()).children([
+    s.createElement("button", {
       key: "header",
       type: "button",
-      id: s,
+      id: t,
       "aria-expanded": c,
       "aria-controls": e,
       className: "w-full flex items-center justify-between p-4 cursor-pointer hover:bg-gray-50 transition-colors select-none text-left bg-transparent border-0",
       onClick: u
     }, [
-      t.createElement(
-        t.Fragment,
+      s.createElement(
+        s.Fragment,
         { key: "title" },
-        typeof n._title == "string" ? me(n._title).fontWeight(600).fontSize(15).color("#1F2937").build() : n._title
+        typeof n._title == "string" ? he(n._title).fontWeight(600).fontSize(15).color("#1F2937").build() : n._title
       ),
-      t.createElement("span", {
+      s.createElement("span", {
         key: "chevron",
         className: "transition-transform duration-300",
         style: { transform: c ? "rotate(180deg)" : "rotate(0deg)" },
         "aria-hidden": !0
-      }, t.createElement("svg", {
+      }, s.createElement("svg", {
         width: "20",
         height: "20",
         viewBox: "0 0 24 24",
@@ -858,23 +862,23 @@ const Ce = t.memo(({ builder: n }) => {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         className: "text-gray-400"
-      }, t.createElement("polyline", { points: "6 9 12 15 18 9" })))
+      }, s.createElement("polyline", { points: "6 9 12 15 18 9" })))
     ]),
-    C().props({
+    $().props({
       id: e,
       role: "region",
-      "aria-labelledby": s,
+      "aria-labelledby": t,
       hidden: !c || void 0
     }).classNames(["transition-all", "duration-300", "ease-in-out", "overflow-hidden"]).style({
       maxHeight: c ? "500px" : "0px",
       opacity: c ? 1 : 0
     }).children(
-      C().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(n._content).build()
+      $().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(n._content).build()
     ).build()
   ]).build();
-}), Xe = w(Se), $e = t.memo((n) => {
+}), Ye = w($e), ke = s.memo((n) => {
   const {
-    children: s,
+    children: t,
     variant: e = "standard",
     columns: r = 1,
     gap: d = "md",
@@ -902,7 +906,7 @@ const Ce = t.memo(({ builder: n }) => {
       { col: 1, row: 2 },
       { col: 2, row: 1 }
     ];
-    return t.createElement("div", {
+    return s.createElement("div", {
       className: `grid ${v(r)} ${g(d)} ${p}`,
       style: {
         gap: x(d),
@@ -910,12 +914,12 @@ const Ce = t.memo(({ builder: n }) => {
         ...c
       },
       ...u
-    }, t.Children.map(s, (a, o) => {
-      if (t.isValidElement(a) && typeof a.props.className == "string" && a.props.className.includes("col-span"))
+    }, s.Children.map(t, (a, o) => {
+      if (s.isValidElement(a) && typeof a.props.className == "string" && a.props.className.includes("col-span"))
         return a;
       const _ = m[o % m.length];
-      return t.createElement("div", {
-        key: Z(a, o),
+      return s.createElement("div", {
+        key: q(a, o),
         style: { gridColumn: `span ${_.col}`, gridRow: `span ${_.row}` }
       }, a);
     }));
@@ -926,41 +930,41 @@ const Ce = t.memo(({ builder: n }) => {
       let o = [];
       return a.sm && o.push(`sm:columns-${a.sm}`), a.md && o.push(`md:columns-${a.md}`), a.lg && o.push(`lg:columns-${a.lg}`), a.xl && o.push(`xl:columns-${a.xl}`), o.join(" ") || "columns-1";
     };
-    return t.createElement("div", {
+    return s.createElement("div", {
       className: `${m(r)} ${g(d)} space-y-4 ${p}`,
       style: {
         columnGap: x(d),
         ...c
       },
       ...u
-    }, t.Children.map(
-      s,
-      (a, o) => t.createElement("div", {
-        key: Z(a, o),
+    }, s.Children.map(
+      t,
+      (a, o) => s.createElement("div", {
+        key: q(a, o),
         className: "break-inside-avoid mb-4"
       }, a)
     ));
   }
-  return t.createElement("div", {
+  return s.createElement("div", {
     className: `grid ${v(r)} ${g(d)} ${p}`,
     style: {
       gap: x(d),
       ...c
     },
     ...u
-  }, s);
-}), ke = t.memo((n) => {
-  const { children: s, colSpan: e, rowSpan: r, className: d, style: p, ...c } = n, u = () => {
+  }, t);
+}), Be = s.memo((n) => {
+  const { children: t, colSpan: e, rowSpan: r, className: d, style: p, ...c } = n, u = () => {
     let g = [];
     return e && g.push(`col-span-${e}`), r && g.push(`row-span-${r}`), g.join(" ");
   };
-  return t.createElement("div", {
+  return s.createElement("div", {
     className: `${u()} ${d}`,
     style: p,
     ...c
-  }, s);
+  }, t);
 });
-class Be extends I {
+class Te extends I {
   constructor() {
     super(...arguments);
     i(this, "_variant", "standard");
@@ -986,10 +990,10 @@ class Be extends I {
       style: this.getStyle(),
       ...this._props
     };
-    return t.createElement($e, e);
+    return s.createElement(ke, e);
   }
 }
-class Te extends I {
+class He extends I {
   constructor() {
     super(...arguments);
     i(this, "_colSpan");
@@ -1010,18 +1014,18 @@ class Te extends I {
       style: this.getStyle(),
       ...this._props
     };
-    return t.createElement(ke, e);
+    return s.createElement(Be, e);
   }
 }
-const Ye = w(Be), We = w(Te);
+const We = w(Te), Ue = w(He);
 export {
-  De as B,
-  Ge as C,
-  Ye as G,
-  Me as L,
-  ze as T,
-  Pe as a,
-  Ve as b,
-  Xe as c,
-  We as d
+  Xe as B,
+  Me as C,
+  We as G,
+  Pe as L,
+  Ve as T,
+  ze as a,
+  De as b,
+  Ye as c,
+  Ue as d
 };