fiboui 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,4622 @@
+var ie = Object.defineProperty;
+var oe = (i, t, e) => t in i ? ie(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var o = (i, t, e) => oe(i, typeof t != "symbol" ? t + "" : t, e);
+import { jsx as S, Fragment as K, jsxs as P } from "react/jsx-runtime";
+import s, { createContext as G, useContext as X, useState as W, useEffect as H, useRef as Q } from "react";
+function Z(i) {
+  var t, e, r = "";
+  if (typeof i == "string" || typeof i == "number") r += i;
+  else if (typeof i == "object") if (Array.isArray(i)) {
+    var n = i.length;
+    for (t = 0; t < n; t++) i[t] && (e = Z(i[t])) && (r && (r += " "), r += e);
+  } else for (e in i) i[e] && (r && (r += " "), r += e);
+  return r;
+}
+function ne() {
+  for (var i, t, e = 0, r = "", n = arguments.length; e < n; e++) (i = arguments[e]) && (t = Z(i)) && (r && (r += " "), r += t);
+  return r;
+}
+function le(i) {
+  const t = i.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
+  if (!t)
+    return i;
+  const [, e, r, n] = t, l = parseFloat(e), a = parseFloat(r), c = parseFloat(n), h = a * Math.cos(c * Math.PI / 180), p = a * Math.sin(c * Math.PI / 180), u = l + 0.3963377774 * h + 0.2158037573 * p, m = l - 0.1055613458 * h - 0.0638541728 * p, d = l - 0.0894841775 * h - 1.291485548 * p, f = u * u * u, C = m * m * m, v = d * d * d, B = 4.0767416621 * f - 3.3077115913 * C + 0.2309699292 * v, $ = -1.2684380046 * f + 2.6097574011 * C - 0.3413193965 * v, k = -0.0041960863 * f - 0.7034186147 * C + 1.707614701 * v, E = (I) => I >= 31308e-7 ? 1.055 * I ** (1 / 2.4) - 0.055 : 12.92 * I, y = Math.max(0, Math.min(1, E(B))), g = Math.max(0, Math.min(1, E($))), F = Math.max(0, Math.min(1, E(k))), A = (I) => {
+    var z;
+    const _ = (z = Math.round(I * 255).toString(16)) == null ? void 0 : z.toUpperCase();
+    return _.length === 1 ? `0${_}` : _;
+  };
+  return `#${A(y)}${A(g)}${A(F)}`;
+}
+function ae(i) {
+  const t = {}, e = {}, r = i.split(`
+`);
+  for (const n of r) {
+    const l = n.trim();
+    if (!l || l.startsWith("//") || l.startsWith("*") || l === "@theme {" || l === "}")
+      continue;
+    const a = l.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), c = l.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
+    if (a) {
+      const [, h, p] = a, u = le(p);
+      t[u.toLowerCase()] = `bg-${h}`, e[u.toLowerCase()] = `text-${h}`;
+    } else if (c) {
+      const [, h, p] = c;
+      t[p.toLowerCase()] = `bg-${h}`, e[p.toLowerCase()] = `text-${h}`;
+    }
+  }
+  return { background: t, text: e };
+}
+const ce = (i) => {
+  if (i !== void 0)
+    return typeof i == "number" ? `${i}px` : i.toString();
+}, D = (i, t) => {
+  const e = ce(t);
+  return e === void 0 ? "" : `${i}-[${e}]`;
+}, he = `
+  --color-red-50: oklch(0.971 0.013 17.38);
+  --color-red-100: oklch(0.936 0.032 17.717);
+  --color-red-200: oklch(0.885 0.062 18.334);
+  --color-red-300: oklch(0.808 0.114 19.571);
+  --color-red-400: oklch(0.704 0.191 22.216);
+  --color-red-500: oklch(0.637 0.237 25.331);
+  --color-red-600: oklch(0.577 0.245 27.325);
+  --color-red-700: oklch(0.505 0.213 27.518);
+  --color-red-800: oklch(0.444 0.177 26.899);
+  --color-red-900: oklch(0.396 0.141 25.723);
+  --color-red-950: oklch(0.258 0.092 26.042);
+  --color-orange-50: oklch(0.98 0.016 73.684);
+  --color-orange-100: oklch(0.954 0.038 75.164);
+  --color-orange-200: oklch(0.901 0.076 70.697);
+  --color-orange-300: oklch(0.837 0.128 66.29);
+  --color-orange-400: oklch(0.75 0.183 55.934);
+  --color-orange-500: oklch(0.705 0.213 47.604);
+  --color-orange-600: oklch(0.646 0.222 41.116);
+  --color-orange-700: oklch(0.553 0.195 38.402);
+  --color-orange-800: oklch(0.47 0.157 37.304);
+  --color-orange-900: oklch(0.408 0.123 38.172);
+  --color-orange-950: oklch(0.266 0.079 36.259);
+  --color-amber-50: oklch(0.987 0.022 95.277);
+  --color-amber-100: oklch(0.962 0.059 95.617);
+  --color-amber-200: oklch(0.924 0.12 95.746);
+  --color-amber-300: oklch(0.879 0.169 91.605);
+  --color-amber-400: oklch(0.828 0.189 84.429);
+  --color-amber-500: oklch(0.769 0.188 70.08);
+  --color-amber-600: oklch(0.666 0.179 58.318);
+  --color-amber-700: oklch(0.555 0.163 48.998);
+  --color-amber-800: oklch(0.473 0.137 46.201);
+  --color-amber-900: oklch(0.414 0.112 45.904);
+  --color-amber-950: oklch(0.279 0.077 45.635);
+  --color-yellow-50: oklch(0.987 0.026 102.212);
+  --color-yellow-100: oklch(0.973 0.071 103.193);
+  --color-yellow-200: oklch(0.945 0.129 101.54);
+  --color-yellow-300: oklch(0.905 0.182 98.111);
+  --color-yellow-400: oklch(0.852 0.199 91.936);
+  --color-yellow-500: oklch(0.795 0.184 86.047);
+  --color-yellow-600: oklch(0.681 0.162 75.834);
+  --color-yellow-700: oklch(0.554 0.135 66.442);
+  --color-yellow-800: oklch(0.476 0.114 61.907);
+  --color-yellow-900: oklch(0.421 0.095 57.708);
+  --color-yellow-950: oklch(0.286 0.066 53.813);
+  --color-lime-50: oklch(0.986 0.031 120.757);
+  --color-lime-100: oklch(0.967 0.067 122.328);
+  --color-lime-200: oklch(0.938 0.127 124.321);
+  --color-lime-300: oklch(0.897 0.196 126.665);
+  --color-lime-400: oklch(0.841 0.238 128.85);
+  --color-lime-500: oklch(0.768 0.233 130.85);
+  --color-lime-600: oklch(0.648 0.2 131.684);
+  --color-lime-700: oklch(0.532 0.157 131.589);
+  --color-lime-800: oklch(0.453 0.124 130.933);
+  --color-lime-900: oklch(0.405 0.101 131.063);
+  --color-lime-950: oklch(0.274 0.072 132.109);
+  --color-green-50: oklch(0.982 0.018 155.826);
+  --color-green-100: oklch(0.962 0.044 156.743);
+  --color-green-200: oklch(0.925 0.084 155.995);
+  --color-green-300: oklch(0.871 0.15 154.449);
+  --color-green-400: oklch(0.792 0.209 151.711);
+  --color-green-500: oklch(0.723 0.219 149.579);
+  --color-green-600: oklch(0.627 0.194 149.214);
+  --color-green-700: oklch(0.527 0.154 150.069);
+  --color-green-800: oklch(0.448 0.119 151.328);
+  --color-green-900: oklch(0.393 0.095 152.535);
+  --color-green-950: oklch(0.266 0.065 152.934);
+  --color-emerald-50: oklch(0.979 0.021 166.113);
+  --color-emerald-100: oklch(0.95 0.052 163.051);
+  --color-emerald-200: oklch(0.905 0.093 164.15);
+  --color-emerald-300: oklch(0.845 0.143 164.978);
+  --color-emerald-400: oklch(0.765 0.177 163.223);
+  --color-emerald-500: oklch(0.696 0.17 162.48);
+  --color-emerald-600: oklch(0.596 0.145 163.225);
+  --color-emerald-700: oklch(0.508 0.118 165.612);
+  --color-emerald-800: oklch(0.432 0.095 166.913);
+  --color-emerald-900: oklch(0.378 0.077 168.94);
+  --color-emerald-950: oklch(0.262 0.051 172.552);
+  --color-teal-50: oklch(0.984 0.014 180.72);
+  --color-teal-100: oklch(0.953 0.051 180.801);
+  --color-teal-200: oklch(0.91 0.096 180.426);
+  --color-teal-300: oklch(0.855 0.138 181.071);
+  --color-teal-400: oklch(0.777 0.152 181.912);
+  --color-teal-500: oklch(0.704 0.14 182.503);
+  --color-teal-600: oklch(0.6 0.118 184.704);
+  --color-teal-700: oklch(0.511 0.096 186.391);
+  --color-teal-800: oklch(0.437 0.078 188.216);
+  --color-teal-900: oklch(0.386 0.063 188.416);
+  --color-teal-950: oklch(0.277 0.046 192.524);
+  --color-cyan-50: oklch(0.984 0.019 200.873);
+  --color-cyan-100: oklch(0.956 0.045 203.388);
+  --color-cyan-200: oklch(0.917 0.08 205.041);
+  --color-cyan-300: oklch(0.865 0.127 207.078);
+  --color-cyan-400: oklch(0.789 0.154 211.53);
+  --color-cyan-500: oklch(0.715 0.143 215.221);
+  --color-cyan-600: oklch(0.609 0.126 221.723);
+  --color-cyan-700: oklch(0.52 0.105 223.128);
+  --color-cyan-800: oklch(0.45 0.085 224.283);
+  --color-cyan-900: oklch(0.398 0.07 227.392);
+  --color-cyan-950: oklch(0.302 0.056 229.695);
+  --color-sky-50: oklch(0.977 0.013 236.62);
+  --color-sky-100: oklch(0.951 0.026 236.824);
+  --color-sky-200: oklch(0.901 0.058 230.902);
+  --color-sky-300: oklch(0.828 0.111 230.318);
+  --color-sky-400: oklch(0.746 0.16 232.661);
+  --color-sky-500: oklch(0.685 0.169 237.323);
+  --color-sky-600: oklch(0.588 0.158 241.966);
+  --color-sky-700: oklch(0.5 0.134 242.749);
+  --color-sky-800: oklch(0.443 0.11 240.79);
+  --color-sky-900: oklch(0.391 0.09 240.876);
+  --color-sky-950: oklch(0.293 0.066 243.157);
+  --color-blue-50: oklch(0.97 0.014 254.604);
+  --color-blue-100: oklch(0.932 0.032 255.585);
+  --color-blue-200: oklch(0.882 0.059 254.128);
+  --color-blue-300: oklch(0.809 0.105 251.813);
+  --color-blue-400: oklch(0.707 0.165 254.624);
+  --color-blue-500: oklch(0.623 0.214 259.815);
+  --color-blue-600: oklch(0.546 0.245 262.881);
+  --color-blue-700: oklch(0.488 0.243 264.376);
+  --color-blue-800: oklch(0.424 0.199 265.638);
+  --color-blue-900: oklch(0.379 0.146 265.522);
+  --color-blue-950: oklch(0.282 0.091 267.935);
+  --color-indigo-50: oklch(0.962 0.018 272.314);
+  --color-indigo-100: oklch(0.93 0.034 272.788);
+  --color-indigo-200: oklch(0.87 0.065 274.039);
+  --color-indigo-300: oklch(0.785 0.115 274.713);
+  --color-indigo-400: oklch(0.673 0.182 276.935);
+  --color-indigo-500: oklch(0.585 0.233 277.117);
+  --color-indigo-600: oklch(0.511 0.262 276.966);
+  --color-indigo-700: oklch(0.457 0.24 277.023);
+  --color-indigo-800: oklch(0.398 0.195 277.366);
+  --color-indigo-900: oklch(0.359 0.144 278.697);
+  --color-indigo-950: oklch(0.257 0.09 281.288);
+  --color-violet-50: oklch(0.969 0.016 293.756);
+  --color-violet-100: oklch(0.943 0.029 294.588);
+  --color-violet-200: oklch(0.894 0.057 293.283);
+  --color-violet-300: oklch(0.811 0.111 293.571);
+  --color-violet-400: oklch(0.702 0.183 293.541);
+  --color-violet-500: oklch(0.606 0.25 292.717);
+  --color-violet-600: oklch(0.541 0.281 293.009);
+  --color-violet-700: oklch(0.491 0.27 292.581);
+  --color-violet-800: oklch(0.432 0.232 292.759);
+  --color-violet-900: oklch(0.38 0.189 293.745);
+  --color-violet-950: oklch(0.283 0.141 291.089);
+  --color-purple-50: oklch(0.977 0.014 308.299);
+  --color-purple-100: oklch(0.946 0.033 307.174);
+  --color-purple-200: oklch(0.902 0.063 306.703);
+  --color-purple-300: oklch(0.827 0.119 306.383);
+  --color-purple-400: oklch(0.714 0.203 305.504);
+  --color-purple-500: oklch(0.627 0.265 303.9);
+  --color-purple-600: oklch(0.558 0.288 302.321);
+  --color-purple-700: oklch(0.496 0.265 301.924);
+  --color-purple-800: oklch(0.438 0.218 303.724);
+  --color-purple-900: oklch(0.381 0.176 304.987);
+  --color-purple-950: oklch(0.291 0.149 302.717);
+  --color-fuchsia-50: oklch(0.977 0.017 320.058);
+  --color-fuchsia-100: oklch(0.952 0.037 318.852);
+  --color-fuchsia-200: oklch(0.903 0.076 319.62);
+  --color-fuchsia-300: oklch(0.833 0.145 321.434);
+  --color-fuchsia-400: oklch(0.74 0.238 322.16);
+  --color-fuchsia-500: oklch(0.667 0.295 322.15);
+  --color-fuchsia-600: oklch(0.591 0.293 322.896);
+  --color-fuchsia-700: oklch(0.518 0.253 323.949);
+  --color-fuchsia-800: oklch(0.452 0.211 324.591);
+  --color-fuchsia-900: oklch(0.401 0.17 325.612);
+  --color-fuchsia-950: oklch(0.293 0.136 325.661);
+  --color-pink-50: oklch(0.971 0.014 343.198);
+  --color-pink-100: oklch(0.948 0.028 342.258);
+  --color-pink-200: oklch(0.899 0.061 343.231);
+  --color-pink-300: oklch(0.823 0.12 346.018);
+  --color-pink-400: oklch(0.718 0.202 349.761);
+  --color-pink-500: oklch(0.656 0.241 354.308);
+  --color-pink-600: oklch(0.592 0.249 0.584);
+  --color-pink-700: oklch(0.525 0.223 3.958);
+  --color-pink-800: oklch(0.459 0.187 3.815);
+  --color-pink-900: oklch(0.408 0.153 2.432);
+  --color-pink-950: oklch(0.284 0.109 3.907);
+  --color-rose-50: oklch(0.969 0.015 12.422);
+  --color-rose-100: oklch(0.941 0.03 12.58);
+  --color-rose-200: oklch(0.892 0.058 10.001);
+  --color-rose-300: oklch(0.81 0.117 11.638);
+  --color-rose-400: oklch(0.712 0.194 13.428);
+  --color-rose-500: oklch(0.645 0.246 16.439);
+  --color-rose-600: oklch(0.586 0.253 17.585);
+  --color-rose-700: oklch(0.514 0.222 16.935);
+  --color-rose-800: oklch(0.455 0.188 13.697);
+  --color-rose-900: oklch(0.41 0.159 10.272);
+  --color-rose-950: oklch(0.271 0.105 12.094);
+  --color-slate-50: oklch(0.984 0.003 247.858);
+  --color-slate-100: oklch(0.968 0.007 247.896);
+  --color-slate-200: oklch(0.929 0.013 255.508);
+  --color-slate-300: oklch(0.869 0.022 252.894);
+  --color-slate-400: oklch(0.704 0.04 256.788);
+  --color-slate-500: oklch(0.554 0.046 257.417);
+  --color-slate-600: oklch(0.446 0.043 257.281);
+  --color-slate-700: oklch(0.372 0.044 257.287);
+  --color-slate-800: oklch(0.279 0.041 260.031);
+  --color-slate-900: oklch(0.208 0.042 265.755);
+  --color-slate-950: oklch(0.129 0.042 264.695);
+  --color-gray-50: oklch(0.985 0.002 247.839);
+  --color-gray-100: oklch(0.967 0.003 264.542);
+  --color-gray-200: oklch(0.928 0.006 264.531);
+  --color-gray-300: oklch(0.872 0.01 258.338);
+  --color-gray-400: oklch(0.707 0.022 261.325);
+  --color-gray-500: oklch(0.551 0.027 264.364);
+  --color-gray-600: oklch(0.446 0.03 256.802);
+  --color-gray-700: oklch(0.373 0.034 259.733);
+  --color-gray-800: oklch(0.278 0.033 256.848);
+  --color-gray-900: oklch(0.21 0.034 264.665);
+  --color-gray-950: oklch(0.13 0.028 261.692);
+  --color-zinc-50: oklch(0.985 0 0);
+  --color-zinc-100: oklch(0.967 0.001 286.375);
+  --color-zinc-200: oklch(0.92 0.004 286.32);
+  --color-zinc-300: oklch(0.871 0.006 286.286);
+  --color-zinc-400: oklch(0.705 0.015 286.067);
+  --color-zinc-500: oklch(0.552 0.016 285.938);
+  --color-zinc-600: oklch(0.442 0.017 285.786);
+  --color-zinc-700: oklch(0.37 0.013 285.805);
+  --color-zinc-800: oklch(0.274 0.006 286.033);
+  --color-zinc-900: oklch(0.21 0.006 285.885);
+  --color-zinc-950: oklch(0.141 0.005 285.823);
+  --color-neutral-50: oklch(0.985 0 0);
+  --color-neutral-100: oklch(0.97 0 0);
+  --color-neutral-200: oklch(0.922 0 0);
+  --color-neutral-300: oklch(0.87 0 0);
+  --color-neutral-400: oklch(0.708 0 0);
+  --color-neutral-500: oklch(0.556 0 0);
+  --color-neutral-600: oklch(0.439 0 0);
+  --color-neutral-700: oklch(0.371 0 0);
+  --color-neutral-800: oklch(0.269 0 0);
+  --color-neutral-900: oklch(0.205 0 0);
+  --color-neutral-950: oklch(0.145 0 0);
+  --color-stone-50: oklch(0.985 0.001 106.423);
+  --color-stone-100: oklch(0.97 0.001 106.424);
+  --color-stone-200: oklch(0.923 0.003 48.717);
+  --color-stone-300: oklch(0.869 0.005 56.366);
+  --color-stone-400: oklch(0.709 0.01 56.259);
+  --color-stone-500: oklch(0.553 0.013 58.071);
+  --color-stone-600: oklch(0.444 0.011 73.639);
+  --color-stone-700: oklch(0.374 0.01 67.558);
+  --color-stone-800: oklch(0.268 0.007 34.298);
+  --color-stone-900: oklch(0.216 0.006 56.043);
+  --color-stone-950: oklch(0.147 0.004 49.25);
+  --color-black: #000;
+  --color-white: #fff;
+`, de = ae(he), ee = {
+  borderRadius: {
+    0: "rounded-none",
+    "0px": "rounded-none",
+    "1px": "rounded-sm",
+    "2px": "rounded-sm",
+    "3px": "rounded",
+    "4px": "rounded",
+    "5px": "rounded-md",
+    "6px": "rounded-md",
+    "7px": "rounded-lg",
+    "8px": "rounded-lg",
+    "9px": "rounded-lg",
+    "10px": "rounded-lg",
+    "11px": "rounded-xl",
+    "12px": "rounded-xl",
+    "14px": "rounded-2xl",
+    "16px": "rounded-2xl",
+    "20px": "rounded-3xl",
+    "50%": "rounded-full",
+    "9999px": "rounded-full"
+  },
+  fontSize: {
+    "0.75rem": "text-xs",
+    "0.875rem": "text-sm",
+    "1rem": "text-base",
+    "1.125rem": "text-lg",
+    "1.25rem": "text-xl",
+    "1.5rem": "text-2xl",
+    "1.875rem": "text-3xl",
+    "2.25rem": "text-4xl",
+    "3rem": "text-5xl",
+    "3.75rem": "text-6xl",
+    "4.5rem": "text-7xl",
+    "6rem": "text-8xl",
+    "8rem": "text-9xl"
+  },
+  fontWeight: {
+    100: "font-thin",
+    200: "font-extralight",
+    300: "font-light",
+    400: "font-normal",
+    500: "font-medium",
+    600: "font-semibold",
+    700: "font-bold",
+    800: "font-extrabold",
+    900: "font-black"
+  },
+  fontFamily: {
+    "ui-serif": "font-serif",
+    "ui-monospace": "font-mono",
+    "ui-sans-serif": "font-sans",
+    default: "font-sans"
+  },
+  textAlign: {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right",
+    justify: "text-justify"
+  },
+  textDecoration: {
+    underline: "underline",
+    overline: "overline",
+    "line-through": "line-through",
+    none: "no-underline"
+  },
+  fontVariantNumeric: {
+    "tabular-nums": "tabular-nums",
+    "oldstyle-nums": "oldstyle-nums",
+    "lining-nums": "lining-nums",
+    "proportional-nums": "proportional-nums",
+    "diagonal-fractions": "diagonal-fractions",
+    "stacked-fractions": "stacked-fractions",
+    ordinal: "ordinal",
+    "slashed-zero": "slashed-zero",
+    normal: "normal-nums"
+  },
+  fontStyle: {
+    normal: "normal",
+    italic: "italic",
+    oblique: "oblique"
+  },
+  display: {
+    block: "block",
+    flex: "flex",
+    "inline-flex": "inline-flex",
+    grid: "grid",
+    hidden: "hidden",
+    none: "hidden"
+  },
+  position: {
+    static: "static",
+    relative: "relative",
+    absolute: "absolute",
+    fixed: "fixed",
+    sticky: "sticky"
+  }
+}, ue = (i, t) => ({
+  // 背景色
+  backgroundColor: (e) => e.backgroundColor ? [i.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
+  // 文字色
+  color: (e) => e.color ? [i.text[e.color.toLowerCase()] || `text-[${e.color}]`] : [],
+  // 圆角
+  borderRadius: (e) => {
+    if (!e.borderRadius)
+      return [];
+    const r = ee.borderRadius[e.borderRadius] || D("rounded", e.borderRadius);
+    return r ? [r] : [];
+  },
+  // 外边距
+  margin: (e) => {
+    const r = [];
+    if (e.margin !== void 0) {
+      const l = D("m", e.margin);
+      return l ? [l] : [];
+    }
+    return [
+      { prop: e.marginTop, dir: "mt" },
+      { prop: e.marginRight, dir: "mr" },
+      { prop: e.marginBottom, dir: "mb" },
+      { prop: e.marginLeft, dir: "ml" },
+      { prop: e.marginX, dir: "mx" },
+      { prop: e.marginY, dir: "my" }
+    ].forEach(({ prop: l, dir: a }) => {
+      if (l !== void 0) {
+        const c = D(a, l);
+        c && r.push(c);
+      }
+    }), r;
+  },
+  // 内边距
+  padding: (e) => {
+    const r = [];
+    if (e.padding !== void 0) {
+      const l = D("p", e.padding);
+      return l ? [l] : [];
+    }
+    return [
+      { prop: e.paddingTop, dir: "pt" },
+      { prop: e.paddingRight, dir: "pr" },
+      { prop: e.paddingBottom, dir: "pb" },
+      { prop: e.paddingLeft, dir: "pl" },
+      { prop: e.paddingX, dir: "px" },
+      { prop: e.paddingY, dir: "py" }
+    ].forEach(({ prop: l, dir: a }) => {
+      if (l !== void 0) {
+        const c = D(a, l);
+        c && r.push(c);
+      }
+    }), r;
+  },
+  // 字体
+  font: (e) => {
+    const r = [];
+    if (e.fontSize && r.push(t.fontSize[e.fontSize.toString()] || `text-[${e.fontSize}]`), e.fontWeight) {
+      const n = t.fontWeight[e.fontWeight.toString()];
+      n && r.push(n);
+    }
+    if (e.textAlign) {
+      const n = t.textAlign[e.textAlign];
+      n && r.push(n);
+    }
+    if (e.fontFamily) {
+      const n = t.fontFamily[e.fontFamily];
+      n && r.push(n);
+    }
+    if (e.textDecoration) {
+      const n = t.textDecoration[e.textDecoration];
+      n && r.push(n);
+    }
+    if (e.fontVariantNumeric) {
+      const n = t.fontVariantNumeric[e.fontVariantNumeric];
+      n && r.push(n);
+    }
+    if (e.fontStyle) {
+      const n = t.fontStyle[e.fontStyle];
+      n && r.push(n);
+    }
+    return r;
+  },
+  // 尺寸
+  size: (e) => {
+    const r = [];
+    if (e.width) {
+      const n = e.width.toString();
+      r.push(`w-[${n}]`);
+    }
+    if (e.height) {
+      const n = e.height.toString();
+      r.push(`h-[${n}]`);
+    }
+    return r;
+  },
+  // 布局
+  layout: (e) => {
+    const r = [];
+    if (e.display) {
+      const n = t.display[e.display];
+      n && r.push(n);
+    }
+    if (e.flexDirection) {
+      const l = {
+        row: "flex-row",
+        column: "flex-col",
+        "row-reverse": "flex-row-reverse",
+        "column-reverse": "flex-col-reverse"
+      }[e.flexDirection];
+      l && r.push(l);
+    }
+    if (e.justifyContent) {
+      const l = {
+        "flex-start": "justify-start",
+        "flex-end": "justify-end",
+        center: "justify-center",
+        "space-between": "justify-between",
+        "space-around": "justify-around",
+        "space-evenly": "justify-evenly"
+      }[e.justifyContent];
+      l && r.push(l);
+    }
+    if (e.alignItems) {
+      const l = {
+        "flex-start": "items-start",
+        "flex-end": "items-end",
+        center: "items-center",
+        baseline: "items-baseline",
+        stretch: "items-stretch"
+      }[e.alignItems];
+      l && r.push(l);
+    }
+    if (e.gap) {
+      const n = D("gap", e.gap);
+      n && r.push(n);
+    }
+    return r;
+  },
+  // 定位
+  position: (e) => e.position ? [t.position[e.position] || ""].filter(Boolean) : [],
+  // 透明度
+  opacity: (e) => {
+    if (e.opacity === void 0)
+      return [];
+    const r = typeof e.opacity == "string" ? parseFloat(e.opacity) : e.opacity;
+    return [`opacity-${{
+      0: "0",
+      0.25: "25",
+      0.5: "50",
+      0.75: "75",
+      1: "100"
+    }[r] || Math.round(r * 100)}`];
+  },
+  // 自定义类名
+  className: (e) => e.className ? [e.className] : []
+}), me = {
+  backgroundColor: "backgroundColor",
+  color: "color",
+  borderRadius: "borderRadius",
+  margin: "margin",
+  marginTop: "margin",
+  marginRight: "margin",
+  marginBottom: "margin",
+  marginLeft: "margin",
+  marginX: "margin",
+  marginY: "margin",
+  padding: "padding",
+  paddingTop: "padding",
+  paddingRight: "padding",
+  paddingBottom: "padding",
+  paddingLeft: "padding",
+  paddingX: "padding",
+  paddingY: "padding",
+  fontSize: "font",
+  fontWeight: "font",
+  textAlign: "font",
+  textDecoration: "font",
+  fontVariantNumeric: "font",
+  fontStyle: "font",
+  width: "size",
+  height: "size",
+  display: "layout",
+  flexDirection: "layout",
+  justifyContent: "layout",
+  alignItems: "layout",
+  gap: "layout",
+  position: "position",
+  opacity: "opacity",
+  className: "className"
+}, pe = (i, t) => {
+  const e = (t == null ? void 0 : t.colorMaps) || de, r = (t == null ? void 0 : t.styleMaps) || ee, n = ue(e, r), l = [], a = /* @__PURE__ */ new Set();
+  return Object.keys(i).forEach((c) => {
+    const h = me[c];
+    if (h && !a.has(h)) {
+      const p = n[h];
+      if (p) {
+        const u = p(i);
+        l.push(...u), a.add(h);
+      }
+    }
+  }), l.filter(Boolean).join(" ");
+};
+class b {
+  constructor() {
+    o(this, "_props", {});
+    o(this, "_style", {});
+    o(this, "_cssStyles", {});
+    o(this, "_classNames", []);
+    o(this, "_children", []);
+    o(this, "_responsive");
+    o(this, "_state", /* @__PURE__ */ new Map());
+    o(this, "_providers", /* @__PURE__ */ new Map());
+    o(this, "_observers", /* @__PURE__ */ new Set());
+    o(this, "_signals", /* @__PURE__ */ new Set());
+    o(this, "_isObserver", !1);
+  }
+  id(t) {
+    return this._props.id = t, this;
+  }
+  paddingHorizontal(t) {
+    return typeof t == "number" ? this._classNames.push(`px-[${t}px]`) : this._classNames.push(`px-${t}`), this;
+  }
+  paddingVertical(t) {
+    return typeof t == "number" ? this._classNames.push(`py-[${t}px]`) : this._classNames.push(`py-${t}`), this;
+  }
+  marginHorizontal(t) {
+    return typeof t == "number" ? this._classNames.push(`mx-[${t}px]`) : this._classNames.push(`mx-${t}`), this;
+  }
+  marginVertical(t) {
+    return typeof t == "number" ? this._classNames.push(`my-[${t}px]`) : this._classNames.push(`my-${t}`), this;
+  }
+  flexDirection(t) {
+    return this._classNames.push(`flex-${t}`), this;
+  }
+  alignItems(t) {
+    return this._classNames.push(`items-${t}`), this;
+  }
+  justifyContent(t) {
+    return this._classNames.push(`justify-${t}`), this;
+  }
+  responsive(t) {
+    return this._responsive = t, this;
+  }
+  state(t, e) {
+    return this._state.set(t, e), this;
+  }
+  getState(t) {
+    return this._state.get(t);
+  }
+  setState(t, e) {
+    return this._state.set(t, e), this;
+  }
+  provide(t, e) {
+    return this._providers.set(t, e), this;
+  }
+  consume(t) {
+    return this._providers.get(t);
+  }
+  observer() {
+    return this._isObserver = !0, this;
+  }
+  observe(t) {
+    return this._observers.add(t), this;
+  }
+  bindSignal(t) {
+    return this._signals.add(t), this;
+  }
+  hasStateManagement() {
+    return this._state.size > 0 || this._providers.size > 0 || this._observers.size > 0 || this._signals.size > 0 || this._isObserver;
+  }
+  className(t) {
+    return this._classNames.push(t), this;
+  }
+  classNames(t) {
+    return this._classNames.push(...t), this;
+  }
+  css(t) {
+    return this._cssStyles = { ...this._cssStyles, ...t }, this;
+  }
+  style(t) {
+    return this._style = { ...this._style, ...t }, this;
+  }
+  props(t) {
+    return this._props = { ...this._props, ...t }, this;
+  }
+  children(t) {
+    const e = Array.isArray(t) ? t : [t];
+    return this._children = e.map((r) => r && typeof r == "object" && "build" in r && typeof r.build == "function" ? r.build() : r), this;
+  }
+  getClassName() {
+    if (Object.keys(this._cssStyles).length > 0) {
+      const t = pe(this._cssStyles);
+      t && this._classNames.push(t);
+    }
+    return ne(this._classNames);
+  }
+  getStyle() {
+    let t = { ...this._style, ...this._cssStyles };
+    return this._responsive && this._responsive.mobile && (t = { ...t, ...this._responsive.mobile }), t;
+  }
+  processChildren() {
+    return this._children;
+  }
+}
+function x(i) {
+  return (...t) => {
+    const e = new i(...t);
+    return new Proxy(e, {
+      get(r, n, l) {
+        return Reflect.has(r, n) ? Reflect.get(r, n, l) : (a) => (r.css({ [n]: a }), l);
+      }
+    });
+  };
+}
+function ns(i) {
+  return (Array.isArray(i) ? i : [i]).map((e) => e && typeof e == "object" && "build" in e ? e.build() : e);
+}
+function ls(...i) {
+  return i.reduce((t, e) => e ? { ...t, ...e } : t, {});
+}
+function as(i, t) {
+  if (!t) return i;
+  let e = { ...i };
+  if (typeof window < "u") {
+    const r = window.innerWidth;
+    r < 768 && t.mobile ? e = { ...e, ...t.mobile } : r >= 768 && r < 1024 && t.tablet ? e = { ...e, ...t.tablet } : r >= 1024 && t.desktop && (e = { ...e, ...t.desktop });
+  }
+  return e;
+}
+function cs(i, t = "px") {
+  return typeof i == "number" ? `${i}${t}` : i;
+}
+class fe {
+  constructor(t) {
+    o(this, "_value");
+    o(this, "subscribers", /* @__PURE__ */ new Set());
+    this._value = t;
+  }
+  get value() {
+    return this._value;
+  }
+  set value(t) {
+    this._value !== t && (this._value = t, this.notify());
+  }
+  subscribe(t) {
+    return this.subscribers.add(t), () => this.subscribers.delete(t);
+  }
+  notify() {
+    this.subscribers.forEach((t) => t(this._value));
+  }
+}
+class ge {
+  constructor(t) {
+    o(this, "_value");
+    o(this, "subscribers", /* @__PURE__ */ new Set());
+    o(this, "dependencies", /* @__PURE__ */ new Set());
+    o(this, "unsubscribers", []);
+    this.compute = t, this._value = this.recompute();
+  }
+  get value() {
+    return this._value;
+  }
+  subscribe(t) {
+    return this.subscribers.add(t), () => this.subscribers.delete(t);
+  }
+  recompute() {
+    this.unsubscribers.forEach((e) => e()), this.unsubscribers = [], this.dependencies.clear();
+    const t = this.compute();
+    return this._value !== t && (this._value = t, this.notify()), t;
+  }
+  notify() {
+    this.subscribers.forEach((t) => t(this._value));
+  }
+}
+function hs(i) {
+  return new fe(i);
+}
+function ds(i) {
+  return new ge(i);
+}
+function us(i) {
+  let t;
+  return (() => {
+    typeof t == "function" && t(), t = i();
+  })(), () => {
+    typeof t == "function" && t();
+  };
+}
+class be {
+  constructor(t) {
+    o(this, "_value");
+    o(this, "listeners", /* @__PURE__ */ new Set());
+    this._value = t;
+  }
+  get() {
+    return this._value;
+  }
+  set(t) {
+    this._value !== t && (this._value = t, this.listeners.forEach((e) => e(t)));
+  }
+  subscribe(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
+  }
+}
+function ms(i) {
+  return new be(i);
+}
+class xe {
+  constructor(t) {
+    o(this, "state");
+    o(this, "listeners", /* @__PURE__ */ new Set());
+    this.state = t;
+  }
+  getState() {
+    return this.state;
+  }
+  setState(t) {
+    const e = typeof t == "function" ? t(this.state) : t;
+    this.state = { ...this.state, ...e }, this.listeners.forEach((r) => r(this.state));
+  }
+  subscribe(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
+  }
+}
+function ps(i) {
+  return new xe(i);
+}
+const Y = /* @__PURE__ */ new Map();
+function fs(i, t) {
+  Y.set(i, t);
+}
+function gs(i) {
+  return Y.get(i);
+}
+function bs() {
+  Y.clear();
+}
+const te = G(/* @__PURE__ */ new Map());
+function xs() {
+  return X(te);
+}
+function ys({ stateMap: i, children: t }) {
+  const [e] = W(() => new Map(i));
+  return /* @__PURE__ */ S(te.Provider, { value: e, children: t });
+}
+function _s({ observables: i, children: t }) {
+  const [, e] = W({});
+  return H(() => {
+    const r = Array.from(i).map(
+      (n) => n.subscribe(() => e({}))
+    );
+    return () => r.forEach((n) => n());
+  }, [i]), /* @__PURE__ */ S(K, { children: t });
+}
+function ks({ signals: i, children: t }) {
+  const [, e] = W({});
+  return H(() => {
+    const r = Array.from(i).map(
+      (n) => n.subscribe(() => e({}))
+    );
+    return () => r.forEach((n) => n());
+  }, [i]), /* @__PURE__ */ S(K, { children: t });
+}
+const se = G(/* @__PURE__ */ new Map());
+function vs(i) {
+  return X(se).get(i);
+}
+function ye({ providers: i, children: t }) {
+  return /* @__PURE__ */ S(se.Provider, { value: i, children: t });
+}
+const _e = {
+  name: "material",
+  colors: {
+    primary: "#6200EE",
+    primaryVariant: "#3700B3",
+    secondary: "#03DAC6",
+    secondaryVariant: "#018786",
+    background: "#FFFFFF",
+    surface: "#FFFFFF",
+    error: "#B00020",
+    success: "#4CAF50",
+    warning: "#FF9800",
+    info: "#2196F3",
+    onPrimary: "#FFFFFF",
+    onSecondary: "#000000",
+    onBackground: "#000000",
+    onSurface: "#000000",
+    onError: "#FFFFFF"
+  },
+  typography: {
+    h1: {
+      fontSize: "96px",
+      fontWeight: 300,
+      letterSpacing: "-1.5px"
+    },
+    h2: {
+      fontSize: "60px",
+      fontWeight: 300,
+      letterSpacing: "-0.5px"
+    },
+    h3: {
+      fontSize: "48px",
+      fontWeight: 400
+    },
+    h4: {
+      fontSize: "34px",
+      fontWeight: 400,
+      letterSpacing: "0.25px"
+    },
+    h5: {
+      fontSize: "24px",
+      fontWeight: 400
+    },
+    h6: {
+      fontSize: "20px",
+      fontWeight: 500,
+      letterSpacing: "0.15px"
+    },
+    body: {
+      fontSize: "16px",
+      fontWeight: 400,
+      letterSpacing: "0.5px"
+    },
+    caption: {
+      fontSize: "12px",
+      fontWeight: 400,
+      letterSpacing: "0.4px"
+    },
+    label: {
+      fontSize: "14px",
+      fontWeight: 500,
+      letterSpacing: "1.25px"
+    }
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px"
+  },
+  borderRadius: {
+    sm: "4px",
+    md: "8px",
+    lg: "16px",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 2px 4px rgba(0,0,0,0.1)",
+    md: "0 4px 8px rgba(0,0,0,0.12)",
+    lg: "0 8px 16px rgba(0,0,0,0.14)"
+  },
+  fontFamily: "Roboto, sans-serif"
+}, ke = {
+  name: "cupertino",
+  colors: {
+    primary: "#007AFF",
+    secondary: "#AF52DE",
+    background: "#FFFFFF",
+    surface: "#F2F2F7",
+    error: "#FF3B30",
+    success: "#34C759",
+    warning: "#FF9500",
+    info: "#5AC8FA",
+    onPrimary: "#FFFFFF",
+    onSecondary: "#FFFFFF",
+    onBackground: "#000000",
+    onSurface: "#000000",
+    onError: "#FFFFFF"
+  },
+  typography: {
+    h1: {
+      fontSize: "34px",
+      fontWeight: 700,
+      letterSpacing: "0.37px"
+    },
+    h2: {
+      fontSize: "28px",
+      fontWeight: 700,
+      letterSpacing: "0.36px"
+    },
+    h3: {
+      fontSize: "22px",
+      fontWeight: 600,
+      letterSpacing: "0.35px"
+    },
+    h4: {
+      fontSize: "20px",
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "17px",
+      fontWeight: 600,
+      letterSpacing: "-0.41px"
+    },
+    h6: {
+      fontSize: "15px",
+      fontWeight: 600,
+      letterSpacing: "-0.24px"
+    },
+    body: {
+      fontSize: "17px",
+      fontWeight: 400,
+      letterSpacing: "-0.41px"
+    },
+    caption: {
+      fontSize: "13px",
+      fontWeight: 400,
+      letterSpacing: "-0.08px"
+    },
+    label: {
+      fontSize: "15px",
+      fontWeight: 500,
+      letterSpacing: "-0.24px"
+    }
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "12px",
+    lg: "20px",
+    xl: "32px"
+  },
+  borderRadius: {
+    sm: "8px",
+    md: "12px",
+    lg: "20px",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 1px 3px rgba(0,0,0,0.08)",
+    md: "0 2px 8px rgba(0,0,0,0.1)",
+    lg: "0 4px 16px rgba(0,0,0,0.12)"
+  },
+  fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
+}, ve = {
+  name: "web",
+  colors: {
+    primary: "#3B82F6",
+    secondary: "#8B5CF6",
+    background: "#FFFFFF",
+    surface: "#F9FAFB",
+    error: "#EF4444",
+    success: "#10B981",
+    warning: "#F59E0B",
+    info: "#06B6D4",
+    onPrimary: "#FFFFFF",
+    onSecondary: "#FFFFFF",
+    onBackground: "#111827",
+    onSurface: "#374151",
+    onError: "#FFFFFF"
+  },
+  typography: {
+    h1: {
+      fontSize: "60px",
+      fontWeight: 800,
+      letterSpacing: "-0.02em"
+    },
+    h2: {
+      fontSize: "48px",
+      fontWeight: 700,
+      letterSpacing: "-0.01em"
+    },
+    h3: {
+      fontSize: "36px",
+      fontWeight: 700
+    },
+    h4: {
+      fontSize: "30px",
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "24px",
+      fontWeight: 600
+    },
+    h6: {
+      fontSize: "20px",
+      fontWeight: 600
+    },
+    body: {
+      fontSize: "16px",
+      fontWeight: 400,
+      lineHeight: "1.5"
+    },
+    caption: {
+      fontSize: "14px",
+      fontWeight: 400,
+      lineHeight: "1.4"
+    },
+    label: {
+      fontSize: "14px",
+      fontWeight: 500,
+      letterSpacing: "0.01em"
+    }
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px"
+  },
+  borderRadius: {
+    sm: "6px",
+    md: "8px",
+    lg: "12px",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 1px 2px rgba(0,0,0,0.05)",
+    md: "0 4px 6px rgba(0,0,0,0.07)",
+    lg: "0 10px 15px rgba(0,0,0,0.1)"
+  },
+  fontFamily: "Inter, system-ui, sans-serif"
+}, re = G(void 0), J = {
+  material: _e,
+  cupertino: ke,
+  web: ve
+};
+function ws({
+  theme: i = "material",
+  children: t
+}) {
+  const [e, r] = W(i), [n, l] = W(J[i]);
+  H(() => {
+    const c = J[e];
+    if (l(c), typeof document < "u") {
+      const h = document.documentElement;
+      h.classList.remove("fibo-theme-material", "fibo-theme-cupertino", "fibo-theme-web"), h.classList.add(`fibo-theme-${e}`), h.style.setProperty("--fibo-primary", c.colors.primary), h.style.setProperty("--fibo-secondary", c.colors.secondary), h.style.setProperty("--fibo-background", c.colors.background), h.style.setProperty("--fibo-surface", c.colors.surface), h.style.setProperty("--fibo-error", c.colors.error), h.style.setProperty("--fibo-font-family", c.fontFamily);
+    }
+  }, [e]);
+  const a = {
+    theme: n,
+    themeName: e,
+    setTheme: r
+  };
+  return /* @__PURE__ */ S(re.Provider, { value: a, children: t });
+}
+function Ns() {
+  const i = X(re);
+  if (!i)
+    throw new Error("useFiboTheme must be used within a FiboThemeProvider");
+  return i;
+}
+class we extends b {
+  build() {
+    const t = this.getClassName(), e = this.getStyle(), r = this.processChildren();
+    return s.createElement(
+      "div",
+      {
+        className: `fibo-container ${t}`,
+        style: e,
+        ...this._props
+      },
+      ...r
+    );
+  }
+}
+const Cs = x(we);
+class Ne extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_mainAxisAlignment", "start");
+    o(this, "_crossAxisAlignment", "start");
+    o(this, "_spacing");
+  }
+  mainAxisAlignment(e) {
+    return this._mainAxisAlignment = e, this;
+  }
+  crossAxisAlignment(e) {
+    return this._crossAxisAlignment = e, this;
+  }
+  spacing(e) {
+    return this._spacing = e, this;
+  }
+  items(e) {
+    return this.children(e), this;
+  }
+  build() {
+    const e = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      spaceBetween: "justify-between",
+      spaceAround: "justify-around",
+      spaceEvenly: "justify-evenly"
+    }, r = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    }, n = [
+      "fibo-row",
+      "flex",
+      "flex-row",
+      e[this._mainAxisAlignment],
+      r[this._crossAxisAlignment],
+      ...this._classNames
+    ], l = this.getStyle();
+    this._spacing && (typeof this._spacing == "number" ? l.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? l.gap = this._spacing : l.gap = `${Number(this._spacing) * 4}px`);
+    const a = n.filter(Boolean).join(" "), c = this.processChildren();
+    return s.createElement(
+      "div",
+      {
+        className: a,
+        style: l,
+        ...this._props
+      },
+      ...c
+    );
+  }
+}
+const L = x(Ne);
+class Ce extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_mainAxisAlignment", "start");
+    o(this, "_crossAxisAlignment", "start");
+    o(this, "_spacing");
+    o(this, "_size");
+  }
+  mainAxisAlignment(e) {
+    return this._mainAxisAlignment = e, this;
+  }
+  crossAxisAlignment(e) {
+    return this._crossAxisAlignment = e, this;
+  }
+  spacing(e) {
+    return this._spacing = e, this;
+  }
+  size(e) {
+    return this._size = e, this;
+  }
+  build() {
+    const e = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      spaceBetween: "justify-between",
+      spaceAround: "justify-around",
+      spaceEvenly: "justify-evenly"
+    }, r = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    }, n = {
+      small: "flex-[0.3]",
+      medium: "flex-1",
+      large: "flex-[1.5]"
+    }, l = [
+      "fibo-column",
+      "flex",
+      "flex-col",
+      e[this._mainAxisAlignment],
+      r[this._crossAxisAlignment],
+      this._size ? n[this._size] : "",
+      ...this._classNames
+    ], a = this.getStyle();
+    this._spacing && (typeof this._spacing == "number" ? a.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? a.gap = this._spacing : a.gap = `${Number(this._spacing) * 4}px`);
+    const c = l.filter(Boolean).join(" "), h = this.processChildren();
+    return s.createElement(
+      "div",
+      {
+        className: c,
+        style: a,
+        ...this._props
+      },
+      ...h
+    );
+  }
+}
+const R = x(Ce);
+class Ee extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_height");
+    o(this, "_width");
+  }
+  height(e) {
+    return this._height = e, this;
+  }
+  width(e) {
+    return this._width = e, this;
+  }
+  build() {
+    const e = this.getStyle();
+    this._height && (e.height = typeof this._height == "number" ? `${this._height}px` : this._height), this._width && (e.width = typeof this._width == "number" ? `${this._width}px` : this._width);
+    const r = this.getClassName();
+    return s.createElement("div", {
+      className: `fibo-spacer ${r}`,
+      style: e,
+      ...this._props
+    });
+  }
+}
+const O = x(Ee);
+class Se extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_sizeHeight");
+  }
+  sizeHeight(e) {
+    return this._sizeHeight = e, this;
+  }
+  build() {
+    const r = ["fibo-line", "flex", "flex-row", ...this._classNames].filter(Boolean).join(" "), n = this.getStyle();
+    this._sizeHeight && (n.height = this._sizeHeight);
+    const l = this.processChildren();
+    return s.createElement(
+      "div",
+      {
+        className: r,
+        style: n,
+        ...this._props
+      },
+      ...l
+    );
+  }
+}
+const Es = x(Se);
+class Fe extends b {
+  build() {
+    const e = [
+      "fibo-center",
+      "flex",
+      "items-center",
+      "justify-center",
+      ...this._classNames
+    ].filter(Boolean).join(" "), r = this.getStyle(), n = this.processChildren();
+    return s.createElement(
+      "div",
+      {
+        className: e,
+        style: r,
+        ...this._props
+      },
+      ...n
+    );
+  }
+}
+const Ss = x(Fe);
+class ze extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_direction", "vertical");
+    o(this, "_scrollbar", "auto");
+  }
+  direction(e) {
+    return this._direction = e, this;
+  }
+  horizontal() {
+    return this._direction = "horizontal", this;
+  }
+  vertical() {
+    return this._direction = "vertical", this;
+  }
+  scrollbar(e) {
+    return this._scrollbar = e, this;
+  }
+  build() {
+    const e = {
+      overflowX: this._direction === "horizontal" || this._direction === "both" ? "auto" : "hidden",
+      overflowY: this._direction === "vertical" || this._direction === "both" ? "auto" : "hidden",
+      WebkitOverflowScrolling: "touch",
+      display: "flex",
+      flexDirection: this._direction === "horizontal" ? "row" : "column",
+      ...this.getStyle()
+    }, r = [...this.getClassName().split(" ")];
+    return this._scrollbar === "hidden" && (r.push("scrollbar-hide"), e.scrollbarWidth = "none", e.msOverflowStyle = "none"), s.createElement("div", {
+      className: r.join(" "),
+      style: e,
+      ...this._props
+    }, ...this._children);
+  }
+}
+const Fs = x(ze), Be = s.memo((i) => {
+  const { height: t = 64, sticky: e, className: r, style: n, children: l, ...a } = i;
+  return s.createElement(
+    "header",
+    {
+      className: `flex items-center px-6 border-b border-gray-200 bg-white/80 backdrop-blur-md z-10 w-full ${e ? "sticky top-0" : ""} ${r || ""}`,
+      style: { height: t, minHeight: t, ...n },
+      ...a
+    },
+    l
+  );
+});
+class $e extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_height", 64);
+    o(this, "_sticky", !1);
+  }
+  height(e) {
+    return this._height = e, this;
+  }
+  sticky(e = !0) {
+    return this._sticky = e, this;
+  }
+  build() {
+    const e = {
+      height: this._height,
+      sticky: this._sticky,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return s.createElement(Be, e);
+  }
+}
+const zs = x($e), Ae = s.memo((i) => {
+  const { width: t = 260, collapsed: e, className: r, style: n, children: l, ...a } = i, c = e ? 80 : t;
+  return s.createElement(
+    "aside",
+    {
+      className: `flex flex-col border-r border-gray-200 bg-white transition-all duration-300 h-full ${r || ""}`,
+      style: { width: c, minWidth: c, ...n },
+      ...a
+    },
+    l
+  );
+});
+class Ie extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_width", 260);
+    o(this, "_collapsed", !1);
+  }
+  width(e) {
+    return this._width = e, this;
+  }
+  collapsible(e = !1) {
+    return this._collapsed = e, this;
+  }
+  build() {
+    const e = {
+      width: this._width,
+      collapsed: this._collapsed,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return s.createElement(Ae, e);
+  }
+}
+const Bs = x(Ie), je = s.memo((i) => {
+  const { sidebar: t, header: e, children: r, className: n, style: l, ...a } = i, [c, h] = W(!1);
+  return s.createElement(
+    "div",
+    {
+      className: `h-full w-full bg-[#0B0C15] overflow-hidden relative ${n || ""}`,
+      style: l,
+      ...a
+    },
+    c && s.createElement("div", {
+      className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm transition-opacity lg:hidden",
+      onClick: () => h(!1)
+    }),
+    s.createElement(
+      "button",
+      {
+        className: "lg:hidden fixed top-4 right-4 z-50 p-2 rounded-lg bg-[#1A1B23] border border-white/10 text-white shadow-lg",
+        onClick: () => h(!c)
+      },
+      s.createElement("div", { className: c ? "i-heroicons-x-mark w-6 h-6" : "i-heroicons-bars-3 w-6 h-6" })
+    ),
+    s.createElement(
+      "div",
+      {
+        className: "grid h-full w-full lg:grid-cols-[260px_1fr] transition-all duration-300"
+      },
+      s.createElement(
+        "aside",
+        {
+          className: `
+                        fixed inset-y-0 left-0 z-50 w-[260px] bg-[#0B0C15] border-r border-white/5 transition-transform duration-300 transform
+                        lg:relative lg:translate-x-0 
+                        ${c ? "translate-x-0 shadow-2xl" : "-translate-x-full"}
+                    `
+        },
+        t
+      ),
+      s.createElement(
+        "main",
+        {
+          className: "flex flex-col min-w-0 h-full overflow-hidden relative"
+        },
+        e && s.createElement("div", { className: "flex-shrink-0" }, e),
+        s.createElement(
+          "div",
+          { className: "flex-1 overflow-y-auto scrollbar-hide p-4 lg:p-0" },
+          r
+        )
+      )
+    )
+  );
+});
+class We extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_sidebar");
+    o(this, "_header");
+  }
+  sidebar(e) {
+    return this._sidebar = e, this;
+  }
+  header(e) {
+    return this._header = e, this;
+  }
+  build() {
+    const e = {
+      sidebar: this._sidebar,
+      header: this._header,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return s.createElement(je, e);
+  }
+}
+const $s = x(We), Le = s.memo((i) => {
+  const {
+    theme: t,
+    locale: e,
+    providers: r = {},
+    className: n,
+    style: l,
+    children: a
+  } = i, c = /* @__PURE__ */ new Map();
+  return t && c.set("theme", t), e && c.set("locale", e), Object.entries(r).forEach(([h, p]) => {
+    c.set(h, p);
+  }), c.size > 0 ? s.createElement(
+    ye,
+    {
+      providers: c,
+      children: s.createElement(
+        "div",
+        {
+          className: `fibo-scaffold ${n || ""}`,
+          style: {
+            minHeight: "100vh",
+            display: "flex",
+            flexDirection: "column",
+            ...l
+          }
+        },
+        a
+      )
+    }
+  ) : s.createElement(
+    "div",
+    {
+      className: `fibo-scaffold ${n || ""}`,
+      style: {
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        ...l
+      }
+    },
+    a
+  );
+});
+class Me extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_theme");
+    o(this, "_locale");
+    o(this, "_customProviders", {});
+  }
+  theme(e) {
+    return this._theme = e, this;
+  }
+  locale(e) {
+    return this._locale = e, this;
+  }
+  providers(e) {
+    return this._customProviders = { ...this._customProviders, ...e }, this;
+  }
+  provider(e, r) {
+    return this._customProviders[e] = r, this;
+  }
+  build() {
+    const e = {
+      theme: this._theme,
+      locale: this._locale,
+      providers: this._customProviders,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren()
+    };
+    return s.createElement(Le, e);
+  }
+}
+const As = x(Me), Re = s.memo((i) => {
+  const { className: t, style: e, children: r, ...n } = i;
+  return s.createElement(
+    "div",
+    {
+      className: t,
+      style: e,
+      ...n
+    },
+    ...r
+  );
+});
+class Te extends b {
+  build() {
+    const e = [
+      "fibo-box",
+      ...this._classNames
+    ].filter(Boolean).join(" "), r = this.getStyle(), n = this.processChildren(), l = {
+      className: e,
+      style: r,
+      children: n,
+      ...this._props
+    };
+    return s.createElement(Re, l);
+  }
+}
+const w = x(Te), Pe = s.memo((i) => {
+  const { image: t, size: e, border: r, shape: n, status: l, className: a, style: c } = i, h = typeof e == "number" ? `${e}px` : e, p = {
+    circle: "50%",
+    rounded: "24%",
+    square: "0"
+  }, u = {
+    none: "transparent",
+    online: "#10B981",
+    offline: "#9CA3AF",
+    busy: "#EF4444"
+  };
+  return w().className(a).style({
+    position: "relative",
+    width: h,
+    height: h,
+    borderRadius: p[n],
+    backgroundImage: `url(${t})`,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    border: r,
+    boxShadow: r !== "none" ? "0 2px 8px rgba(0,0,0,0.05)" : "none",
+    ...c
+  }).children(
+    l !== "none" ? w().style({
+      position: "absolute",
+      bottom: "-2%",
+      right: "-2%",
+      width: "28%",
+      height: "28%",
+      minWidth: "10px",
+      minHeight: "10px",
+      backgroundColor: u[l],
+      borderRadius: "50%",
+      border: "3px solid #ffffff",
+      boxSizing: "content-box"
+    }).build() : null
+  ).build();
+});
+class De extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_image", "");
+    o(this, "_size", 40);
+    o(this, "_border", "none");
+    o(this, "_shape", "circle");
+    o(this, "_status", "none");
+  }
+  image(e) {
+    return this._image = e, this;
+  }
+  size(e) {
+    return this._size = e, this;
+  }
+  border(e) {
+    return this._border = e, this;
+  }
+  shape(e) {
+    return this._shape = e, this;
+  }
+  status(e) {
+    return this._status = e, this;
+  }
+  build() {
+    const e = {
+      image: this._image,
+      size: this._size,
+      border: this._border,
+      shape: this._shape,
+      status: this._status,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(Pe, e);
+  }
+}
+const Oe = x(De), He = s.memo((i) => {
+  const { text: t, type: e, className: r, style: n, ...l } = i, a = {
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h5",
+    h6: "h6",
+    body: "p",
+    caption: "span",
+    label: "label"
+  };
+  return s.createElement(
+    a[e],
+    {
+      className: `fibo-text fibo-text-${e} ${r}`,
+      style: n,
+      ...l
+    },
+    t
+  );
+});
+class Ve extends b {
+  constructor(e = "") {
+    super();
+    o(this, "_text", "");
+    o(this, "_type", "body");
+    this._text = e;
+  }
+  text(e) {
+    return this._text = e, this;
+  }
+  type(e) {
+    return this._type = e, this;
+  }
+  variant(e) {
+    return this._type = e, this;
+  }
+  build() {
+    const e = {
+      text: this._text,
+      type: this._type,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(He, e);
+  }
+}
+const N = x(Ve), qe = s.memo((i) => {
+  const { text: t, icon: e, variant: r, intent: n, shape: l, className: a, style: c } = i, h = {
+    none: { bg: "#F9FAFB", text: "#6B7280", border: "#E5E7EB" },
+    success: { bg: "#ECFDF5", text: "#059669", border: "transparent" },
+    warning: { bg: "#FFFBEB", text: "#D97706", border: "transparent" },
+    error: { bg: "#FFF1F2", text: "#E11D48", border: "transparent" },
+    info: { bg: "#EFF6FF", text: "#2563EB", border: "transparent" }
+  };
+  let u = { ...{
+    neutral: { backgroundColor: "#F9FAFB", color: "#6B7280", border: "1px solid #E5E7EB" },
+    accent: { backgroundColor: "#EFF6FF", color: "#3B82F6", border: "none" },
+    outline: { backgroundColor: "transparent", color: "#FFFFFF", border: "1px solid rgba(255,255,255,0.3)" },
+    glass: {
+      backgroundColor: "rgba(255, 255, 255, 0.85)",
+      backdropFilter: "blur(12px)",
+      color: "#111827",
+      border: "1px solid rgba(255, 255, 255, 0.4)"
+    },
+    solid: { backgroundColor: "#111827", color: "#FFFFFF", border: "none" },
+    dot: { backgroundColor: "transparent", color: "#6B7280", border: "1px solid #E5E7EB", padding: "4px 10px" }
+  }[r] };
+  if (n !== "none") {
+    const d = h[n];
+    if (r === "solid") {
+      const f = {
+        none: "#111827",
+        success: "#059669",
+        warning: "#D97706",
+        error: "#E11D48",
+        info: "#2563EB"
+      };
+      u.backgroundColor = f[n], u.color = "#FFFFFF";
+    } else r === "dot" ? (u.color = "#374151", u.borderColor = "#E5E7EB") : (u.backgroundColor = d.bg, u.color = d.text, d.border ? u.border = `1px solid ${d.border}` : u.border = "none");
+  }
+  const m = {
+    pill: "9999px",
+    rounded: "8px"
+  };
+  return w().className(a).style({
+    ...u,
+    borderRadius: m[l],
+    padding: r === "dot" ? "4px 8px" : "4px 10px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "fit-content",
+    fontSize: "11px",
+    lineHeight: "1",
+    fontWeight: 600,
+    ...c
+  }).children(
+    L().gap(6).alignItems("center").children([
+      r === "dot" && n !== "none" ? w().style({
+        width: "6px",
+        height: "6px",
+        borderRadius: "50%",
+        backgroundColor: h[n].text,
+        boxShadow: `0 0 6px ${h[n].text}66`
+      }).build() : null,
+      e ? w().classNames(["flex", "items-center"]).children(e).build() : null,
+      N(t).fontSize(12).fontWeight(600).style({ color: "inherit" }).build()
+    ]).build()
+  ).build();
+});
+class Ge extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_text", "");
+    o(this, "_icon");
+    o(this, "_variant", "neutral");
+    o(this, "_intent", "none");
+    o(this, "_shape", "rounded");
+  }
+  text(e) {
+    return this._text = e, this;
+  }
+  icon(e) {
+    return this._icon = e, this;
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  intent(e) {
+    return this._intent = e, this;
+  }
+  shape(e) {
+    return this._shape = e, this;
+  }
+  build() {
+    const e = {
+      text: this._text,
+      icon: this._icon,
+      variant: this._variant,
+      intent: this._intent,
+      shape: this._shape,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(qe, e);
+  }
+}
+const q = x(Ge), Xe = s.memo((i) => {
+  const { text: t, htmlFor: e, required: r, className: n, style: l, ...a } = i;
+  return s.createElement(
+    "label",
+    {
+      className: `fibo-label text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${n}`,
+      htmlFor: e,
+      style: l,
+      ...a
+    },
+    t,
+    r && s.createElement("span", { className: "text-red-500 ml-0.5" }, "*")
+  );
+});
+class Ye extends b {
+  constructor(e = "") {
+    super();
+    o(this, "_text", "");
+    o(this, "_htmlFor");
+    o(this, "_required", !1);
+    this._text = e;
+  }
+  text(e) {
+    return this._text = e, this;
+  }
+  htmlFor(e) {
+    return this._htmlFor = e, this;
+  }
+  required(e = !0) {
+    return this._required = e, this;
+  }
+  build() {
+    const e = {
+      text: this._text,
+      htmlFor: this._htmlFor,
+      required: this._required,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Xe, e);
+  }
+}
+const Is = x(Ye), Ue = s.memo((i) => {
+  const {
+    src: t,
+    alt: e,
+    fit: r,
+    resizable: n,
+    clipShape: l,
+    frameWidth: a,
+    frameHeight: c,
+    className: h,
+    style: p,
+    ...u
+  } = i, m = { ...p };
+  return m.objectFit = r, a && (m.width = `${a}px`), c && (m.height = `${c}px`), n && (m.maxWidth = "100%", m.height = "auto"), s.createElement("img", {
+    src: t,
+    alt: e,
+    className: h,
+    style: m,
+    ...u
+  });
+});
+class Je extends b {
+  constructor(e = "") {
+    super();
+    o(this, "_src", "");
+    o(this, "_alt", "");
+    o(this, "_fit", "cover");
+    o(this, "_resizable", !1);
+    o(this, "_clipShape");
+    o(this, "_frameWidth");
+    o(this, "_frameHeight");
+    this._src = e;
+  }
+  src(e) {
+    return this._src = e, this;
+  }
+  alt(e) {
+    return this._alt = e, this;
+  }
+  resizable() {
+    return this._resizable = !0, this;
+  }
+  scaledToFit() {
+    return this._fit = "contain", this;
+  }
+  scaledToFill() {
+    return this._fit = "cover", this;
+  }
+  frame(e) {
+    return this._frameWidth = e.width, this._frameHeight = e.height, this;
+  }
+  clipShape(e) {
+    return this._clipShape = e, this;
+  }
+  foregroundStyle(e) {
+    return this;
+  }
+  build() {
+    const e = ["fibo-image", ...this._classNames];
+    this._clipShape === "circle" ? e.push("rounded-full") : this._clipShape === "rounded" && e.push("rounded-lg");
+    const r = e.filter(Boolean).join(" "), n = {
+      src: this._src,
+      alt: this._alt,
+      fit: this._fit,
+      resizable: this._resizable,
+      clipShape: this._clipShape,
+      frameWidth: this._frameWidth,
+      frameHeight: this._frameHeight,
+      className: r,
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Ue, n);
+  }
+}
+const Ke = x(Je), Qe = s.memo((i) => {
+  const { size: t, color: e, variant: r = "circle", className: n, style: l, ...a } = i, h = typeof t == "number" ? t : {
+    sm: 16,
+    md: 24,
+    lg: 32,
+    xl: 48
+  }[t] || 24, p = e || "currentColor", u = {
+    className: `fibo-spinner ${n}`,
+    style: { width: h, height: h, ...l },
+    ...a
+  };
+  return r === "dots" ? s.createElement(
+    "div",
+    { ...u, className: `${u.className} flex items-center justify-between` },
+    [0, 1, 2].map((m) => s.createElement("div", {
+      key: m,
+      className: "w-[25%] h-[25%] rounded-full animate-bounce",
+      style: {
+        backgroundColor: p,
+        animationDelay: `${m * 0.1}s`
+      }
+    }))
+  ) : r === "pulse" ? s.createElement(
+    "div",
+    { ...u, className: `${u.className} relative flex items-center justify-center` },
+    [
+      s.createElement("div", {
+        key: "ring",
+        className: "absolute inset-0 rounded-full opacity-75 animate-ping",
+        style: { backgroundColor: p }
+      }),
+      s.createElement("div", {
+        key: "dot",
+        className: "relative rounded-full h-[75%] w-[75%]",
+        style: { backgroundColor: p }
+      })
+    ]
+  ) : r === "blocks" ? s.createElement(
+    "div",
+    { ...u, className: `${u.className} grid grid-cols-2 gap-[10%] p-[10%]` },
+    [0, 1, 2, 3].map((m) => s.createElement("div", {
+      key: m,
+      className: "w-full h-full bg-current animate-pulse",
+      style: {
+        backgroundColor: p,
+        animationDelay: `${m * 0.15}s`,
+        opacity: 0.6
+      }
+    }))
+  ) : s.createElement(
+    "div",
+    { ...u, className: `${u.className} animate-spin` },
+    s.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        style: { width: "100%", height: "100%" }
+      },
+      s.createElement("circle", {
+        className: "opacity-20",
+        cx: "12",
+        cy: "12",
+        r: "10",
+        stroke: p,
+        strokeWidth: "4"
+      }),
+      s.createElement("path", {
+        className: "",
+        fill: p,
+        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      })
+    )
+  );
+});
+class Ze extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_size", "md");
+    o(this, "_color");
+    o(this, "_variant", "circle");
+  }
+  size(e) {
+    return this._size = e, this;
+  }
+  color(e) {
+    return this._color = e, this;
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  build() {
+    const e = {
+      size: this._size,
+      color: this._color,
+      variant: this._variant,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Qe, e);
+  }
+}
+const js = x(Ze), et = s.memo((i) => {
+  const { width: t, height: e, shape: r, className: n, style: l, ...a } = i, c = ["animate-pulse", "bg-gray-200", "loading-skeleton"];
+  return r === "circle" ? c.push("rounded-full") : r === "rounded-sm" ? c.push("rounded-sm") : r === "rounded-md" ? c.push("rounded-md") : r === "rounded-lg" ? c.push("rounded-lg") : r === "square" ? c.push("rounded-none") : c.push("rounded"), s.createElement("div", {
+    className: [...c, n].filter(Boolean).join(" "),
+    style: {
+      width: t,
+      height: e,
+      ...l
+    },
+    ...a
+  });
+});
+class tt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_width", "100%");
+    o(this, "_height", "20px");
+    o(this, "_shape", "rounded");
+  }
+  width(e) {
+    return this._width = e, this;
+  }
+  height(e) {
+    return this._height = e, this;
+  }
+  shape(e) {
+    return this._shape = e, this;
+  }
+  build() {
+    const e = {
+      width: this._width,
+      height: this._height,
+      shape: this._shape,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(et, e);
+  }
+}
+const Ws = x(tt), j = {
+  Heart: /* @__PURE__ */ S("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ S("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
+  Eth: /* @__PURE__ */ S("svg", { width: "14", height: "24", viewBox: "0 0 32 32", fill: "currentColor", children: /* @__PURE__ */ S("path", { d: "M15.925 23.96l-9.815-5.8 9.815 13.84 9.825-13.84-9.825 5.8zm0-23.96l-9.815 16.275 9.815 5.675 9.825-5.675-9.825-16.275zm0 20.3l-8.915-5.265 8.915-12.42 8.925 12.42-8.925 5.265z" }) }),
+  Verify: /* @__PURE__ */ S("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "#3B82F6", stroke: "none", children: /* @__PURE__ */ S("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
+  More: /* @__PURE__ */ P("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ S("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ S("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ S("circle", { cx: "5", cy: "12", r: "1" })
+  ] }),
+  Clock: /* @__PURE__ */ P("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ S("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ S("polyline", { points: "12 6 12 12 16 14" })
+  ] }),
+  Info: /* @__PURE__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ S("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ S("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  ] }),
+  Check: /* @__PURE__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ S("polyline", { points: "22 4 12 14.01 9 11.01" })
+  ] }),
+  Search: /* @__PURE__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ S("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] }),
+  Close: /* @__PURE__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ S("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ S("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+}, st = s.memo((i) => {
+  const { title: t, description: e, intent: r = "info", className: n, style: l, ...a } = i, c = r, h = {
+    info: "bg-blue-500 text-white",
+    success: "bg-emerald-500 text-white",
+    warning: "bg-orange-400 text-white",
+    error: "bg-rose-500 text-white"
+  }, p = {
+    info: "bg-blue-600",
+    success: "bg-emerald-600",
+    warning: "bg-orange-500",
+    error: "bg-rose-600"
+  }, u = {
+    info: j.Info || s.createElement("span", {}, "?"),
+    success: j.Check || s.createElement("span", {}, "✔"),
+    warning: j.Search || s.createElement("span", {}, "!"),
+    error: j.Close || s.createElement("span", {}, "x")
+  }, m = `relative overflow-hidden flex items-start gap-4 p-5 rounded-3xl shadow-lg border-none ${h[c]}`;
+  return s.createElement("div", {
+    className: `${m} ${n}`,
+    style: l,
+    ...a
+  }, [
+    s.createElement("div", {
+      key: "blob1",
+      className: "absolute -top-6 -right-6 w-24 h-24 rounded-full bg-white opacity-10 pointer-events-none"
+    }),
+    s.createElement("div", {
+      key: "blob2",
+      className: "absolute bottom-[-10px] left-10 w-12 h-12 rounded-full bg-black opacity-5 pointer-events-none"
+    }),
+    s.createElement("div", {
+      key: "blob3",
+      className: "absolute top-10 right-20 w-8 h-8 rounded-full bg-white opacity-10 pointer-events-none"
+    }),
+    s.createElement("div", {
+      key: "icon-wrapper",
+      className: `relative z-10 shrink-0 w-10 h-10 rounded-full flex items-center justify-center shadow-sm ${p[c]}`
+    }, s.cloneElement(u[c], { width: 20, height: 20, strokeWidth: 3 })),
+    s.createElement("div", { key: "content", className: "relative z-10 flex flex-col gap-1.5 pt-0.5" }, [
+      t && s.createElement("h5", { key: "title", className: "font-bold text-lg leading-none tracking-tight" }, t),
+      e && s.createElement("p", { key: "desc", className: "text-sm font-medium opacity-90 leading-relaxed" }, e)
+    ])
+  ]);
+});
+class rt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_title", "");
+    o(this, "_description");
+    o(this, "_intent", "info");
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  description(e) {
+    return this._description = e, this;
+  }
+  intent(e) {
+    return this._intent = e, this;
+  }
+  build() {
+    const e = {
+      title: this._title,
+      description: this._description,
+      intent: this._intent,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(st, e);
+  }
+}
+const Ls = x(rt), it = s.memo((i) => {
+  const {
+    value: t,
+    max: e,
+    color: r,
+    height: n,
+    variant: l = "default",
+    label: a,
+    subLabel: c,
+    items: h = [],
+    className: p,
+    style: u,
+    ...m
+  } = i, d = Math.min(100, Math.max(0, t / e * 100)), f = r || "#3B82F6";
+  if (l === "circular") {
+    const k = typeof n == "number" ? n : 64, E = 8, y = (k - E) / 2, g = y * 2 * Math.PI, F = g - d / 100 * g;
+    return s.createElement("div", {
+      className: `relative inline-flex items-center justify-center ${p}`,
+      style: { width: k, height: k, ...u },
+      ...m
+    }, [
+      s.createElement("svg", {
+        key: "svg",
+        className: "transform -rotate-90",
+        width: k,
+        height: k
+      }, [
+        s.createElement("circle", {
+          key: "track",
+          className: "text-gray-100",
+          stroke: "currentColor",
+          strokeWidth: E,
+          fill: "transparent",
+          r: y,
+          cx: k / 2,
+          cy: k / 2
+        }),
+        s.createElement("circle", {
+          key: "prog",
+          stroke: f,
+          strokeWidth: E,
+          strokeDasharray: g,
+          strokeDashoffset: F,
+          strokeLinecap: "round",
+          fill: "transparent",
+          r: y,
+          cx: k / 2,
+          cy: k / 2,
+          className: "transition-all duration-1000 ease-out"
+        })
+      ]),
+      s.createElement("span", {
+        key: "label",
+        className: "absolute text-sm font-bold text-gray-700"
+      }, a || `${Math.round(d)}%`)
+    ]);
+  }
+  if (l === "pagination") {
+    const E = Math.floor(d / 100 * 5);
+    return s.createElement("div", {
+      className: `flex items-center gap-2 ${p}`,
+      style: u,
+      ...m
+    }, Array.from({ length: 5 }).map((y, g) => {
+      const F = g === E;
+      return s.createElement("div", {
+        key: g,
+        className: `h-3 rounded-full transition-all duration-300 ${F ? "w-8" : "w-3"}`,
+        style: { backgroundColor: g <= E ? f : "#E5E7EB" }
+      });
+    }));
+  }
+  if (l === "timeline") {
+    const k = h.length ? h : [
+      { title: "Order components", date: "Done" },
+      { title: "Draft implementation", date: "In Progress" },
+      { title: "Verify functionality", date: "Pending" }
+    ], E = Math.floor(d / 100 * k.length);
+    return s.createElement("div", {
+      className: `flex flex-col relative ${p}`,
+      style: u,
+      ...m
+    }, k.map((y, g) => {
+      const F = g < E, A = g === E, I = g === k.length - 1, _ = F || A ? f : "#E5E7EB", z = F ? s.createElement("span", {}, "✓") : g + 1;
+      return s.createElement("div", {
+        key: g,
+        className: "relative flex items-start gap-4 pb-8 last:pb-0"
+      }, [
+        !I && s.createElement("div", {
+          key: "tail",
+          className: "absolute left-[19px] top-10 bottom-0 w-0.5 transition-colors duration-500",
+          style: { backgroundColor: F ? f : "#E5E7EB" }
+        }),
+        s.createElement("div", {
+          key: "dot",
+          className: "relative z-10 w-10 h-10 rounded-full flex items-center justify-center border-2 bg-white transition-all duration-300 shrink-0 text-sm font-bold shadow-sm",
+          style: {
+            borderColor: _,
+            color: F ? "#fff" : A ? _ : "#9CA3AF",
+            backgroundColor: F ? _ : "#fff"
+          }
+        }, z),
+        s.createElement("div", { key: "content", className: "pt-2" }, [
+          s.createElement("div", { className: "text-sm font-bold text-gray-900 leading-none" }, y.title),
+          y.description && s.createElement("div", { className: "text-xs text-gray-500 mt-1.5" }, y.description),
+          y.date && s.createElement("div", { className: "text-xs font-mono text-gray-400 mt-1" }, y.date)
+        ])
+      ]);
+    }));
+  }
+  if (l === "floating")
+    return s.createElement("div", {
+      className: `w-full bg-white rounded-xl shadow-sm border border-gray-100 p-4 relative overflow-hidden ${p}`,
+      style: u,
+      ...m
+    }, [
+      s.createElement("div", { key: "info", className: "flex justify-between items-center mb-3 px-1" }, [
+        s.createElement(
+          "span",
+          { key: "l", className: "text-sm font-semibold text-gray-700" },
+          a ? s.createElement("span", { className: "text-blue-600 mr-2" }, `${Math.round(d)}%`) : null,
+          a || "Update in progress..."
+        ),
+        c && s.createElement("span", { key: "r", className: "text-xs font-medium text-gray-400" }, c)
+      ]),
+      s.createElement("div", {
+        key: "track",
+        className: "w-full bg-blue-50 h-1.5 rounded-full overflow-hidden"
+      }, s.createElement("div", {
+        className: "h-full rounded-full transition-all duration-1000 ease-out",
+        style: { width: `${d}%`, backgroundColor: f }
+      }))
+    ]);
+  if (l === "chevron") {
+    const E = Math.floor(d / 100 * 3);
+    return s.createElement("div", {
+      className: `flex w-full rounded-lg overflow-hidden ${p}`,
+      style: u,
+      ...m
+    }, Array.from({ length: 3 }).map((y, g) => {
+      const F = g <= E;
+      return s.createElement("div", {
+        key: g,
+        className: "flex-1 h-10 flex items-center justify-center text-sm font-bold text-white transition-colors duration-300",
+        style: {
+          backgroundColor: F ? g === E ? f : "#60A5FA" : "#E5E7EB",
+          clipPath: g === 0 ? "polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%)" : g === 2 ? "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 15% 50%)" : "polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%)",
+          marginLeft: g === 0 ? 0 : "-10px",
+          paddingLeft: g === 0 ? 0 : "10px",
+          zIndex: 3 - g
+        }
+      }, `Step ${g + 1}`);
+    }));
+  }
+  if (l === "steps") {
+    const E = Math.ceil(d / 100 * 3);
+    return s.createElement("div", {
+      className: `w-full flex items-center justify-between relative ${p}`,
+      style: {
+        marginTop: "1rem",
+        ...u
+      },
+      ...m
+    }, [
+      s.createElement("div", {
+        key: "line-bg",
+        className: "absolute top-1/2 left-0 w-full h-1.5 bg-gray-200 z-0 transform -translate-y-1/2 rounded-full"
+      }),
+      s.createElement("div", {
+        key: "line-active",
+        className: "absolute top-1/2 left-0 h-1.5 z-0 transform -translate-y-1/2 transition-all duration-500 rounded-full",
+        style: { width: `${d}%`, backgroundColor: f }
+      }),
+      ...Array.from({ length: 3 }).map((y, g) => {
+        const F = g + 1, A = F <= E, I = F < E;
+        return s.createElement("div", {
+          key: g,
+          className: `relative z-10 w-10 h-10 rounded-full flex items-center justify-center text-sm font-bold transition-all duration-300 border-4 ${A ? "text-white border-white shadow-md" : "bg-gray-100 text-gray-400 border-gray-50"}`,
+          style: { backgroundColor: A ? f : void 0 }
+        }, I ? s.createElement("span", {}, "✔") : F);
+      })
+    ]);
+  }
+  const C = n || 12;
+  if (l === "segments") {
+    const E = Math.round(d / 100 * 10);
+    return s.createElement(
+      "div",
+      {
+        className: `flex gap-1.5 w-full ${p}`,
+        style: u,
+        ...m
+      },
+      Array.from({ length: 10 }).map((y, g) => s.createElement("div", {
+        key: g,
+        className: "h-3 flex-1 rounded-sm transition-all duration-300 first:rounded-l-full last:rounded-r-full",
+        style: {
+          height: n || 12,
+          backgroundColor: g < E ? f : "#E5E7EB"
+        }
+      }))
+    );
+  }
+  let v = null;
+  l === "striped" && (v = s.createElement("div", {
+    className: "w-full h-full opacity-30 animate-[stripes_1s_linear_infinite]",
+    style: {
+      backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent)",
+      backgroundSize: "20px 20px"
+    }
+  }));
+  const B = l === "labeled" ? s.createElement("div", {
+    className: "absolute -top-12 transform -translate-x-1/2 bg-slate-800 text-white text-xs font-bold py-1.5 px-3 rounded-lg shadow-xl whitespace-nowrap",
+    style: { left: `${d}%` }
+  }, [
+    a || `${Math.round(d)}%`,
+    s.createElement("div", { key: "arrow", className: "absolute -bottom-1 left-1/2 transform -translate-x-1/2 w-2 h-2 bg-slate-800 rotate-45" })
+  ]) : null, $ = l === "knob" ? s.createElement("div", {
+    className: "absolute top-1/2 right-0 w-7 h-7 bg-white rounded-full shadow-lg border-4 transform translate-x-1/2 -translate-y-1/2 flex items-center justify-center",
+    style: { borderColor: f }
+  }, s.createElement("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: f } })) : null;
+  return s.createElement("div", {
+    className: `relative w-full ${l === "labeled" ? "mt-8" : ""}`,
+    ...m
+  }, [
+    B,
+    s.createElement(
+      "div",
+      {
+        key: "track",
+        className: `w-full bg-slate-100 rounded-full ${p}`,
+        style: {
+          width: "100%",
+          height: C,
+          ...u
+        }
+      },
+      s.createElement("div", {
+        className: "h-full transition-all duration-1000 ease-out rounded-full flex items-center justify-center relative",
+        style: {
+          width: `${d}%`,
+          backgroundColor: f
+        }
+      }, [v, $])
+    )
+  ]);
+});
+class ot extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_value", 0);
+    o(this, "_max", 100);
+    o(this, "_color");
+    o(this, "_height");
+    o(this, "_variant", "default");
+    o(this, "_label");
+    o(this, "_subLabel");
+    o(this, "_items");
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  max(e) {
+    return this._max = e, this;
+  }
+  color(e) {
+    return this._color = e, this;
+  }
+  height(e) {
+    return this._height = e, this;
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  subLabel(e) {
+    return this._subLabel = e, this;
+  }
+  items(e) {
+    return this._items = e, this;
+  }
+  build() {
+    const e = {
+      value: this._value,
+      max: this._max,
+      color: this._color,
+      height: this._height,
+      variant: this._variant,
+      label: this._label,
+      subLabel: this._subLabel,
+      items: this._items,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(it, e);
+  }
+}
+const Ms = x(ot), nt = s.memo((i) => {
+  const {
+    text: t,
+    variant: e,
+    size: r,
+    onPress: n,
+    disabled: l,
+    icon: a,
+    shape: c,
+    shadow: h,
+    className: p,
+    style: u,
+    ...m
+  } = i, d = { ...u };
+  Object.assign(d, {
+    sm: { padding: "6px 14px", fontSize: "13px", gap: "6px", height: "32px" },
+    md: { padding: "10px 22px", fontSize: "15px", gap: "8px", height: "44px" },
+    lg: { padding: "16px 32px", fontSize: "17px", gap: "10px", height: "56px" }
+  }[r]), c === "pill" ? d.borderRadius = "9999px" : c === "square" ? d.borderRadius = "12px" : d.borderRadius = "14px", h === "soft" && (d.boxShadow = "0 8px 20px -6px rgba(59, 130, 246, 0.4)"), e === "ghost" ? (d.backgroundColor = "transparent", d.color = "#4B5563", d.boxShadow = "none", d.border = "1px solid transparent") : e === "text" ? (d.backgroundColor = "transparent", d.color = "#4B5563", d.boxShadow = "none", d.border = "none", d.paddingLeft = "8px", d.paddingRight = "8px") : e === "soft" ? (d.backgroundColor = "#EEF2FF", d.color = "#4F46E5", d.boxShadow = "none", d.border = "none") : e === "outline" && (d.backgroundColor = "transparent", d.border = "1.5px solid #E5E7EB", d.color = "#374151", d.boxShadow = "none");
+  const C = [];
+  return a && C.push(a), t && C.push(t), s.createElement(
+    "button",
+    {
+      className: p,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        cursor: l ? "not-allowed" : "pointer",
+        opacity: l ? 0.6 : 1,
+        fontWeight: 600,
+        whiteSpace: "nowrap",
+        ...d
+      },
+      onClick: (v) => {
+        l || (document.documentElement.classList.contains("fibo-theme-material") && import("./effects-Co9C_Dyx.mjs").then(({ createRipple: B }) => {
+          B(v);
+        }), n == null || n());
+      },
+      disabled: l,
+      ...m
+    },
+    ...C
+  );
+});
+class lt extends b {
+  constructor(e = "") {
+    super();
+    o(this, "_text", "");
+    o(this, "_variant", "elevated");
+    o(this, "_size", "md");
+    o(this, "_onPress");
+    o(this, "_disabled", !1);
+    o(this, "_icon");
+    o(this, "_shape", "default");
+    o(this, "_shadow", "none");
+    this._text = e;
+  }
+  text(e) {
+    return this._text = e, this;
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  size(e) {
+    return this._size = e, this;
+  }
+  onPress(e) {
+    return this._onPress = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  icon(e) {
+    return this._icon = e, this;
+  }
+  shape(e) {
+    return this._shape = e, this;
+  }
+  shadow(e) {
+    return this._shadow = e, this;
+  }
+  build() {
+    const e = [
+      "fibo-button",
+      `fibo-button-${this._variant}`,
+      "active:scale-[0.96]",
+      "transform",
+      "transition-all",
+      "duration-200",
+      "ease-out",
+      ...this._classNames
+    ].filter(Boolean).join(" "), r = {
+      text: this._text,
+      variant: this._variant,
+      size: this._size,
+      onPress: this._onPress,
+      disabled: this._disabled,
+      icon: this._icon,
+      shape: this._shape,
+      shadow: this._shadow,
+      className: e,
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(nt, r);
+  }
+}
+const U = x(lt), at = (i, t) => {
+  let e = 0;
+  const r = i.replace(/\D/g, "").split("");
+  let n = "";
+  for (let l = 0; l < t.length && !(e >= r.length); l++)
+    t[l] === "9" ? n += r[e++] : n += t[l];
+  return n;
+}, ct = s.memo((i) => {
+  const t = s.useId(), e = i.id || t, [r, n] = s.useState(!1), {
+    containerClass: l,
+    containerStyle: a,
+    label: c,
+    error: h,
+    mask: p,
+    type: u,
+    onChange: m,
+    ...d
+  } = i, f = u === "password", C = f && r ? "text" : u, v = (B) => {
+    let $ = B.target.value;
+    if (p) {
+      $ = at($, p);
+      const k = {
+        ...B,
+        target: {
+          ...B.target,
+          value: $
+        }
+      };
+      m == null || m(k);
+    } else
+      m == null || m(B);
+  };
+  return s.createElement(
+    "div",
+    { className: l, style: a },
+    s.createElement("div", { className: "relative w-full" }, [
+      s.createElement("input", {
+        key: "input",
+        id: e,
+        className: "fibo-textfield-input",
+        type: C,
+        onChange: v,
+        ...d
+      }),
+      c && s.createElement(
+        "label",
+        {
+          key: "label",
+          htmlFor: e,
+          className: "fibo-textfield-label"
+        },
+        c
+      ),
+      f && s.createElement(
+        "button",
+        {
+          key: "toggle",
+          type: "button",
+          className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 focus:outline-none",
+          onClick: () => n(!r),
+          tabIndex: -1
+        },
+        r ? s.createElement(
+          "svg",
+          { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
+          s.createElement("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+          s.createElement("line", { x1: 1, y1: 1, x2: 23, y2: 23 })
+        ) : s.createElement(
+          "svg",
+          { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
+          s.createElement("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+          s.createElement("circle", { cx: 12, cy: 12, r: 3 })
+        )
+      )
+    ]),
+    h && s.createElement(
+      "span",
+      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
+      h
+    )
+  );
+});
+class ht extends b {
+  constructor(e = "") {
+    super();
+    o(this, "_value", "");
+    o(this, "_label", "");
+    o(this, "_placeholder", "");
+    o(this, "_type", "text");
+    o(this, "_disabled", !1);
+    o(this, "_error");
+    o(this, "_mask");
+    o(this, "_onChange");
+    this._value = e;
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  placeholder(e) {
+    return this._placeholder = e, this;
+  }
+  type(e) {
+    return this._type = e, this;
+  }
+  mask(e) {
+    return this._mask = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  error(e) {
+    return this._error = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  build() {
+    const r = {
+      containerClass: ["fibo-textfield-container", ...this._classNames].filter(Boolean).join(" "),
+      containerStyle: this.getStyle(),
+      label: this._label,
+      error: this._error,
+      value: this._value,
+      placeholder: this._placeholder || " ",
+      type: this._type,
+      mask: this._mask,
+      disabled: this._disabled,
+      onChange: (n) => {
+        var l;
+        (l = this._onChange) == null || l.call(this, n.target.value);
+      },
+      ...this._props
+    };
+    return s.createElement(ct, r);
+  }
+}
+const dt = x(ht), ut = s.memo((i) => {
+  const {
+    checked: t,
+    onChange: e,
+    label: r,
+    disabled: n,
+    className: l,
+    style: a
+  } = i, c = {
+    width: "44px",
+    height: "24px",
+    borderRadius: "9999px",
+    position: "relative",
+    transition: "background-color 0.2s ease-in-out",
+    cursor: n ? "not-allowed" : "pointer",
+    opacity: n ? 0.5 : 1,
+    backgroundColor: t ? "var(--fibo-primary, #3B82F6)" : "#E5E7EB",
+    ...a
+  }, h = {
+    width: "20px",
+    height: "20px",
+    borderRadius: "50%",
+    backgroundColor: "white",
+    position: "absolute",
+    top: "2px",
+    left: "2px",
+    transition: "transform 0.2s ease-in-out",
+    transform: t ? "translateX(20px)" : "translateX(0)",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
+  };
+  return s.createElement(
+    "label",
+    {
+      className: `fibo-switch flex items-center gap-3 ${l}`
+    },
+    s.createElement(
+      "div",
+      {
+        className: "fibo-switch-track",
+        style: c,
+        onClick: (p) => {
+          p.preventDefault(), !n && e && e(!t);
+        }
+      },
+      s.createElement("div", { style: h })
+    ),
+    r && s.createElement(
+      "span",
+      { className: "text-sm font-medium text-gray-700 select-none" },
+      r
+    ),
+    s.createElement("input", {
+      type: "checkbox",
+      checked: t,
+      disabled: n,
+      className: "sr-only",
+      onChange: (p) => !n && (e == null ? void 0 : e(p.target.checked))
+    })
+  );
+});
+class mt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_checked", !1);
+    o(this, "_onChange");
+    o(this, "_label");
+    o(this, "_disabled", !1);
+  }
+  checked(e) {
+    return this._checked = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  build() {
+    const e = {
+      checked: this._checked,
+      onChange: this._onChange,
+      label: this._label,
+      disabled: this._disabled,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(ut, e);
+  }
+}
+const pt = x(mt), ft = s.memo((i) => {
+  const {
+    checked: t,
+    onChange: e,
+    label: r,
+    disabled: n,
+    indeterminate: l,
+    className: a,
+    style: c
+  } = i, h = t || l, p = {
+    width: "20px",
+    height: "20px",
+    borderRadius: "6px",
+    border: h ? "none" : "2px solid #D1D5DB",
+    backgroundColor: h ? "var(--fibo-primary, #3B82F6)" : "transparent",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s",
+    cursor: n ? "not-allowed" : "pointer",
+    opacity: n ? 0.5 : 1,
+    ...c
+  };
+  let u = null;
+  return l ? u = s.createElement("div", { style: { width: "10px", height: "2px", backgroundColor: "white", borderRadius: "1px" } }) : t && (u = s.createElement(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    s.createElement("path", {
+      d: "M10 3L4.5 8.5L2 6",
+      stroke: "white",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  )), s.createElement(
+    "label",
+    {
+      className: `fibo-checkbox flex items-center gap-2 ${a}`
+    },
+    s.createElement(
+      "div",
+      {
+        className: "fibo-checkbox-box",
+        style: p,
+        onClick: (m) => {
+          m.preventDefault(), !n && e && e(!t);
+        }
+      },
+      u
+    ),
+    r && s.createElement(
+      "span",
+      { className: "text-sm text-gray-700 select-none" },
+      r
+    ),
+    s.createElement("input", {
+      type: "checkbox",
+      checked: t,
+      disabled: n,
+      className: "sr-only",
+      onChange: (m) => !n && (e == null ? void 0 : e(m.target.checked))
+    })
+  );
+});
+class gt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_checked", !1);
+    o(this, "_onChange");
+    o(this, "_label");
+    o(this, "_disabled", !1);
+    o(this, "_indeterminate", !1);
+  }
+  checked(e) {
+    return this._checked = e, this;
+  }
+  indeterminate(e) {
+    return this._indeterminate = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  build() {
+    const e = {
+      checked: this._checked,
+      onChange: this._onChange,
+      label: this._label,
+      disabled: this._disabled,
+      indeterminate: this._indeterminate,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(ft, e);
+  }
+}
+const Rs = x(gt), bt = s.memo((i) => {
+  const {
+    value: t,
+    options: e,
+    onChange: r,
+    name: n,
+    direction: l,
+    className: a,
+    style: c
+  } = i;
+  return s.createElement(
+    "div",
+    {
+      className: `fibo-radio-group flex ${l === "vertical" ? "flex-col gap-2" : "flex-row gap-4"} ${a}`,
+      style: c
+    },
+    e.map((h) => {
+      const p = t === h.value, u = h.disabled;
+      return s.createElement(
+        "label",
+        {
+          key: h.value,
+          className: `flex items-center gap-2 cursor-pointer ${u ? "opacity-50 cursor-not-allowed" : ""}`
+        },
+        s.createElement(
+          "div",
+          {
+            className: "relative flex items-center justify-center",
+            style: {
+              width: "18px",
+              height: "18px",
+              borderRadius: "50%",
+              border: p ? "5px solid var(--fibo-primary, #3B82F6)" : "2px solid #D1D5DB",
+              transition: "all 0.2s"
+            }
+          },
+          s.createElement("input", {
+            type: "radio",
+            name: n,
+            value: h.value,
+            checked: p,
+            disabled: u,
+            className: "sr-only",
+            onChange: () => !u && (r == null ? void 0 : r(h.value))
+          })
+        ),
+        s.createElement(
+          "span",
+          { className: "text-sm text-gray-700" },
+          h.label
+        )
+      );
+    })
+  );
+});
+class xt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_value", "");
+    o(this, "_options", []);
+    o(this, "_onChange");
+    o(this, "_name", `radio-group-${Math.random().toString(36).substr(2, 9)}`);
+    o(this, "_direction", "vertical");
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  options(e) {
+    return this._options = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  direction(e) {
+    return this._direction = e, this;
+  }
+  name(e) {
+    return this._name = e, this;
+  }
+  build() {
+    const e = {
+      value: this._value,
+      options: this._options,
+      onChange: this._onChange,
+      name: this._name,
+      direction: this._direction,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(bt, e);
+  }
+}
+const Ts = x(xt), yt = s.memo((i) => {
+  const t = s.useId(), e = i.id || t, {
+    containerClass: r,
+    containerStyle: n,
+    label: l,
+    error: a,
+    ...c
+  } = i;
+  return s.createElement(
+    "div",
+    { className: r, style: n },
+    s.createElement("textarea", {
+      id: e,
+      className: "fibo-textarea-input",
+      ...c
+    }),
+    l && s.createElement(
+      "label",
+      {
+        htmlFor: e,
+        className: "fibo-textarea-label"
+      },
+      l
+    ),
+    a && s.createElement(
+      "span",
+      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
+      a
+    )
+  );
+});
+class _t extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_value", "");
+    o(this, "_label", "");
+    o(this, "_placeholder", "");
+    o(this, "_disabled", !1);
+    o(this, "_rows", 4);
+    o(this, "_error");
+    o(this, "_resize", "vertical");
+    o(this, "_onChange");
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  placeholder(e) {
+    return this._placeholder = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  rows(e) {
+    return this._rows = e, this;
+  }
+  resize(e) {
+    return this._resize = e, this;
+  }
+  error(e) {
+    return this._error = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  build() {
+    const r = {
+      containerClass: ["fibo-textarea-container", ...this._classNames].filter(Boolean).join(" "),
+      containerStyle: { width: "100%", ...this.getStyle() },
+      label: this._label,
+      error: this._error,
+      rows: this._rows,
+      value: this._value,
+      placeholder: this._placeholder || " ",
+      disabled: this._disabled,
+      style: { resize: this._resize },
+      onChange: (n) => {
+        var l;
+        (l = this._onChange) == null || l.call(this, n.target.value);
+      },
+      ...this._props
+    };
+    return s.createElement(yt, r);
+  }
+}
+const Ps = x(_t), kt = s.memo((i) => {
+  const t = s.useId(), e = i.id || t, [r, n] = W(!1), l = Q(null), {
+    containerClass: a,
+    containerStyle: c,
+    label: h,
+    error: p,
+    value: u,
+    options: m = [],
+    placeholder: d,
+    onChange: f,
+    disabled: C,
+    multiple: v,
+    ...B
+  } = i;
+  H(() => {
+    const y = (g) => {
+      l.current && !l.current.contains(g.target) && n(!1);
+    };
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, []);
+  const $ = (y) => v ? Array.isArray(u) && u.includes(y) : u === y;
+  let k = "";
+  if (v)
+    Array.isArray(u) && u.length > 0 && (k = m.filter((y) => u.includes(y.value)).map((y) => y.label).join(", "));
+  else {
+    const y = m.find((g) => g.value === u);
+    k = y ? y.label : "";
+  }
+  const E = (y) => {
+    if (!C)
+      if (v) {
+        const g = Array.isArray(u) ? [...u] : [], F = g.indexOf(y);
+        F > -1 ? g.splice(F, 1) : g.push(y), f == null || f(g);
+      } else
+        f == null || f(y), n(!1);
+  };
+  return s.createElement(
+    "div",
+    {
+      ref: l,
+      className: a,
+      style: c
+    },
+    s.createElement("div", { className: "relative w-full" }, [
+      s.createElement("button", {
+        key: "trigger",
+        id: e,
+        type: "button",
+        disabled: C,
+        className: `fibo-textfield-input text-left w-full flex items-center justify-between ${k ? "" : "text-gray-400"}`,
+        onClick: () => !C && n(!r),
+        ...B
+      }, [
+        s.createElement("span", { key: "text", className: "truncate" }, k || d || " "),
+        s.createElement("svg", {
+          key: "icon",
+          className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, s.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
+      ]),
+      h && s.createElement(
+        "label",
+        {
+          key: "label",
+          htmlFor: e,
+          className: "fibo-textfield-label"
+        },
+        h
+      ),
+      r && s.createElement("div", {
+        key: "dropdown",
+        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"
+      }, m.map((y) => {
+        const g = $(y.value);
+        return s.createElement("div", {
+          key: y.value,
+          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 ${g ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"}`,
+          onClick: () => E(y.value)
+        }, [
+          s.createElement("span", { key: "label" }, y.label),
+          g && s.createElement("svg", {
+            key: "check",
+            className: "w-4 h-4 text-[var(--fibo-primary)]",
+            viewBox: "0 0 20 20",
+            fill: "currentColor"
+          }, s.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }))
+        ]);
+      }))
+    ]),
+    p && s.createElement(
+      "span",
+      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
+      p
+    )
+  );
+});
+class vt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_value", "");
+    o(this, "_label", "");
+    o(this, "_placeholder", "");
+    o(this, "_disabled", !1);
+    o(this, "_error");
+    o(this, "_multiple", !1);
+    o(this, "_options", []);
+    o(this, "_onChange");
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  placeholder(e) {
+    return this._placeholder = e, this;
+  }
+  options(e) {
+    return this._options = e, this;
+  }
+  multiple(e = !0) {
+    return this._multiple = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  error(e) {
+    return this._error = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  build() {
+    const r = {
+      containerClass: ["fibo-textfield-container relative", ...this._classNames].filter(Boolean).join(" "),
+      containerStyle: this.getStyle(),
+      label: this._label,
+      error: this._error,
+      value: this._value,
+      placeholder: this._placeholder,
+      options: this._options,
+      disabled: this._disabled,
+      multiple: this._multiple,
+      onChange: this._onChange,
+      ...this._props
+    };
+    return s.createElement(kt, r);
+  }
+}
+const Ds = x(vt), wt = s.memo((i) => {
+  const t = s.useId(), e = i.id || t, [r, n] = W(!1), [l, a] = W(""), c = Q(null), {
+    containerClass: h,
+    containerStyle: p,
+    label: u,
+    error: m,
+    value: d,
+    options: f = [],
+    placeholder: C,
+    onChange: v,
+    onAdd: B,
+    disabled: $,
+    multiple: k,
+    ...E
+  } = i;
+  H(() => {
+    if (!k) {
+      const _ = i.options.find((z) => z.value === i.value);
+      _ && !r && l !== _.label && a(_.label);
+    }
+  }, [i.value, i.options, r, k]);
+  const y = f.filter(
+    (_) => _.label.toLowerCase().includes(l.toLowerCase())
+  );
+  H(() => {
+    const _ = (z) => {
+      if (c.current && !c.current.contains(z.target))
+        if (n(!1), k)
+          a("");
+        else {
+          const T = f.find((V) => V.value === d);
+          a(T ? T.label : "");
+        }
+    };
+    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+  }, [d, f, k]);
+  const g = (_) => {
+    if (k) {
+      const z = Array.isArray(d) ? [...d] : [];
+      z.includes(_.value) || (z.push(_.value), v == null || v(z)), a("");
+    } else
+      a(_.label), v == null || v(_.value), n(!1);
+  }, F = (_) => {
+    if (k && Array.isArray(d)) {
+      const z = d.filter((T) => T !== _);
+      v == null || v(z);
+    }
+  }, A = () => {
+    B == null || B(l), k ? a("") : n(!1);
+  }, I = (_) => k ? Array.isArray(d) && d.includes(_) : d === _;
+  return s.createElement(
+    "div",
+    {
+      ref: c,
+      className: h,
+      style: p
+    },
+    s.createElement("div", { className: "relative w-full" }, [
+      s.createElement("div", {
+        className: `fibo-textfield-input flex flex-wrap items-center gap-1 ${r ? "ring-2 ring-[var(--fibo-primary-container)] border-[var(--fibo-primary)]" : ""}`,
+        style: { minHeight: "42px", padding: "4px 8px" }
+      }, [
+        k && Array.isArray(d) && d.map((_) => {
+          const z = f.find((V) => V.value === _), T = z ? z.label : _;
+          return s.createElement("span", {
+            key: _,
+            className: "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] text-xs font-medium px-2 py-1 rounded-md flex items-center"
+          }, [
+            T,
+            s.createElement("button", {
+              type: "button",
+              className: "ml-1 hover:text-[var(--fibo-primary)] focus:outline-none",
+              onClick: (V) => {
+                V.stopPropagation(), F(_);
+              }
+            }, "×")
+          ]);
+        }),
+        s.createElement("input", {
+          key: "input",
+          id: e,
+          className: "bg-transparent outline-none flex-1 min-w-[60px] text-sm h-8",
+          value: l,
+          placeholder: k && Array.isArray(d) && d.length > 0 ? "" : C || " ",
+          disabled: $,
+          onChange: (_) => {
+            a(_.target.value), r || n(!0);
+          },
+          onFocus: () => n(!0),
+          ...E
+        })
+      ]),
+      u && s.createElement(
+        "label",
+        {
+          key: "label",
+          htmlFor: e,
+          className: "fibo-textfield-label"
+        },
+        u
+      ),
+      r && s.createElement("div", {
+        key: "dropdown",
+        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 left-0"
+      }, [
+        y.length > 0 ? y.map((_) => {
+          const z = I(_.value);
+          return s.createElement("div", {
+            key: _.value,
+            className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] ${z ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium opacity-50" : "text-[var(--fibo-on-surface)]"}`,
+            onClick: () => !z && g(_)
+          }, _.label);
+        }) : s.createElement("div", { className: "px-4 py-2 text-sm text-gray-500" }, "No results found."),
+        l && !y.some((_) => _.label.toLowerCase() === l.toLowerCase()) && B && s.createElement("div", {
+          key: "add-new",
+          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: A
+        }, [
+          s.createElement("span", { className: "mr-1" }, "+"),
+          `Add "${l}"`
+        ])
+      ])
+    ]),
+    m && s.createElement(
+      "span",
+      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
+      m
+    )
+  );
+});
+class Nt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_value", "");
+    o(this, "_label", "");
+    o(this, "_placeholder", "");
+    o(this, "_disabled", !1);
+    o(this, "_error");
+    o(this, "_multiple", !1);
+    o(this, "_options", []);
+    o(this, "_onChange");
+    o(this, "_onAdd");
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  label(e) {
+    return this._label = e, this;
+  }
+  placeholder(e) {
+    return this._placeholder = e, this;
+  }
+  options(e) {
+    return this._options = e, this;
+  }
+  multiple(e = !0) {
+    return this._multiple = e, this;
+  }
+  disabled(e = !0) {
+    return this._disabled = e, this;
+  }
+  error(e) {
+    return this._error = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  onAdd(e) {
+    return this._onAdd = e, this;
+  }
+  build() {
+    const r = {
+      containerClass: ["fibo-textfield-container relative", ...this._classNames].filter(Boolean).join(" "),
+      containerStyle: this.getStyle(),
+      label: this._label,
+      error: this._error,
+      value: this._value,
+      placeholder: this._placeholder,
+      options: this._options,
+      disabled: this._disabled,
+      multiple: this._multiple,
+      onChange: this._onChange,
+      onAdd: this._onAdd,
+      ...this._props
+    };
+    return s.createElement(wt, r);
+  }
+}
+const Os = x(Nt), Ct = s.memo((i) => {
+  const { text: t, subtitle: e, number: r, color: n, className: l, style: a, children: c, ...h } = i;
+  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 ${l || ""}`,
+      style: { backgroundColor: "#ffffff", ...a },
+      ...h
+    },
+    s.createElement(
+      "div",
+      { className: "flex flex-col gap-2" },
+      t && s.createElement(
+        "h3",
+        {
+          className: "font-semibold text-[var(--fibo-on-surface-variant)] text-sm uppercase tracking-wide"
+        },
+        t
+      ),
+      r && s.createElement(
+        "p",
+        {
+          className: "font-bold text-[var(--fibo-on-surface)] text-3xl"
+        },
+        r
+      ),
+      e && s.createElement(
+        "p",
+        {
+          className: "text-[var(--fibo-on-surface-variant)] text-xs"
+        },
+        e
+      ),
+      ...c
+    )
+  );
+});
+class Et extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_text", "");
+    o(this, "_subtitle");
+    o(this, "_number");
+    o(this, "_color");
+  }
+  text(e) {
+    return this._text = e, this;
+  }
+  subtitle(e) {
+    return this._subtitle = e, this;
+  }
+  number(e) {
+    return this._number = e, this;
+  }
+  color(e) {
+    return this._color = e, this;
+  }
+  build() {
+    const e = {
+      green: "border-l-green-500",
+      orange: "border-l-orange-500",
+      red: "border-l-red-500",
+      blue: "border-l-blue-500",
+      purple: "border-l-purple-500"
+    }, r = [
+      "fibo-card",
+      this._color ? `border-l-4 ${e[this._color]}` : "",
+      ...this._classNames
+    ].filter(Boolean).join(" "), n = {
+      text: this._text,
+      subtitle: this._subtitle,
+      number: this._number,
+      color: this._color,
+      className: r,
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return s.createElement(Ct, n);
+  }
+}
+const M = x(Et), St = s.memo((i) => {
+  const {
+    items: t,
+    renderItem: e,
+    variant: r,
+    separator: n,
+    loading: l,
+    threshold: a,
+    onEndReached: c,
+    className: h,
+    style: p
+  } = i, u = s.useRef(null);
+  s.useEffect(() => {
+    if (!c || l) return;
+    const C = new IntersectionObserver(
+      (v) => {
+        v[0].isIntersecting && (c == null || c());
+      },
+      { threshold: a }
+    );
+    return u.current && C.observe(u.current), () => C.disconnect();
+  }, [l, t.length, c, a]);
+  const m = {
+    default: { gap: "0px" },
+    card: { gap: "12px" },
+    floating: { gap: "8px" }
+  }, d = {
+    default: {
+      padding: "12px 16px",
+      borderBottom: n ? "1px solid #F3F4F6" : "none",
+      backgroundColor: "transparent",
+      transition: "background-color 0.2s"
+    },
+    card: {
+      padding: "16px",
+      backgroundColor: "#fff",
+      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"
+    },
+    floating: {
+      padding: "8px 12px",
+      borderRadius: "12px",
+      backgroundColor: "transparent",
+      transition: "background-color 0.2s"
+    }
+  }, f = {
+    default: ["hover:bg-gray-50", "first:rounded-t-xl", "last:rounded-b-xl"],
+    card: ["hover:-translate-y-0.5", "hover:shadow-md"],
+    floating: ["hover:bg-white", "hover:shadow-sm"]
+  };
+  return w().className(h).classNames(["flex", "flex-col", "w-full"]).style({
+    ...m[r],
+    ...p
+  }).children(
+    s.createElement(s.Fragment, {}, [
+      ...t.map(
+        (C, v) => s.cloneElement(
+          w().style(d[r]).classNames(f[r]).children(
+            e ? e(C, v) : null
+          ).build(),
+          { key: `item-${v}` }
+        )
+      ),
+      c && s.createElement("div", {
+        ref: u,
+        className: "py-4 flex justify-center w-full"
+      }, l ? 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 Ft extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_items", []);
+    o(this, "_renderItem");
+    o(this, "_variant", "default");
+    o(this, "_separator", !1);
+    o(this, "_onEndReached");
+    o(this, "_loading", !1);
+    o(this, "_threshold", 0.5);
+  }
+  items(e) {
+    return this._items = e, this;
+  }
+  renderItem(e) {
+    return this._renderItem = e, this;
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  separator(e = !0) {
+    return this._separator = e, this;
+  }
+  onEndReached(e) {
+    return this._onEndReached = e, this;
+  }
+  loading(e) {
+    return this._loading = e, this;
+  }
+  threshold(e) {
+    return this._threshold = e, this;
+  }
+  build() {
+    const e = {
+      items: this._items,
+      renderItem: this._renderItem,
+      variant: this._variant,
+      separator: this._separator,
+      loading: this._loading,
+      threshold: this._threshold,
+      onEndReached: this._onEndReached,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(St, e);
+  }
+}
+const Hs = x(Ft), zt = s.memo((i) => {
+  const {
+    data: t,
+    columns: e,
+    variant: r,
+    density: n,
+    striped: l,
+    width: a,
+    className: c,
+    style: h
+  } = i, p = {
+    width: "100%",
+    borderCollapse: "separate",
+    borderSpacing: "0",
+    ...h
+  };
+  a && (p.width = typeof a == "number" ? `${a}px` : a);
+  const u = r === "clean" ? ["bg-white", "rounded-2xl", "border", "border-gray-100", "overflow-hidden", "shadow-sm"] : [], d = {
+    compact: "10px 16px",
+    standard: "16px 24px",
+    relaxed: "24px 32px"
+  }[n];
+  return w().className(c).classNames(u).children(
+    s.createElement("table", { style: p }, [
+      s.createElement(
+        "thead",
+        { key: "thead", className: "bg-gray-50/50" },
+        s.createElement(
+          "tr",
+          {},
+          e.map(
+            (f, C) => s.createElement("th", {
+              key: C,
+              style: {
+                textAlign: f.align || "left",
+                padding: d,
+                width: f.width
+              },
+              className: "text-xs font-bold text-gray-400 uppercase tracking-widest"
+            }, f.header)
+          )
+        )
+      ),
+      s.createElement(
+        "tbody",
+        { key: "tbody" },
+        t.map(
+          (f, C) => s.createElement(
+            "tr",
+            {
+              key: C,
+              className: `group transition-all duration-200 border-b border-gray-50 last:border-b-0 ${l && C % 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(
+              (v, B) => s.createElement(
+                "td",
+                {
+                  key: B,
+                  style: {
+                    textAlign: v.align || "left",
+                    padding: d,
+                    borderTop: r === "default" ? "1px solid #F3F4F6" : "none"
+                  },
+                  className: "text-sm text-gray-900 font-medium"
+                },
+                v.render ? v.render(f) : v.accessor ? f[v.accessor] : null
+              )
+            )
+          )
+        )
+      )
+    ])
+  ).build();
+});
+class Bt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_data", []);
+    o(this, "_columns", []);
+    o(this, "_variant", "clean");
+    o(this, "_density", "standard");
+    o(this, "_striped", !1);
+    o(this, "_width");
+  }
+  data(e) {
+    return this._data = e, this;
+  }
+  columns(e) {
+    return this._columns = e, this;
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  density(e) {
+    return this._density = e, this;
+  }
+  striped(e = !0) {
+    return this._striped = e, this;
+  }
+  width(e) {
+    return this._width = e, this;
+  }
+  build() {
+    const e = {
+      data: this._data,
+      columns: this._columns,
+      variant: this._variant,
+      density: this._density,
+      striped: this._striped,
+      width: this._width,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return s.createElement(zt, e);
+  }
+}
+const Vs = x(Bt), $t = s.memo((i) => {
+  const { items: t, className: e, style: r, ...n } = i, l = t.map(
+    (a, c) => s.createElement(
+      "span",
+      {
+        key: c,
+        className: "fibo-tag"
+      },
+      a.title
+    )
+  );
+  return s.createElement(
+    "div",
+    {
+      className: e,
+      style: r,
+      ...n
+    },
+    ...l
+  );
+});
+class At extends b {
+  constructor(e = []) {
+    super();
+    o(this, "_items", []);
+    this._items = e;
+  }
+  items(e) {
+    return this._items = e, this;
+  }
+  build() {
+    const e = ["fibo-tags", "flex", "gap-2", "flex-wrap", ...this._classNames].filter(Boolean).join(" "), r = {
+      items: this._items,
+      className: e,
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement($t, r);
+  }
+}
+const qs = x(At), It = s.memo((i) => {
+  const { status: t, title: e, subtitle: r, className: n, style: l, ...a } = i;
+  return s.createElement(
+    "div",
+    {
+      className: n,
+      style: l,
+      ...a
+    },
+    s.createElement(
+      "div",
+      { className: "flex flex-col gap-1" },
+      e && s.createElement(
+        "h4",
+        {
+          className: "font-semibold text-sm uppercase tracking-wide opacity-90"
+        },
+        e
+      ),
+      r && s.createElement(
+        "p",
+        {
+          className: "opacity-80 text-sm"
+        },
+        r
+      )
+    )
+  );
+});
+class jt extends b {
+  constructor(e = "") {
+    super();
+    o(this, "_status", "info");
+    o(this, "_title", "");
+    o(this, "_subtitle");
+    this._title = e;
+  }
+  status(e) {
+    return this._status = e, this;
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  subtitle(e) {
+    return this._subtitle = e, this;
+  }
+  build() {
+    const r = [
+      "fibo-banner",
+      `fibo-banner-${this._status}`,
+      ...this._classNames
+    ].filter(Boolean).join(" "), n = {
+      status: this._status,
+      title: this._title,
+      subtitle: this._subtitle,
+      className: r,
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(It, n);
+  }
+}
+const Gs = x(jt), Wt = s.memo((i) => {
+  const { image: t, title: e, price: r, likes: n, timeLeft: l, className: a, style: c, ...h } = i;
+  return M().classNames(["group", "transition-all", "duration-300", "hover:-translate-y-1"]).style({
+    width: "100%",
+    borderRadius: "24px",
+    border: "none",
+    boxShadow: "0 10px 40px -10px rgba(0,0,0,0.05)",
+    padding: "16px",
+    background: "#fff",
+    ...c
+  }).className(a).props(h).children([
+    w().classNames(["relative", "aspect-square", "overflow-hidden", "rounded-[20px]"]).children([
+      w().classNames(["w-full", "h-full", "bg-gray-200", "bg-cover", "bg-center"]).style({ backgroundImage: `url(${t})` }).build(),
+      w().classNames(["absolute", "top-3", "right-3"]).children(
+        q().variant("glass").shape("pill").icon(w().classNames(["text-gray-400", "hover:text-red-500"]).children(j.Heart).build()).text(`${n}`).build()
+      ).build()
+    ]).build(),
+    O().height(16).build(),
+    L().justifyContent("between").alignItems("start").children([
+      R().gap(4).children([
+        N(e).fontWeight(700).fontSize(18).color("#111827").build(),
+        q().variant("neutral").text("Not for sale x1").build()
+      ]).build(),
+      w().classNames(["text-gray-300"]).children(j.More).build()
+    ]).build(),
+    O().height(16).build(),
+    L().justifyContent("between").alignItems("center").children([
+      R().gap(4).children([
+        N("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
+        L().gap(4).alignItems("center").children([
+          w().classNames(["text-blue-500"]).children(j.Eth).build(),
+          N(`${r} ETH`).fontSize(15).fontWeight(700).color("#111827").build()
+        ]).build()
+      ]).build(),
+      U("Place a bid").variant("filled").shape("pill").shadow("soft").style({
+        backgroundColor: "#111827",
+        color: "#fff",
+        padding: "10px 20px",
+        fontSize: "13px",
+        fontWeight: 600
+      }).build()
+    ]).build(),
+    O().height(12).build(),
+    l ? q().variant("accent").shape("rounded").icon(w().children(j.Clock).build()).text(l).style({ width: "100%" }).build() : null
+  ]).build();
+});
+class Lt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_image", "");
+    o(this, "_title", "");
+    o(this, "_price", "");
+    o(this, "_likes", "");
+    o(this, "_timeLeft");
+  }
+  image(e) {
+    return this._image = e, this;
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  price(e) {
+    return this._price = e, this;
+  }
+  likes(e) {
+    return this._likes = e, this;
+  }
+  timeLeft(e) {
+    return this._timeLeft = e, this;
+  }
+  build() {
+    const e = {
+      image: this._image,
+      title: this._title,
+      price: this._price,
+      likes: this._likes,
+      timeLeft: this._timeLeft,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Wt, e);
+  }
+}
+const Xs = x(Lt), Mt = s.memo((i) => {
+  const { banner: t, avatar: e, name: r, handle: n, stats: l, className: a, style: c, ...h } = i;
+  return M().style({
+    width: "100%",
+    borderRadius: "24px",
+    border: "none",
+    boxShadow: "0 10px 40px -10px rgba(0,0,0,0.05)",
+    padding: "0",
+    overflow: "hidden",
+    background: "#fff",
+    ...c
+  }).className(a).props(h).children([
+    w().style({ height: "100px", backgroundImage: `url(${t})`, backgroundSize: "cover", backgroundPosition: "center" }).build(),
+    R().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
+      Oe().image(e).size(80).border("4px solid #fff").build(),
+      O().height(12).build(),
+      L().gap(6).alignItems("center").children([
+        N(r).fontWeight(700).fontSize(18).color("#111827").build(),
+        j.Verify
+      ]).build(),
+      N(n).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
+      O().height(16).build(),
+      U("+ Follow").variant("filled").shape("pill").shadow("soft").style({
+        backgroundColor: "#3B82F6",
+        color: "#fff",
+        padding: "8px 24px",
+        fontSize: "13px",
+        fontWeight: 600
+      }).build(),
+      O().height(24).build(),
+      L().classNames(["w-full", "border-t", "border-gray-100", "pt-4"]).justifyContent("between").children([
+        R().alignItems("center").gap(4).children([
+          N(l.items).fontWeight(700).fontSize(14).build(),
+          N("Items").fontSize(11).color("#9CA3AF").build()
+        ]).build(),
+        R().alignItems("center").gap(4).children([
+          N(l.owners).fontWeight(700).fontSize(14).build(),
+          N("Owners").fontSize(11).color("#9CA3AF").build()
+        ]).build(),
+        R().alignItems("center").gap(4).children([
+          L().alignItems("center").gap(2).children([
+            w().width(8).children(j.Eth).build(),
+            N(l.floor).fontWeight(700).fontSize(14).build()
+          ]).build(),
+          N("Floor").fontSize(11).color("#9CA3AF").build()
+        ]).build()
+      ]).build()
+    ]).build()
+  ]).build();
+});
+class Rt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_banner", "");
+    o(this, "_avatar", "");
+    o(this, "_name", "");
+    o(this, "_handle", "");
+    o(this, "_stats", { items: "0", owners: "0", floor: "0" });
+  }
+  banner(e) {
+    return this._banner = e, this;
+  }
+  avatar(e) {
+    return this._avatar = e, this;
+  }
+  name(e) {
+    return this._name = e, this;
+  }
+  handle(e) {
+    return this._handle = e, this;
+  }
+  stats(e) {
+    return this._stats = e, this;
+  }
+  build() {
+    const e = {
+      banner: this._banner,
+      avatar: this._avatar,
+      name: this._name,
+      handle: this._handle,
+      stats: this._stats,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Mt, e);
+  }
+}
+const Ys = x(Rt), Tt = s.memo((i) => {
+  const { image: t, title: e, author: r, items: n, className: l, style: a, ...c } = i;
+  return M().classNames(["group", "cursor-pointer"]).style({
+    width: "100%",
+    borderRadius: "24px",
+    height: "320px",
+    position: "relative",
+    overflow: "hidden",
+    border: "none",
+    ...a
+  }).className(l).props(c).children([
+    w().classNames(["absolute", "inset-0", "bg-cover", "bg-center", "transition-transform", "duration-500"]).style({ backgroundImage: `url(${t})` }).build(),
+    w().classNames(["absolute", "inset-0", "bg-gradient-to-t", "from-black/80", "via-black/20", "to-transparent"]).build(),
+    R().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
+      N(n).color("white").fontSize(12).classNames(["opacity-90", "mb-1", "uppercase", "tracking-wider"]).fontWeight(600).build(),
+      N(e).color("white").fontSize(22).fontWeight(700).build(),
+      L().gap(6).alignItems("center").children([
+        N("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
+        N(r).color("white").fontSize(13).fontWeight(600).build(),
+        j.Verify
+      ]).build()
+    ]).build()
+  ]).build();
+});
+class Pt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_image", "");
+    o(this, "_title", "");
+    o(this, "_author", "");
+    o(this, "_items", "");
+  }
+  image(e) {
+    return this._image = e, this;
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  author(e) {
+    return this._author = e, this;
+  }
+  items(e) {
+    return this._items = e, this;
+  }
+  build() {
+    const e = {
+      image: this._image,
+      title: this._title,
+      author: this._author,
+      items: this._items,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Tt, e);
+  }
+}
+const Us = x(Pt), Dt = s.memo((i) => {
+  const {
+    image: t,
+    title: e,
+    description: r,
+    date: n,
+    source: l,
+    className: a,
+    style: c
+  } = i;
+  return M().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${a}`).style(c).children([
+    t ? Ke().src(t).className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
+    w().className("flex flex-col gap-2").children([
+      e ? N(e).fontSize(18).fontWeight(700).color("#111827").lineHeight(1.25).build() : null,
+      r ? N(r).fontSize(14).color("#4B5563").lineHeight(1.5).className("line-clamp-2").build() : null,
+      l || n ? w().className("flex items-center gap-2 mt-2").children([
+        N(`${l || ""}${l && n ? " • " : ""}${n || ""}`).fontSize(11).fontWeight(600).color("#9CA3AF").textTransform("uppercase").letterSpacing("0.05em").build()
+      ]).build() : null
+    ]).build()
+  ]).build();
+});
+class Ot extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_image");
+    o(this, "_title");
+    o(this, "_description");
+    o(this, "_date");
+    o(this, "_source");
+  }
+  image(e) {
+    return this._image = e, this;
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  description(e) {
+    return this._description = e, this;
+  }
+  date(e) {
+    return this._date = e, this;
+  }
+  source(e) {
+    return this._source = e, this;
+  }
+  build() {
+    const e = {
+      image: this._image,
+      title: this._title,
+      description: this._description,
+      date: this._date,
+      source: this._source,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Dt, e);
+  }
+}
+const Js = x(Ot), Ht = s.memo((i) => {
+  const { title: t, description: e, icon: r, footer: n, className: l, style: a } = i;
+  return M().className(l).style(a).children([
+    w().className("flex items-start gap-4").children([
+      r ? w().className("mt-1 text-gray-400").children(r).build() : null,
+      w().className("flex-1").children([
+        t ? N(t).fontSize(16).fontWeight(600).color("#111827").build() : null,
+        e ? N(e).fontSize(14).color("#6B7280").className("mt-1").build() : null,
+        n ? w().className("mt-4").children(n).build() : null
+      ]).build()
+    ]).build()
+  ]).build();
+});
+class Vt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_title");
+    o(this, "_description");
+    o(this, "_icon");
+    o(this, "_footer");
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  description(e) {
+    return this._description = e, this;
+  }
+  icon(e) {
+    return this._icon = e, this;
+  }
+  footer(e) {
+    return this._footer = e, this;
+  }
+  build() {
+    const e = {
+      title: this._title,
+      description: this._description,
+      icon: this._icon,
+      footer: this._footer,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Ht, e);
+  }
+}
+const qt = s.memo((i) => {
+  const { title: t, description: e, action: r, actionType: n, onAction: l, actionLabel: a, className: c, style: h } = i;
+  let p = r;
+  return p || (n === "button" ? p = U(a || "Action").variant("soft").size("sm").onPress(l).build() : n === "switch" && (p = pt().onChange(l).build())), M().className(`flex items-center justify-between gap-4 ${c || ""}`).style(h).children([
+    w().className("flex-1").children([
+      t ? N(t).fontSize(16).fontWeight(600).color("#111827").build() : null,
+      e ? N(e).fontSize(14).color("#6B7280").className("mt-1").build() : null
+    ]).build(),
+    p ? w().className("flex-shrink-0").children(p).build() : null
+  ]).build();
+});
+class Gt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_title");
+    o(this, "_description");
+    o(this, "_action");
+    o(this, "_actionType");
+    o(this, "_actionLabel");
+    o(this, "_onAction");
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  description(e) {
+    return this._description = e, this;
+  }
+  action(e) {
+    return this._action = e, this;
+  }
+  withButton(e, r) {
+    return this._actionType = "button", this._actionLabel = e, this._onAction = r, this;
+  }
+  withSwitch(e) {
+    return this._actionType = "switch", this._onAction = e, this;
+  }
+  build() {
+    const e = {
+      title: this._title,
+      description: this._description,
+      action: this._action,
+      actionType: this._actionType,
+      actionLabel: this._actionLabel,
+      onAction: this._onAction,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(qt, e);
+  }
+}
+const Ks = x(Vt), Qs = x(Gt), Xt = s.memo((i) => {
+  const { title: t, description: e, placeholder: r, value: n, onChange: l, type: a, className: c, style: h } = i;
+  return M().className(c).style(h).children([
+    t ? N(t).fontSize(14).fontWeight(600).color("#374151").className("mb-1").build() : null,
+    e ? N(e).fontSize(12).color("#6B7280").className("mb-3").build() : null,
+    dt().placeholder(r).value(n).type(a).onChange(l).className("w-full").build()
+  ]).build();
+});
+class Yt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_title");
+    o(this, "_description");
+    o(this, "_placeholder");
+    o(this, "_value");
+    o(this, "_type", "text");
+    o(this, "_onChange");
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  description(e) {
+    return this._description = e, this;
+  }
+  placeholder(e) {
+    return this._placeholder = e, this;
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  type(e) {
+    return this._type = e, this;
+  }
+  onChange(e) {
+    return this._onChange = e, this;
+  }
+  build() {
+    const e = {
+      title: this._title,
+      description: this._description,
+      placeholder: this._placeholder,
+      value: this._value,
+      type: this._type,
+      onChange: this._onChange,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Xt, e);
+  }
+}
+const Zs = x(Yt), Ut = s.memo((i) => {
+  const { title: t, value: e, trend: r, trendDirection: n, className: l, style: a } = i, c = n === "up" ? "success" : n === "down" ? "error" : "none", h = n === "up" ? "↑" : n === "down" ? "↓" : "•";
+  return M().className(l).style(a).children([
+    N(t).fontSize(14).fontWeight(600).color("#6B7280").build(),
+    w().className("flex items-end justify-between mt-2").children([
+      N(e).fontSize(32).fontWeight(800).color("#111827").build(),
+      r ? q().text(`${h} ${r}`).intent(c).variant("accent").build() : null
+    ]).build()
+  ]).build();
+});
+class Jt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_title", "");
+    o(this, "_value", "");
+    o(this, "_trend");
+    o(this, "_trendDirection", "neutral");
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  value(e) {
+    return this._value = e, this;
+  }
+  trend(e, r = "neutral") {
+    return this._trend = e, this._trendDirection = r, this;
+  }
+  build() {
+    const e = {
+      title: this._title,
+      value: this._value,
+      trend: this._trend,
+      trendDirection: this._trendDirection,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Ut, e);
+  }
+}
+const er = x(Jt);
+class Kt extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_title", "");
+    o(this, "_content", null);
+    o(this, "_defaultExpanded", !1);
+    o(this, "_expanded");
+    o(this, "_onToggle");
+  }
+  title(e) {
+    return this._title = e, this;
+  }
+  content(e) {
+    return this._content = e, this;
+  }
+  isOpen(e) {
+    return this._expanded = e, this;
+  }
+  defaultOpen(e) {
+    return this._defaultExpanded = e, this;
+  }
+  onToggle(e) {
+    return this._onToggle = e, this;
+  }
+  build() {
+    return s.createElement(Qt, {
+      builder: this,
+      ...this._props
+    });
+  }
+}
+const Qt = s.memo(({ builder: i }) => {
+  const t = i, e = t._expanded !== void 0, [r, n] = W(t._defaultExpanded), l = e ? t._expanded : r, a = () => {
+    e || n(!l), t._onToggle && t._onToggle(!l);
+  };
+  return w().classNames(["w-full", "border", "border-gray-200", "rounded-xl", "overflow-hidden", "bg-white", "transition-all", "duration-300"]).className(t.getClassName()).style(t.getStyle()).children([
+    L().justifyContent("between").alignItems("center").classNames(["p-4", "cursor-pointer", "hover:bg-gray-50", "transition-colors", "select-none"]).props({ onClick: a }).children([
+      typeof t._title == "string" ? N(t._title).fontWeight(600).fontSize(15).color("#1F2937").build() : t._title,
+      w().classNames(["transition-transform", "duration-300"]).style({ transform: l ? "rotate(180deg)" : "rotate(0deg)" }).children(
+        s.createElement("svg", {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "text-gray-400"
+        }, s.createElement("polyline", { points: "6 9 12 15 18 9" }))
+      ).build()
+    ]).build(),
+    w().classNames(["transition-all", "duration-300", "ease-in-out", "overflow-hidden"]).style({
+      maxHeight: l ? "500px" : "0px",
+      opacity: l ? 1 : 0
+    }).children(
+      w().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(t._content).build()
+    ).build()
+  ]).build();
+}), tr = x(Kt), Zt = s.memo((i) => {
+  const {
+    children: t,
+    variant: e = "standard",
+    columns: r = 1,
+    gap: n = "md",
+    className: l,
+    style: a,
+    ...c
+  } = i, h = (m) => typeof m == "number" ? "" : {
+    none: "gap-0",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+  }[m] || "gap-4", p = (m) => {
+    if (typeof m == "number") return m + "px";
+  }, u = (m) => {
+    if (typeof m == "number") return `grid-cols-${m}`;
+    let d = [];
+    return m.sm && d.push(`sm:grid-cols-${m.sm}`), m.md && d.push(`md:grid-cols-${m.md}`), m.lg && d.push(`lg:grid-cols-${m.lg}`), m.xl && d.push(`xl:grid-cols-${m.xl}`), d.join(" ") || "grid-cols-1";
+  };
+  if (e === "masonry") {
+    const m = (d) => {
+      if (typeof d == "number") return `columns-${d}`;
+      let f = [];
+      return d.sm && f.push(`sm:columns-${d.sm}`), d.md && f.push(`md:columns-${d.md}`), d.lg && f.push(`lg:columns-${d.lg}`), d.xl && f.push(`xl:columns-${d.xl}`), f.join(" ") || "columns-1";
+    };
+    return s.createElement("div", {
+      className: `${m(r)} ${h(n)} space-y-4 ${l}`,
+      style: {
+        columnGap: p(n),
+        ...a
+      },
+      ...c
+    }, s.Children.map(
+      t,
+      (d) => s.createElement("div", { className: "break-inside-avoid mb-4" }, d)
+    ));
+  }
+  return s.createElement("div", {
+    className: `grid ${u(r)} ${h(n)} ${l}`,
+    style: {
+      gap: p(n),
+      ...a
+    },
+    ...c
+  }, t);
+}), es = s.memo((i) => {
+  const { children: t, colSpan: e, rowSpan: r, className: n, style: l, ...a } = i, c = () => {
+    let h = [];
+    return e && h.push(`col-span-${e}`), r && h.push(`row-span-${r}`), h.join(" ");
+  };
+  return s.createElement("div", {
+    className: `${c()} ${n}`,
+    style: l,
+    ...a
+  }, t);
+});
+class ts extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_variant", "standard");
+    o(this, "_columns", 1);
+    o(this, "_gap", "md");
+    o(this, "_children", []);
+  }
+  variant(e) {
+    return this._variant = e, this;
+  }
+  columns(e) {
+    return this._columns = e, this;
+  }
+  gap(e) {
+    return this._gap = e, this;
+  }
+  children(e) {
+    return this._children = e, this;
+  }
+  build() {
+    const e = {
+      variant: this._variant,
+      columns: this._columns,
+      gap: this._gap,
+      children: this._children,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(Zt, e);
+  }
+}
+class ss extends b {
+  constructor() {
+    super(...arguments);
+    o(this, "_colSpan");
+    o(this, "_rowSpan");
+    o(this, "_children", []);
+  }
+  colSpan(e) {
+    return this._colSpan = e, this;
+  }
+  rowSpan(e) {
+    return this._rowSpan = e, this;
+  }
+  children(e) {
+    return this._children = e, this;
+  }
+  build() {
+    const e = {
+      colSpan: this._colSpan,
+      rowSpan: this._rowSpan,
+      children: this._children,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      ...this._props
+    };
+    return s.createElement(es, e);
+  }
+}
+const sr = x(ts), rr = x(ss);
+export {
+  Qs as ActionCard,
+  Ls as Alert,
+  Xs as AssetCard,
+  Oe as Avatar,
+  q as Badge,
+  Gs as Banner,
+  w as Box,
+  U as Button,
+  M as Card,
+  Ss as Center,
+  Rs as Checkbox,
+  tr as Collapse,
+  Us as CollectionCard,
+  R as Column,
+  Os as Combobox,
+  Cs as Container,
+  Js as ContentCard,
+  $s as DashboardLayout,
+  b as FiboBuilder,
+  ws as FiboThemeProvider,
+  sr as Grid,
+  rr as GridItem,
+  zs as Header,
+  Ke as Image,
+  Ks as InfoCard,
+  Zs as InputCard,
+  Is as Label,
+  Es as Line,
+  Hs as List,
+  er as MetricCard,
+  _s as ObserverWrapper,
+  Ys as ProfileCard,
+  Ms as Progress,
+  se as ProviderContext,
+  ye as ProviderWrapper,
+  Ts as RadioGroup,
+  L as Row,
+  As as Scaffold,
+  Fs as ScrollView,
+  Ds as Select,
+  Bs as Sidebar,
+  ks as SignalWrapper,
+  Ws as Skeleton,
+  O as Spacer,
+  js as Spinner,
+  te as StateContext,
+  ys as StateWrapper,
+  pt as Switch,
+  Vs as Table,
+  qs as Tags,
+  N as Text,
+  dt as TextField,
+  Ps as Textarea,
+  as as applyResponsiveStyles,
+  bs as clearProviders,
+  ds as computed,
+  x as createBuilder,
+  ps as createStore,
+  ke as cupertinoTheme,
+  us as effect,
+  gs as getProvider,
+  _e as materialTheme,
+  ls as mergeStyles,
+  cs as normalizeValue,
+  ms as observable,
+  ns as processChildren,
+  fs as registerProvider,
+  hs as signal,
+  Ns as useFiboTheme,
+  vs as useProvider,
+  xs as useStateContext,
+  ve as webTheme
+};