fiboui 2.2.0 → 2.2.3

package/dist/content.js

@@ -1,7 +1,7 @@
 "use client";
-import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as l, S as m } from "./index-CbTvwN9K.js";
-import { T as x } from "./index-DhPBYTPt.js";
-import { I as f } from "./index-ijbJR6lD.js";
+import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as l, S as m } from "./index-DgRpEUs0.js";
+import { T as x } from "./index-BObp1JkM.js";
+import { I as f } from "./index-CZQ5erLU.js";
 export {
   s as Alert,
   r as Avatar,

package/dist/core.js

@@ -1,53 +1,56 @@
 "use client";
-import { C as a, M as r, q as o, O as t, d as i, P as n, R as l, h as u, i as p, S as c, V as S, f as g, c as b, b as v, a as d, g as m, t as R, o as T, p as P, r as E, j as f, s as C, n as F, k as M, m as O, l as x, u as y, e as V } from "./builder-KLTu7nAI.js";
-import { E as h, k as j, F as k, j as w, P as A, i as I, m as q, t as G, f as N, b as W, g as _, a as z, h as D, u as H, d as J, e as K, c as L } from "./mount-D5gt_GWO.js";
-import { F as U, b as X } from "./FineGrain-6w615KQw.js";
+import { C as a, F as r, M as o, p as t, O as i, d as l, P as n, R as u, f as p, h as S, S as c, V as g, c as b, b as v, a as d, t as m, g as T, q as R, v as P, o as F, n as y, r as C, i as E, s as f, m as M, j as O, l as x, k as V, u as B, e as h } from "./builder-3Bc2PfP9.js";
+import { E as k, l as w, F as A, k as I, P as q, c as G, j as N, m as W, t as _, g as z, b as D, h as H, a as J, i as K, u as L, e as Q, f as U, d as X } from "./mount-D59e1COl.js";
+import { F as Z, b as $ } from "./FineGrain-BEvB51B2.js";
 export {
   a as ComputedSignal,
-  h as Easing,
-  j as Fibo,
-  k as FiboApp,
-  w as FiboAppBuilder,
-  U as FineGrainText,
-  r as MOTION_PRESETS,
-  o as MotionStyles,
-  t as Observable,
-  i as Observer,
-  A as Presence,
+  k as Easing,
+  w as Fibo,
+  A as FiboApp,
+  I as FiboAppBuilder,
+  r as FiboStyles,
+  Z as FineGrainText,
+  o as MOTION_PRESETS,
+  t as MotionStyles,
+  i as Observable,
+  l as Observer,
+  q as Presence,
   n as ProviderWrapper,
-  l as ReactivityRoot,
-  u as Reveal,
-  p as ScrollProgress,
+  u as ReactivityRoot,
+  p as Reveal,
+  S as ScrollProgress,
   c as Signal,
-  S as ValueBuilder,
-  g as applyResponsiveStyles,
-  X as bindText,
+  g as ValueBuilder,
+  G as applyResponsiveStyles,
+  $ as bindText,
   b as computed,
   v as createReactivityRoot,
   d as createStore,
-  I as cssCurve,
-  m as getCurrentScope,
+  N as cssCurve,
+  m as getCss,
+  T as getCurrentScope,
   R as getMotionCss,
-  q as mount,
-  T as observable,
-  P as resolveCssEase,
-  E as runInScope,
-  f as scrollTo,
-  C as signal,
-  F as springEase,
-  M as startViewTransition,
-  O as supportsScrollTimeline,
-  x as supportsViewTimeline,
-  G as toElement,
-  y as useBuilderState,
-  N as useMountTransition,
-  W as useObservable,
-  _ as usePrefersReducedMotion,
-  V as useProvider,
-  z as useReactiveStore,
-  D as useScrollProgress,
-  H as useSignal,
-  J as useSpring,
-  K as useStagger,
-  L as useTransition
+  P as getStyleTag,
+  W as mount,
+  F as observable,
+  y as resolveCssEase,
+  C as runInScope,
+  E as scrollTo,
+  f as signal,
+  M as springEase,
+  O as startViewTransition,
+  x as supportsScrollTimeline,
+  V as supportsViewTimeline,
+  _ as toElement,
+  B as useBuilderState,
+  z as useMountTransition,
+  D as useObservable,
+  H as usePrefersReducedMotion,
+  h as useProvider,
+  J as useReactiveStore,
+  K as useScrollProgress,
+  L as useSignal,
+  Q as useSpring,
+  U as useStagger,
+  X as useTransition
 };

package/dist/{index-DhPBYTPt.js → index-BObp1JkM.js}

@@ -1,10 +1,10 @@
 "use client";
-var p = Object.defineProperty;
-var m = (i, e, t) => e in i ? p(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var o = (i, e, t) => m(i, typeof e != "symbol" ? e + "" : e, t);
-import s from "react";
-import { v as c, F as f } from "./builder-KLTu7nAI.js";
-import { F as g } from "./FineGrain-6w615KQw.js";
+var m = Object.defineProperty;
+var p = (i, e, t) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var o = (i, e, t) => p(i, typeof e != "symbol" ? e + "" : e, t);
+import h from "react";
+import { w as c, x as f } from "./builder-3Bc2PfP9.js";
+import { F as g } from "./FineGrain-BEvB51B2.js";
 const y = {
   h1: { fontSize: "2.25rem", fontWeight: 700, letterSpacing: "-0.025em", lineHeight: 1.2 },
   h2: { fontSize: "1.875rem", fontWeight: 700, letterSpacing: "-0.025em", lineHeight: 1.25 },
@@ -17,10 +17,17 @@ const y = {
   label: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.4 }
 };
 function r(i, e) {
-  return { margin: 0, ...y[i], ...e };
+  return {
+    margin: 0,
+    overflowWrap: "anywhere",
+    wordBreak: "break-word",
+    maxWidth: "100%",
+    ...y[i],
+    ...e
+  };
 }
-const u = s.memo((i) => {
-  const { text: e, type: t, className: h, style: n, ...a } = i, l = {
+const u = h.memo((i) => {
+  const { text: e, type: t, className: n, style: s, ...a } = i, l = {
     h1: "h1",
     h2: "h2",
     h3: "h3",
@@ -31,11 +38,11 @@ const u = s.memo((i) => {
     caption: "span",
     label: "label"
   };
-  return s.createElement(
+  return h.createElement(
     l[t],
     {
-      className: `fibo-text fibo-text-${t} ${h}`,
-      style: r(t, n),
+      className: `fibo-text fibo-text-${t} min-w-0 ${n}`,
+      style: r(t, s),
       ...a
     },
     e
@@ -79,26 +86,26 @@ class x extends f {
       label: "label"
     };
     if (typeof this._text == "function") {
-      const n = this._text;
-      return s.createElement(g, {
-        compute: n,
+      const s = this._text;
+      return h.createElement(g, {
+        compute: s,
         as: t[this._type],
-        className: `fibo-text fibo-text-${this._type} ${this.getClassName()}`,
+        className: `fibo-text fibo-text-${this._type} min-w-0 ${this.getClassName()}`,
         style: r(this._type, this.getStyle()),
         ...this._props
       });
     }
-    const h = {
+    const n = {
       text: this._text,
       type: this._type,
       className: this.getClassName(),
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(u, h);
+    return h.createElement(u, n);
   }
 }
-const z = c(x);
+const W = c(x);
 export {
-  z as T
+  W as T
 };

package/dist/{index-CYnY7jAX.js → index-BlciuWzU.js}

@@ -1,6 +1,6 @@
 "use client";
 import o from "react";
-import { v as n, F as i } from "./builder-KLTu7nAI.js";
+import { w as l, x as i } from "./builder-3Bc2PfP9.js";
 const a = o.memo((r) => {
   const { className: c, style: e, children: s, ...t } = r;
   return o.createElement(
@@ -17,17 +17,18 @@ class m extends i {
   build() {
     const e = [
       "fibo-box",
+      "min-w-0",
       ...this._classNames
-    ].filter(Boolean).join(" "), s = this.getStyle(), t = this.processChildren(), l = {
+    ].filter(Boolean).join(" "), s = this.getStyle(), t = this.processChildren(), n = {
       className: e,
       style: s,
       children: t,
       ...this._props
     };
-    return o.createElement(a, l);
+    return o.createElement(a, n);
   }
 }
-const B = n(m);
+const B = l(m);
 export {
   B
 };

package/dist/{index-ijbJR6lD.js → index-CZQ5erLU.js}

@@ -3,7 +3,7 @@ var m = Object.defineProperty;
 var p = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var r = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
 import o from "react";
-import { v as a, F as u } from "./builder-KLTu7nAI.js";
+import { w as a, x as u } from "./builder-3Bc2PfP9.js";
 class g extends u {
   constructor() {
     super(...arguments);
@@ -40,7 +40,8 @@ class g extends u {
       "fibo-row",
       "flex",
       "flex-row",
-      this.isHug() ? "w-auto self-auto shrink-0" : "w-full self-stretch",
+      // min-w-0: flex item can shrink below content intrinsic width (grid/flex overflow)
+      this.isHug() ? "w-auto self-auto shrink-0" : "w-full min-w-0 self-stretch",
       s[this._mainAxisAlignment],
       i[this._crossAxisAlignment],
       ...this._classNames
@@ -58,7 +59,7 @@ class g extends u {
     );
   }
 }
-const x = a(g), _ = o.memo((e) => {
+const y = a(g), _ = o.memo((e) => {
   const {
     source: t,
     color: s,
@@ -112,8 +113,8 @@ class f extends u {
     return o.createElement(_, c);
   }
 }
-const b = a(f);
+const w = a(f);
 export {
-  b as I,
-  x as R
+  w as I,
+  y as R
 };

package/dist/{index-BN2z9MuJ.js → index-Cae2Rtx1.js}

@@ -2,8 +2,8 @@
 var H = Object.defineProperty;
 var O = (c, l, e) => l in c ? H(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
 var r = (c, l, e) => O(c, typeof l != "symbol" ? l + "" : l, e);
-import t, { useState as F, useEffect as M, useRef as j } from "react";
-import { v as $, F as D, S as P } from "./builder-KLTu7nAI.js";
+import t, { useState as M, useEffect as j, useRef as F } from "react";
+import { w as $, x as D, S as P } from "./builder-3Bc2PfP9.js";
 import { t as L } from "./bundle-mjs-wppB-TKB.js";
 const q = t.memo((c) => {
   const {
@@ -164,8 +164,8 @@ const de = $(V), W = (c, l) => {
     leadingIcon: _,
     trailingIcon: y,
     ...f
-  } = c, g = x instanceof P, [S, m] = F(g ? x.value : x);
-  M(() => {
+  } = c, g = x instanceof P, [S, m] = M(g ? x.value : x);
+  j(() => {
     if (g)
       return x.subscribe((u) => {
         m(u);
@@ -417,8 +417,8 @@ const ue = $(J), Q = t.memo((c) => {
     className: d,
     style: h,
     id: p
-  } = c, k = j(null), v = l || s;
-  M(() => {
+  } = c, k = F(null), v = l || s;
+  j(() => {
     k.current && (k.current.indeterminate = !!s);
   }, [s]);
   let x = null;
@@ -689,7 +689,7 @@ class te extends D {
   }
 }
 const be = $(te), re = t.memo((c) => {
-  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = F(!1), [d, h] = F(0), p = j(null), {
+  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, h] = M(0), p = F(null), {
     containerClass: k,
     containerStyle: v,
     label: x,
@@ -701,7 +701,7 @@ const be = $(te), re = t.memo((c) => {
     disabled: S,
     multiple: m
   } = c;
-  M(() => {
+  j(() => {
     const n = (u) => {
       p.current && !p.current.contains(u.target) && s(!1);
     };
@@ -878,7 +878,7 @@ class ae extends D {
   }
 }
 const fe = $(ae), se = t.memo((c) => {
-  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = F(!1), [d, h] = F(""), [p, k] = F(0), v = j(null), {
+  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, h] = M(""), [p, k] = M(0), v = F(null), {
     containerClass: x,
     containerStyle: E,
     label: _,
@@ -891,7 +891,7 @@ const fe = $(ae), se = t.memo((c) => {
     disabled: w,
     multiple: I
   } = c;
-  M(() => {
+  j(() => {
     if (!I) {
       const i = g.find((N) => N.value === f);
       i && !a && d !== i.label && h(i.label);
@@ -900,9 +900,9 @@ const fe = $(ae), se = t.memo((c) => {
   const C = g.filter(
     (i) => i.label.toLowerCase().includes(d.toLowerCase())
   );
-  M(() => {
+  j(() => {
     k(0);
-  }, [d, a]), M(() => {
+  }, [d, a]), j(() => {
     const i = (N) => {
       if (v.current && !v.current.contains(N.target))
         if (s(!1), I)