fiboui 2.4.1 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,38 +1,38 @@
1
1
  "use client";
2
- var zo = Object.defineProperty;
3
- var So = (t, o, i) => o in t ? zo(t, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[o] = i;
4
- var a = (t, o, i) => So(t, typeof o != "symbol" ? o + "" : o, i);
5
- import g, { useRef as _, createContext as X, useContext as j, useCallback as T, useSyncExternalStore as D, useEffect as M, useState as eo, cloneElement as $o } from "react";
6
- import { jsx as $, Fragment as V } from "react/jsx-runtime";
7
- import { r as Co, f as No, b as To } from "./themeData-CmTJt3dU.js";
8
- class fo {
2
+ var So = Object.defineProperty;
3
+ var Co = (t, o, i) => o in t ? So(t, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[o] = i;
4
+ var a = (t, o, i) => Co(t, typeof o != "symbol" ? o + "" : o, i);
5
+ import g, { useRef as _, createContext as M, useContext as D, useCallback as N, useSyncExternalStore as V, useEffect as Y, useState as fo, cloneElement as $o } from "react";
6
+ import { jsx as C, Fragment as W } from "react/jsx-runtime";
7
+ import { r as To, f as No, b as Eo } from "./themeData-CmTJt3dU.js";
8
+ class ro {
9
9
  constructor() {
10
10
  a(this, "activeEffect", null);
11
11
  }
12
12
  }
13
- const ro = new fo(), F = [ro];
14
- function no() {
15
- return new fo();
16
- }
13
+ const no = new ro(), X = [no];
17
14
  function so() {
18
- return F[F.length - 1] ?? ro;
15
+ return new ro();
16
+ }
17
+ function ao() {
18
+ return X[X.length - 1] ?? no;
19
19
  }
20
- function Y() {
21
- return so().activeEffect;
20
+ function B() {
21
+ return ao().activeEffect;
22
22
  }
23
- function Eo(t, o) {
24
- F.push(t);
23
+ function Ro(t, o) {
24
+ X.push(t);
25
25
  try {
26
26
  return o();
27
27
  } finally {
28
- F.pop();
28
+ X.pop();
29
29
  }
30
30
  }
31
31
  function E(t) {
32
- const o = so(), i = o.activeEffect;
32
+ const o = ao(), i = o.activeEffect;
33
33
  return o.activeEffect = t, i;
34
34
  }
35
- class Ro {
35
+ class Io {
36
36
  constructor(o) {
37
37
  a(this, "dependencies", /* @__PURE__ */ new Set());
38
38
  a(this, "_onDispose");
@@ -60,7 +60,7 @@ class Ro {
60
60
  this.cleanup(), (o = this._onDispose) == null || o.call(this);
61
61
  }
62
62
  }
63
- class Io {
63
+ class Fo {
64
64
  constructor(o) {
65
65
  a(this, "dependencies", /* @__PURE__ */ new Set());
66
66
  this._onInvalidate = o;
@@ -93,7 +93,7 @@ class I {
93
93
  this._value = o;
94
94
  }
95
95
  get value() {
96
- const o = Y();
96
+ const o = B();
97
97
  return o && o.track(this), this._value;
98
98
  }
99
99
  set value(o) {
@@ -113,22 +113,22 @@ class I {
113
113
  o.forEach((e) => e.trigger()), i.forEach((e) => e(this._value));
114
114
  }
115
115
  }
116
- function Li(t) {
116
+ function Oi(t) {
117
117
  return new I(t);
118
118
  }
119
- class Fo {
119
+ class Xo {
120
120
  constructor(o) {
121
121
  a(this, "listeners", /* @__PURE__ */ new Set());
122
122
  a(this, "effects", /* @__PURE__ */ new Set());
123
123
  a(this, "_value");
124
124
  a(this, "_dirty", !0);
125
125
  a(this, "internalEffect");
126
- this.fn = o, this.internalEffect = new Ro(() => {
126
+ this.fn = o, this.internalEffect = new Io(() => {
127
127
  this._dirty || (this._dirty = !0, this.notify());
128
128
  });
129
129
  }
130
130
  get value() {
131
- const o = Y();
131
+ const o = B();
132
132
  if (o && o.track(this), this._dirty) {
133
133
  const i = E(this.internalEffect);
134
134
  try {
@@ -153,17 +153,17 @@ class Fo {
153
153
  o.forEach((e) => e.trigger()), i.forEach((e) => e(this._value));
154
154
  }
155
155
  }
156
- function Oi(t) {
157
- return new Fo(t);
156
+ function Ai(t) {
157
+ return new Xo(t);
158
158
  }
159
- class Xo {
159
+ class Mo {
160
160
  constructor(o) {
161
161
  a(this, "listeners", /* @__PURE__ */ new Set());
162
162
  a(this, "effects", /* @__PURE__ */ new Set());
163
163
  this._value = o;
164
164
  }
165
165
  get() {
166
- const o = Y();
166
+ const o = B();
167
167
  return o && o.track(this), this._value;
168
168
  }
169
169
  set(o) {
@@ -183,16 +183,16 @@ class Xo {
183
183
  }
184
184
  }
185
185
  function Pi(t) {
186
- return new Xo(t);
186
+ return new Mo(t);
187
187
  }
188
- class Mo {
188
+ class Yo {
189
189
  constructor(o) {
190
190
  a(this, "listeners", /* @__PURE__ */ new Set());
191
191
  a(this, "effects", /* @__PURE__ */ new Set());
192
192
  this.state = o;
193
193
  }
194
194
  getState() {
195
- const o = Y();
195
+ const o = B();
196
196
  return o && o.track(this), this.state;
197
197
  }
198
198
  setState(o) {
@@ -212,47 +212,47 @@ class Mo {
212
212
  Array.from(this.effects).forEach((o) => o.trigger()), Array.from(this.listeners).forEach((o) => o(this.state));
213
213
  }
214
214
  }
215
- function Ai(t) {
216
- return new Mo(t);
215
+ function ji(t) {
216
+ return new Yo(t);
217
217
  }
218
- const Yo = no(), ao = X(Yo);
219
- function Bo() {
220
- return j(ao);
218
+ const Bo = so(), co = M(Bo);
219
+ function Lo() {
220
+ return D(co);
221
221
  }
222
- function ji({ children: t, scope: o }) {
223
- const i = _(o ?? no()).current;
224
- return /* @__PURE__ */ $(ao.Provider, { value: i, children: t });
222
+ function Di({ children: t, scope: o }) {
223
+ const i = _(o ?? so()).current;
224
+ return /* @__PURE__ */ C(co.Provider, { value: i, children: t });
225
225
  }
226
- function Lo({ children: t }) {
226
+ function Oo({ children: t }) {
227
227
  const o = _(0), i = _(/* @__PURE__ */ new Set()), e = _(null);
228
- e.current || (e.current = new Io(() => {
228
+ e.current || (e.current = new Fo(() => {
229
229
  o.current += 1, i.current.forEach((c) => c());
230
230
  }));
231
- const r = T((c) => (i.current.add(c), () => {
231
+ const r = N((c) => (i.current.add(c), () => {
232
232
  i.current.delete(c);
233
- }), []), f = T(() => o.current, []);
234
- D(r, f, f), M(() => () => {
233
+ }), []), f = N(() => o.current, []);
234
+ V(r, f, f), Y(() => () => {
235
235
  var c;
236
236
  (c = e.current) == null || c.dispose();
237
237
  }, []);
238
- const n = Bo();
238
+ const n = Lo();
239
239
  let s = null;
240
240
  try {
241
- s = Eo(n, () => e.current.execute(t));
241
+ s = Ro(n, () => e.current.execute(t));
242
242
  } catch {
243
243
  s = null;
244
244
  }
245
- return /* @__PURE__ */ $(V, { children: s });
245
+ return /* @__PURE__ */ C(W, { children: s });
246
246
  }
247
- const Oo = X(/* @__PURE__ */ new Map()), co = X(null);
248
- function Di(t) {
249
- const o = j(co);
247
+ const Ao = M(/* @__PURE__ */ new Map()), bo = M(null);
248
+ function Vi(t) {
249
+ const o = D(bo);
250
250
  if (!o)
251
251
  throw new Error("useBuilderState must be used under a builder that called .state()");
252
252
  return [o.get(t), (i) => o.set(t, i)];
253
253
  }
254
254
  function Po({ stateMap: t = /* @__PURE__ */ new Map(), children: o }) {
255
- const [i, e] = eo(() => new Map(t)), r = {
255
+ const [i, e] = fo(() => new Map(t)), r = {
256
256
  map: i,
257
257
  get: (f) => i.get(f),
258
258
  set: (f, n) => {
@@ -264,68 +264,68 @@ function Po({ stateMap: t = /* @__PURE__ */ new Map(), children: o }) {
264
264
  });
265
265
  }
266
266
  };
267
- return /* @__PURE__ */ $(co.Provider, { value: r, children: /* @__PURE__ */ $(Oo.Provider, { value: i, children: o }) });
267
+ return /* @__PURE__ */ C(bo.Provider, { value: r, children: /* @__PURE__ */ C(Ao.Provider, { value: i, children: o }) });
268
268
  }
269
- function Ao({ observables: t, children: o }) {
270
- const i = _(0), e = T((f) => {
269
+ function jo({ observables: t, children: o }) {
270
+ const i = _(0), e = N((f) => {
271
271
  const n = Array.from(t).map(
272
272
  (s) => s.subscribe(() => {
273
273
  i.current += 1, f();
274
274
  })
275
275
  );
276
276
  return () => n.forEach((s) => s());
277
- }, [t]), r = T(() => i.current, []);
278
- return D(e, r, r), /* @__PURE__ */ $(V, { children: typeof o == "function" ? o() : o });
277
+ }, [t]), r = N(() => i.current, []);
278
+ return V(e, r, r), /* @__PURE__ */ C(W, { children: typeof o == "function" ? o() : o });
279
279
  }
280
- function jo({ signals: t, children: o }) {
281
- const i = _(0), e = T((f) => {
280
+ function Do({ signals: t, children: o }) {
281
+ const i = _(0), e = N((f) => {
282
282
  const n = Array.from(t).map(
283
283
  (s) => s.subscribe(() => {
284
284
  i.current += 1, f();
285
285
  })
286
286
  );
287
287
  return () => n.forEach((s) => s());
288
- }, [t]), r = T(() => i.current, []);
289
- return D(e, r, r), /* @__PURE__ */ $(V, { children: typeof o == "function" ? o() : o });
288
+ }, [t]), r = N(() => i.current, []);
289
+ return V(e, r, r), /* @__PURE__ */ C(W, { children: typeof o == "function" ? o() : o });
290
290
  }
291
- const bo = X(/* @__PURE__ */ new Map());
292
- function Vi(t) {
293
- const o = j(bo);
291
+ const uo = M(/* @__PURE__ */ new Map());
292
+ function Wi(t) {
293
+ const o = D(uo);
294
294
  return o == null ? void 0 : o.get(t);
295
295
  }
296
- function Do({ providers: t = /* @__PURE__ */ new Map(), children: o }) {
297
- return /* @__PURE__ */ $(bo.Provider, { value: t, children: o });
296
+ function Vo({ providers: t = /* @__PURE__ */ new Map(), children: o }) {
297
+ return /* @__PURE__ */ C(uo.Provider, { value: t, children: o });
298
298
  }
299
- function Vo(t) {
299
+ function Wo(t) {
300
300
  return !!t && typeof t == "object" && "build" in t && typeof t.build == "function";
301
301
  }
302
- function Wo(t) {
303
- return g.isValidElement(t) ? t : Vo(t) ? t.build() : t;
302
+ function Ho(t) {
303
+ return g.isValidElement(t) ? t : Wo(t) ? t.build() : t;
304
304
  }
305
- function W(t) {
305
+ function H(t) {
306
306
  return typeof t == "string" || typeof t == "number";
307
307
  }
308
- function Ho(t, o) {
309
- return g.isValidElement(t) && W(t.key) && t.key !== "" ? t.key : `.$fibo-${o}`;
310
- }
311
308
  function Uo(t, o) {
312
- return !g.isValidElement(t) || W(t.key) && t.key !== "" ? t : g.cloneElement(t, { key: Ho(t, o) });
309
+ return g.isValidElement(t) && H(t.key) && t.key !== "" ? t.key : `.$fibo-${o}`;
313
310
  }
314
- function U(t) {
311
+ function Go(t, o) {
312
+ return !g.isValidElement(t) || H(t.key) && t.key !== "" ? t : g.cloneElement(t, { key: Uo(t, o) });
313
+ }
314
+ function G(t) {
315
315
  if (t == null)
316
316
  return [];
317
317
  const o = typeof t == "function" ? t() : t;
318
- return (Array.isArray(o) ? o : [o]).map((e, r) => Uo(Wo(e), r));
318
+ return (Array.isArray(o) ? o : [o]).map((e, r) => Go(Ho(e), r));
319
319
  }
320
- const G = /* @__PURE__ */ new Map(), Go = {
320
+ const K = /* @__PURE__ */ new Map(), Ko = {
321
321
  easeIn: "ease-in",
322
322
  easeOut: "ease-out",
323
323
  easeInOut: "ease-in-out",
324
324
  linear: "linear",
325
325
  ease: "ease"
326
326
  };
327
- function uo(t = {}) {
328
- const o = t.stiffness ?? 170, i = t.damping ?? 26, e = t.mass ?? 1, r = `${o}:${i}:${e}`, f = G.get(r);
327
+ function lo(t = {}) {
328
+ const o = t.stiffness ?? 170, i = t.damping ?? 26, e = t.mass ?? 1, r = `${o}:${i}:${e}`, f = K.get(r);
329
329
  if (f) return f;
330
330
  const n = 1 / 60, s = 1;
331
331
  let c = 0, h = 0;
@@ -341,12 +341,12 @@ function uo(t = {}) {
341
341
  p.push(d === 0 ? `${z}` : `${z} ${Math.round(y * 1e4) / 100}%`);
342
342
  }
343
343
  const m = `linear(${p.join(", ")})`;
344
- return G.set(r, m), m;
344
+ return K.set(r, m), m;
345
345
  }
346
346
  function S(t, o) {
347
- return t === "spring" ? uo(o) : Go[t] ?? t;
347
+ return t === "spring" ? lo(o) : Ko[t] ?? t;
348
348
  }
349
- const K = [
349
+ const Z = [
350
350
  "fadeIn",
351
351
  "fadeOut",
352
352
  "fade",
@@ -362,35 +362,35 @@ const K = [
362
362
  "blur",
363
363
  "pop",
364
364
  "bounce"
365
- ], Ko = {
365
+ ], Zo = {
366
366
  fade: "fadeIn",
367
367
  scale: "scaleIn",
368
368
  blur: "blurIn"
369
369
  };
370
- function Zo(t) {
370
+ function qo(t) {
371
371
  if (!t || typeof t != "object") return !1;
372
372
  const o = t;
373
373
  return typeof o.from == "object" && o.from !== null && typeof o.to == "object" && o.to !== null;
374
374
  }
375
- function Z(t) {
375
+ function q(t) {
376
376
  const o = /* @__PURE__ */ new Set(["opacity", "zIndex", "z-index", "flex", "fontWeight", "lineHeight"]);
377
377
  return Object.entries(t).map(([i, e]) => {
378
378
  const r = i.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`), f = typeof e == "number" && !o.has(i) ? `${e}px` : String(e);
379
379
  return `${r}: ${f}`;
380
380
  }).join("; ");
381
381
  }
382
- function qo(t) {
382
+ function Qo(t) {
383
383
  let o = 5381;
384
384
  for (let i = 0; i < t.length; i += 1) o = (o << 5) + o ^ t.charCodeAt(i);
385
385
  return (o >>> 0).toString(36);
386
386
  }
387
- function Qo(t) {
388
- const o = Ko[t] ?? t;
389
- if (!K.includes(o))
390
- throw new Error(`Unknown motion preset "${t}". Use: ${K.join(", ")}`);
387
+ function Jo(t) {
388
+ const o = Zo[t] ?? t;
389
+ if (!Z.includes(o))
390
+ throw new Error(`Unknown motion preset "${t}". Use: ${Z.join(", ")}`);
391
391
  return o;
392
392
  }
393
- const A = `
393
+ const j = `
394
394
  .fibo-anim {
395
395
  animation-duration: var(--fibo-dur, 300ms);
396
396
  animation-timing-function: var(--fibo-ease, ease);
@@ -532,7 +532,7 @@ const A = `
532
532
  }
533
533
  }
534
534
  `.trim();
535
- function q(t) {
535
+ function Q(t) {
536
536
  let o = 5381;
537
537
  for (let i = 0; i < t.length; i += 1)
538
538
  o = (o << 5) + o ^ t.charCodeAt(i);
@@ -572,12 +572,12 @@ const k = class k {
572
572
  const r = `@media ${o}|${i}:${e}`;
573
573
  if (this.cache.has(r))
574
574
  return this.cache.get(r);
575
- const f = `fibo-mq-${q(r)}`, n = `@media ${o} { .${f} { ${i}: ${e} !important; } }`;
575
+ const f = `fibo-mq-${Q(r)}`, n = `@media ${o} { .${f} { ${i}: ${e} !important; } }`;
576
576
  return this.insert(n), this.cache.set(r, f), f;
577
577
  }
578
578
  ensureDefaults() {
579
579
  var o;
580
- this.defaultsReady || (this.defaultsReady = !0, this.sheet && !((o = this.sheet.textContent) != null && o.includes("fibo-fadeIn")) && this.sheet.appendChild(document.createTextNode(A)));
580
+ this.defaultsReady || (this.defaultsReady = !0, this.sheet && !((o = this.sheet.textContent) != null && o.includes("fibo-fadeIn")) && this.sheet.appendChild(document.createTextNode(j)));
581
581
  }
582
582
  /**
583
583
  * Append a large static CSS blob once (keyed). Used by interaction-effect presets.
@@ -590,7 +590,7 @@ const k = class k {
590
590
  getCss() {
591
591
  this.ensureDefaults();
592
592
  const o = [...this.extras].sort();
593
- return [A, ...o].filter(Boolean).join(`
593
+ return [j, ...o].filter(Boolean).join(`
594
594
  `);
595
595
  }
596
596
  registerKeyframes(o, i, e) {
@@ -635,7 +635,7 @@ const k = class k {
635
635
  const f = `${r ? "group:" : ""}${o}:${i}:${e}`;
636
636
  if (this.cache.has(f))
637
637
  return this.cache.get(f);
638
- const n = `fibo-ps-${q(f)}`, s = r ? `.group:${o} .${n} { ${i}: ${e} !important; }` : `.${n}:${o} { ${i}: ${e} !important; }`;
638
+ const n = `fibo-ps-${Q(f)}`, s = r ? `.group:${o} .${n} { ${i}: ${e} !important; }` : `.${n}:${o} { ${i}: ${e} !important; }`;
639
639
  return this.insert(s), this.cache.set(f, n), n;
640
640
  }
641
641
  registerGroupPseudo(o, i, e, r) {
@@ -643,75 +643,75 @@ const k = class k {
643
643
  }
644
644
  };
645
645
  a(k, "instance");
646
- let C = k;
647
- const u = C.getInstance();
646
+ let $ = k;
647
+ const u = $.getInstance();
648
648
  function w() {
649
- C.getInstance().ensureDefaults();
650
- }
651
- function Wi() {
652
- return C.getInstance().getCss();
653
- }
654
- function lo() {
655
- return C.getInstance().getCss();
649
+ $.getInstance().ensureDefaults();
656
650
  }
657
651
  function Hi() {
658
- return `<style id="fibo-dynamic-styles" data-fibo="1">${lo().replace(/<\/style/gi, "<\\/style")}</style>`;
652
+ return $.getInstance().getCss();
653
+ }
654
+ function ho() {
655
+ return $.getInstance().getCss();
659
656
  }
660
657
  function Ui() {
658
+ return `<style id="fibo-dynamic-styles" data-fibo="1">${ho().replace(/<\/style/gi, "<\\/style")}</style>`;
659
+ }
660
+ function Gi() {
661
661
  return w(), g.createElement("style", {
662
662
  id: "fibo-dynamic-styles",
663
663
  "data-fibo": "1",
664
664
  suppressHydrationWarning: !0,
665
- dangerouslySetInnerHTML: { __html: lo() }
665
+ dangerouslySetInnerHTML: { __html: ho() }
666
666
  });
667
667
  }
668
- function Jo() {
668
+ function oi() {
669
669
  return w(), g.createElement("style", {
670
670
  id: "fibo-motion-presets",
671
671
  "data-fibo-motion": "1",
672
- dangerouslySetInnerHTML: { __html: A }
672
+ dangerouslySetInnerHTML: { __html: j }
673
673
  });
674
674
  }
675
- const ho = {
675
+ const xo = {
676
676
  sm: 640,
677
677
  md: 768,
678
678
  lg: 1024,
679
679
  xl: 1280
680
680
  };
681
- function oi(t) {
682
- return t in ho;
683
- }
684
681
  function ii(t) {
685
- if (oi(t))
686
- return `(min-width: ${ho[t]}px)`;
682
+ return t in xo;
683
+ }
684
+ function ti(t) {
685
+ if (ii(t))
686
+ return `(min-width: ${xo[t]}px)`;
687
687
  const o = t.trim();
688
688
  return o.startsWith("@media") ? o.replace(/^@media\s+/, "") : o;
689
689
  }
690
- function xo(t) {
690
+ function po(t) {
691
691
  var o, i, e = "";
692
692
  if (typeof t == "string" || typeof t == "number") e += t;
693
693
  else if (typeof t == "object") if (Array.isArray(t)) {
694
694
  var r = t.length;
695
- for (o = 0; o < r; o++) t[o] && (i = xo(t[o])) && (e && (e += " "), e += i);
695
+ for (o = 0; o < r; o++) t[o] && (i = po(t[o])) && (e && (e += " "), e += i);
696
696
  } else for (i in t) t[i] && (e && (e += " "), e += i);
697
697
  return e;
698
698
  }
699
- function ti() {
700
- for (var t, o, i = 0, e = "", r = arguments.length; i < r; i++) (t = arguments[i]) && (o = xo(t)) && (e && (e += " "), e += o);
699
+ function ei() {
700
+ for (var t, o, i = 0, e = "", r = arguments.length; i < r; i++) (t = arguments[i]) && (o = po(t)) && (e && (e += " "), e += o);
701
701
  return e;
702
702
  }
703
- function ei(t) {
703
+ function fi(t) {
704
704
  const o = t.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
705
705
  if (!o)
706
706
  return t;
707
- const [, i, e, r] = o, f = parseFloat(i), n = parseFloat(e), s = parseFloat(r), c = n * Math.cos(s * Math.PI / 180), h = n * Math.sin(s * Math.PI / 180), b = f + 0.3963377774 * c + 0.2158037573 * h, l = f - 0.1055613458 * c - 0.0638541728 * h, x = f - 0.0894841775 * c - 1.291485548 * h, p = b * b * b, m = l * l * l, d = x * x * x, y = 4.0767416621 * p - 3.3077115913 * m + 0.2309699292 * d, z = -1.2684380046 * p + 2.6097574011 * m - 0.3413193965 * d, wo = -0.0041960863 * p - 0.7034186147 * m + 1.707614701 * d, B = (R) => R >= 31308e-7 ? 1.055 * R ** (1 / 2.4) - 0.055 : 12.92 * R, yo = Math.max(0, Math.min(1, B(y))), ko = Math.max(0, Math.min(1, B(z))), _o = Math.max(0, Math.min(1, B(wo))), L = (R) => {
708
- var H;
709
- const O = (H = Math.round(R * 255).toString(16)) == null ? void 0 : H.toUpperCase();
710
- return O.length === 1 ? `0${O}` : O;
707
+ const [, i, e, r] = o, f = parseFloat(i), n = parseFloat(e), s = parseFloat(r), c = n * Math.cos(s * Math.PI / 180), h = n * Math.sin(s * Math.PI / 180), b = f + 0.3963377774 * c + 0.2158037573 * h, l = f - 0.1055613458 * c - 0.0638541728 * h, x = f - 0.0894841775 * c - 1.291485548 * h, p = b * b * b, m = l * l * l, d = x * x * x, y = 4.0767416621 * p - 3.3077115913 * m + 0.2309699292 * d, z = -1.2684380046 * p + 2.6097574011 * m - 0.3413193965 * d, yo = -0.0041960863 * p - 0.7034186147 * m + 1.707614701 * d, L = (R) => R >= 31308e-7 ? 1.055 * R ** (1 / 2.4) - 0.055 : 12.92 * R, ko = Math.max(0, Math.min(1, L(y))), _o = Math.max(0, Math.min(1, L(z))), zo = Math.max(0, Math.min(1, L(yo))), O = (R) => {
708
+ var U;
709
+ const A = (U = Math.round(R * 255).toString(16)) == null ? void 0 : U.toUpperCase();
710
+ return A.length === 1 ? `0${A}` : A;
711
711
  };
712
- return `#${L(yo)}${L(ko)}${L(_o)}`;
712
+ return `#${O(ko)}${O(_o)}${O(zo)}`;
713
713
  }
714
- function fi(t) {
714
+ function ri(t) {
715
715
  const o = {}, i = {}, e = t.split(`
716
716
  `);
717
717
  for (const r of e) {
@@ -720,7 +720,7 @@ function fi(t) {
720
720
  continue;
721
721
  const n = f.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), s = f.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
722
722
  if (n) {
723
- const [, c, h] = n, b = ei(h);
723
+ const [, c, h] = n, b = fi(h);
724
724
  o[b.toLowerCase()] = `bg-${c}`, i[b.toLowerCase()] = `text-${c}`;
725
725
  } else if (s) {
726
726
  const [, c, h] = s;
@@ -729,13 +729,13 @@ function fi(t) {
729
729
  }
730
730
  return { background: o, text: i };
731
731
  }
732
- const ri = (t) => {
732
+ const ni = (t) => {
733
733
  if (t !== void 0)
734
734
  return typeof t == "number" ? `${t}px` : t.toString();
735
- }, N = (t, o) => {
736
- const i = ri(o);
735
+ }, T = (t, o) => {
736
+ const i = ni(o);
737
737
  return i === void 0 ? "" : `${t}-[${i}]`;
738
- }, ni = `
738
+ }, si = `
739
739
  --color-red-50: oklch(0.971 0.013 17.38);
740
740
  --color-red-100: oklch(0.936 0.032 17.717);
741
741
  --color-red-200: oklch(0.885 0.062 18.334);
@@ -980,7 +980,7 @@ const ri = (t) => {
980
980
  --color-stone-950: oklch(0.147 0.004 49.25);
981
981
  --color-black: #000;
982
982
  --color-white: #fff;
983
- `, si = fi(ni), po = {
983
+ `, ai = ri(si), go = {
984
984
  borderRadius: {
985
985
  0: "rounded-none",
986
986
  "0px": "rounded-none",
@@ -1077,7 +1077,7 @@ const ri = (t) => {
1077
1077
  fixed: "fixed",
1078
1078
  sticky: "sticky"
1079
1079
  }
1080
- }, ai = (t, o) => ({
1080
+ }, ci = (t, o) => ({
1081
1081
  // 背景色
1082
1082
  backgroundColor: (i) => i.backgroundColor ? [t.background[i.backgroundColor.toLowerCase()] || `bg-[${i.backgroundColor}]`] : [],
1083
1083
  // 文字色
@@ -1086,14 +1086,14 @@ const ri = (t) => {
1086
1086
  borderRadius: (i) => {
1087
1087
  if (!i.borderRadius)
1088
1088
  return [];
1089
- const e = po.borderRadius[i.borderRadius] || N("rounded", i.borderRadius);
1089
+ const e = go.borderRadius[i.borderRadius] || T("rounded", i.borderRadius);
1090
1090
  return e ? [e] : [];
1091
1091
  },
1092
1092
  // 外边距
1093
1093
  margin: (i) => {
1094
1094
  const e = [];
1095
1095
  if (i.margin !== void 0) {
1096
- const f = N("m", i.margin);
1096
+ const f = T("m", i.margin);
1097
1097
  return f ? [f] : [];
1098
1098
  }
1099
1099
  return [
@@ -1105,7 +1105,7 @@ const ri = (t) => {
1105
1105
  { prop: i.marginY, dir: "my" }
1106
1106
  ].forEach(({ prop: f, dir: n }) => {
1107
1107
  if (f !== void 0) {
1108
- const s = N(n, f);
1108
+ const s = T(n, f);
1109
1109
  s && e.push(s);
1110
1110
  }
1111
1111
  }), e;
@@ -1114,7 +1114,7 @@ const ri = (t) => {
1114
1114
  padding: (i) => {
1115
1115
  const e = [];
1116
1116
  if (i.padding !== void 0) {
1117
- const f = N("p", i.padding);
1117
+ const f = T("p", i.padding);
1118
1118
  return f ? [f] : [];
1119
1119
  }
1120
1120
  return [
@@ -1126,7 +1126,7 @@ const ri = (t) => {
1126
1126
  { prop: i.paddingY, dir: "py" }
1127
1127
  ].forEach(({ prop: f, dir: n }) => {
1128
1128
  if (f !== void 0) {
1129
- const s = N(n, f);
1129
+ const s = T(n, f);
1130
1130
  s && e.push(s);
1131
1131
  }
1132
1132
  }), e;
@@ -1211,7 +1211,7 @@ const ri = (t) => {
1211
1211
  f && e.push(f);
1212
1212
  }
1213
1213
  if (i.gap) {
1214
- const r = N("gap", i.gap);
1214
+ const r = T("gap", i.gap);
1215
1215
  r && e.push(r);
1216
1216
  }
1217
1217
  return e;
@@ -1233,7 +1233,7 @@ const ri = (t) => {
1233
1233
  },
1234
1234
  // 自定义类名
1235
1235
  className: (i) => i.className ? [i.className] : []
1236
- }), ci = {
1236
+ }), bi = {
1237
1237
  backgroundColor: "backgroundColor",
1238
1238
  color: "color",
1239
1239
  borderRadius: "borderRadius",
@@ -1267,10 +1267,10 @@ const ri = (t) => {
1267
1267
  position: "position",
1268
1268
  opacity: "opacity",
1269
1269
  className: "className"
1270
- }, bi = (t, o) => {
1271
- const i = (o == null ? void 0 : o.colorMaps) || si, e = (o == null ? void 0 : o.styleMaps) || po, r = ai(i, e), f = [], n = /* @__PURE__ */ new Set();
1270
+ }, ui = (t, o) => {
1271
+ const i = (o == null ? void 0 : o.colorMaps) || ai, e = (o == null ? void 0 : o.styleMaps) || go, r = ci(i, e), f = [], n = /* @__PURE__ */ new Set();
1272
1272
  return Object.keys(t).forEach((s) => {
1273
- const c = ci[s];
1273
+ const c = bi[s];
1274
1274
  if (c && !n.has(c)) {
1275
1275
  const h = r[c];
1276
1276
  if (h) {
@@ -1280,17 +1280,17 @@ const ri = (t) => {
1280
1280
  }
1281
1281
  }), f.filter(Boolean).join(" ");
1282
1282
  };
1283
- function ui(t) {
1283
+ function li(t) {
1284
1284
  const o = {};
1285
1285
  return t.forEach((i, e) => {
1286
1286
  o[e] = i.value;
1287
1287
  }), o;
1288
1288
  }
1289
- function li({ animatedProps: t, animationConfig: o, children: i }) {
1290
- const [e, r] = eo(
1291
- () => ui(t)
1289
+ function hi({ animatedProps: t, animationConfig: o, children: i }) {
1290
+ const [e, r] = fo(
1291
+ () => li(t)
1292
1292
  );
1293
- M(() => {
1293
+ Y(() => {
1294
1294
  const c = [];
1295
1295
  return t.forEach((h, b) => {
1296
1296
  const l = (x) => {
@@ -1317,7 +1317,7 @@ function li({ animatedProps: t, animationConfig: o, children: i }) {
1317
1317
  };
1318
1318
  return $o(i, { style: s });
1319
1319
  }
1320
- const go = [
1320
+ const mo = [
1321
1321
  // —— 2D Transitions ——
1322
1322
  "grow",
1323
1323
  "shrink",
@@ -1437,7 +1437,7 @@ const go = [
1437
1437
  "curlTopRight",
1438
1438
  "curlBottomRight",
1439
1439
  "curlBottomLeft"
1440
- ], Q = {
1440
+ ], J = {
1441
1441
  "pulse-grow": "pulseGrow",
1442
1442
  "pulse-shrink": "pulseShrink",
1443
1443
  "bounce-in": "bounceIn",
@@ -1534,29 +1534,29 @@ const go = [
1534
1534
  "hvr-float": "float",
1535
1535
  "hvr-sweep-to-right": "sweepToRight"
1536
1536
  };
1537
- function hi(t) {
1537
+ function xi(t) {
1538
1538
  return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
1539
1539
  }
1540
- function J(t) {
1541
- return go.includes(t);
1540
+ function oo(t) {
1541
+ return mo.includes(t);
1542
1542
  }
1543
- function xi(t) {
1544
- const o = t.trim(), i = Q[o] ?? Q[o.toLowerCase()];
1543
+ function pi(t) {
1544
+ const o = t.trim(), i = J[o] ?? J[o.toLowerCase()];
1545
1545
  if (i) return i;
1546
- if (J(o)) return o;
1546
+ if (oo(o)) return o;
1547
1547
  const e = o.replace(/-([a-z])/g, (r, f) => f.toUpperCase());
1548
- if (J(e)) return e;
1548
+ if (oo(e)) return e;
1549
1549
  throw new Error(
1550
- `Unknown interaction effect "${t}". Use one of ${go.length} presets — see INTERACTION_EFFECTS.`
1550
+ `Unknown interaction effect "${t}". Use one of ${mo.length} presets — see INTERACTION_EFFECTS.`
1551
1551
  );
1552
1552
  }
1553
- function pi(t, o = !1) {
1553
+ function gi(t, o = !1) {
1554
1554
  return o ? `fibo-fx-on-group-${t}` : `fibo-fx-on-${t}`;
1555
1555
  }
1556
- function gi(t) {
1557
- return `fibo-fx-${hi(t)}`;
1556
+ function di(t) {
1557
+ return `fibo-fx-${xi(t)}`;
1558
1558
  }
1559
- const di = `
1559
+ const mi = `
1560
1560
  @keyframes fibo-fx-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } }
1561
1561
  @keyframes fibo-fx-pulse-grow { to { transform: scale(1.1); } }
1562
1562
  @keyframes fibo-fx-pulse-shrink { to { transform: scale(0.9); } }
@@ -2847,44 +2847,50 @@ const di = `
2847
2847
  }
2848
2848
  }
2849
2849
  `.trim();
2850
- let oo = !1;
2851
- function mi() {
2852
- if (oo) return;
2853
- oo = !0;
2854
- const t = C.getInstance();
2855
- t.ensureDefaults(), t.injectExtra(di, "fibo-interaction-fx");
2850
+ let io = !1;
2851
+ function vi() {
2852
+ if (io) return;
2853
+ io = !0;
2854
+ const t = $.getInstance();
2855
+ t.ensureDefaults(), t.injectExtra(mi, "fibo-interaction-fx");
2856
+ }
2857
+ function F(t, o, i, e = 0) {
2858
+ const r = (Array.isArray(t) ? t : [t]).map((s) => s.trim()).filter(Boolean);
2859
+ r.length === 0 && r.push("all");
2860
+ const f = `${o}ms`, n = e > 0 ? ` ${e}ms` : "";
2861
+ return r.map((s) => `${s} ${f} ${i}${n}`).join(", ");
2856
2862
  }
2857
2863
  function P(t) {
2858
2864
  const o = { ...t };
2859
2865
  let i = !1;
2860
2866
  const e = o.background;
2861
- typeof e == "string" && e.trim() && o.backgroundColor == null && wi(e) && (o.backgroundColor = e, delete o.background, i = !0);
2867
+ typeof e == "string" && e.trim() && o.backgroundColor == null && yi(e) && (o.backgroundColor = e, delete o.background, i = !0);
2862
2868
  const r = o.border;
2863
2869
  if (typeof r == "string" && r.trim()) {
2864
- const f = yi(r);
2870
+ const f = ki(r);
2865
2871
  f && (o.borderWidth == null && f.width != null && (o.borderWidth = f.width), o.borderStyle == null && f.style != null && (o.borderStyle = f.style), o.borderColor == null && f.color != null && (o.borderColor = f.color), delete o.border, i = !0);
2866
2872
  }
2867
2873
  return i ? o : t;
2868
2874
  }
2869
- const vi = "translate3d(0, 0, 0)";
2870
- function io(t) {
2871
- return t.transform != null && String(t.transform).trim() !== "" ? t : { ...t, transform: vi };
2875
+ const wi = "translate3d(0, 0, 0)";
2876
+ function to(t) {
2877
+ return t.transform != null && String(t.transform).trim() !== "" ? t : { ...t, transform: wi };
2872
2878
  }
2873
- function to(t, o) {
2879
+ function eo(t, o) {
2874
2880
  const i = typeof o == "number" ? `${o}px` : o;
2875
2881
  return t === "x" ? `translate3d(${i}, 0, 0)` : `translate3d(0, ${i}, 0)`;
2876
2882
  }
2877
- function wi(t) {
2883
+ function yi(t) {
2878
2884
  const o = t.trim().toLowerCase();
2879
2885
  return !(!o || o.includes("gradient(") || o.includes("url(") || o.includes("image(") || o.includes("element(") || o.startsWith("repeat") || o.includes(" / "));
2880
2886
  }
2881
- function yi(t) {
2887
+ function ki(t) {
2882
2888
  const o = t.trim();
2883
2889
  if (!o) return null;
2884
2890
  const i = o.match(/^(\S+)\s+(\S+)\s+(.+)$/);
2885
2891
  return i ? { width: i[1], style: i[2], color: i[3] } : null;
2886
2892
  }
2887
- const ki = {
2893
+ const _i = {
2888
2894
  "background-color": ["background-color"],
2889
2895
  "border-color": ["border-color"],
2890
2896
  color: ["color"],
@@ -2911,9 +2917,9 @@ class v {
2911
2917
  * Stamps CSS classes; sheet is fiboui-owned (not a Hover.css vendor).
2912
2918
  */
2913
2919
  effect(o) {
2914
- const i = xi(o);
2915
- return mi(), this.parentBuilder.addClassName("fibo-fx"), this.parentBuilder.addClassName(gi(i)), this.parentBuilder.addClassName(
2916
- pi(this.pseudoState, this.isGroup)
2920
+ const i = pi(o);
2921
+ return vi(), this.parentBuilder.addClassName("fibo-fx"), this.parentBuilder.addClassName(di(i)), this.parentBuilder.addClassName(
2922
+ gi(this.pseudoState, this.isGroup)
2917
2923
  ), this.parentBuilder.prepareSmoothInteraction([
2918
2924
  "transform",
2919
2925
  "opacity",
@@ -2946,10 +2952,10 @@ class v {
2946
2952
  return this.transforms.set("scale", `scale(${o})`), this.flushTransform();
2947
2953
  }
2948
2954
  translateX(o) {
2949
- return this.transforms.set("translateX", to("x", o)), this.flushTransform();
2955
+ return this.transforms.set("translateX", eo("x", o)), this.flushTransform();
2950
2956
  }
2951
2957
  translateY(o) {
2952
- return this.transforms.set("translateY", to("y", o)), this.flushTransform();
2958
+ return this.transforms.set("translateY", eo("y", o)), this.flushTransform();
2953
2959
  }
2954
2960
  rotate(o) {
2955
2961
  return this.transforms.set("rotate", `rotate(${o}deg)`), this.flushTransform();
@@ -2963,8 +2969,11 @@ class v {
2963
2969
  transition(o, i, e, r) {
2964
2970
  if (typeof o == "string" && i === void 0)
2965
2971
  return this.set("transition", o);
2966
- const f = Array.isArray(o) ? o.join(", ") : o, n = `${i || this.transitionDuration}ms`, s = S(e || this.transitionEasing), c = r ? `${r}ms` : "0ms";
2967
- return this.set("transition", `${f} ${n} ${s} ${c}`);
2972
+ const f = Array.isArray(o) ? o : [o], n = S(e || this.transitionEasing);
2973
+ return this.set(
2974
+ "transition",
2975
+ F(f, i || this.transitionDuration, n, r || 0)
2976
+ );
2968
2977
  }
2969
2978
  duration(o) {
2970
2979
  return this.transitionDuration = o, this.applyTransition(), this;
@@ -2982,14 +2991,21 @@ class v {
2982
2991
  return this.transitionProperties = o, this.applyTransition(), this;
2983
2992
  }
2984
2993
  applyTransition() {
2985
- const o = this.transitionProperties.join(", "), i = `${this.transitionDuration}ms`, e = this.transitionEasing, r = this.transitionDelay > 0 ? `${this.transitionDelay}ms` : "0ms";
2986
- this.set("transition", `${o} ${i} ${e} ${r}`);
2994
+ this.set(
2995
+ "transition",
2996
+ F(
2997
+ this.transitionProperties,
2998
+ this.transitionDuration,
2999
+ this.transitionEasing,
3000
+ this.transitionDelay
3001
+ )
3002
+ );
2987
3003
  }
2988
3004
  flushTransform() {
2989
3005
  return this.set("transform", [...this.transforms.values()].join(" "));
2990
3006
  }
2991
3007
  set(o, i) {
2992
- const e = ki[o];
3008
+ const e = _i[o];
2993
3009
  e && this.parentBuilder.prepareSmoothInteraction(e);
2994
3010
  const r = u.registerPseudo(this.pseudoState, o, i, this.isGroup);
2995
3011
  return this.parentBuilder.addClassName(r), this;
@@ -2998,7 +3014,7 @@ class v {
2998
3014
  return this.parentBuilder;
2999
3015
  }
3000
3016
  }
3001
- function Gi(t, o) {
3017
+ function Ki(t, o) {
3002
3018
  if (typeof document > "u") return;
3003
3019
  const i = typeof t == "string" ? t : null, e = (i == null ? void 0 : i.replace(/^#/, "")) ?? null;
3004
3020
  o != null && o.hash && e && typeof window < "u" && (window.location.hash = e);
@@ -3008,7 +3024,7 @@ function Gi(t, o) {
3008
3024
  block: (o == null ? void 0 : o.block) ?? "start"
3009
3025
  });
3010
3026
  }
3011
- function Ki(t) {
3027
+ function Zi(t) {
3012
3028
  const o = typeof document < "u" ? document : void 0, i = o == null ? void 0 : o.startViewTransition;
3013
3029
  if (typeof i == "function") {
3014
3030
  i.call(o, t);
@@ -3016,13 +3032,13 @@ function Ki(t) {
3016
3032
  }
3017
3033
  t();
3018
3034
  }
3019
- function _i() {
3035
+ function zi() {
3020
3036
  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "view()");
3021
3037
  }
3022
- function zi() {
3038
+ function Si() {
3023
3039
  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "scroll()");
3024
3040
  }
3025
- function Si({
3041
+ function Ci({
3026
3042
  preset: t = "fadeUp",
3027
3043
  once: o = !0,
3028
3044
  rootMargin: i = "0px 0px -8% 0px",
@@ -3032,11 +3048,11 @@ function Si({
3032
3048
  children: n
3033
3049
  }) {
3034
3050
  const s = _(null);
3035
- M(() => {
3051
+ Y(() => {
3036
3052
  w();
3037
3053
  const h = s.current;
3038
3054
  if (!h) return;
3039
- if (f && _i()) {
3055
+ if (f && zi()) {
3040
3056
  h.classList.add("fibo-inview");
3041
3057
  return;
3042
3058
  }
@@ -3064,8 +3080,8 @@ function Si({
3064
3080
  }
3065
3081
  function $i({ children: t }) {
3066
3082
  const o = _(null);
3067
- return M(() => {
3068
- if (w(), zi()) return;
3083
+ return Y(() => {
3084
+ if (w(), Si()) return;
3069
3085
  const i = () => {
3070
3086
  var f, n;
3071
3087
  return ((f = o.current) == null ? void 0 : f.querySelector(".fibo-scroll-progress")) ?? ((n = o.current) == null ? void 0 : n.firstElementChild);
@@ -3084,8 +3100,8 @@ function $i({ children: t }) {
3084
3100
  t
3085
3101
  );
3086
3102
  }
3087
- const mo = 64, Ci = `${mo}px`;
3088
- class Zi {
3103
+ const vo = 64, Ti = `${vo}px`;
3104
+ class qi {
3089
3105
  constructor() {
3090
3106
  /** @internal Extra DOM props forwarded to the host element. */
3091
3107
  a(this, "_props", {});
@@ -3424,7 +3440,7 @@ class Zi {
3424
3440
  * @example Box().padding(8).media('md', { padding: 16 }).media('(prefers-color-scheme: dark)', { backgroundColor: '#111' })
3425
3441
  */
3426
3442
  media(o, i) {
3427
- return this.registerMediaStyles(ii(o), i), this;
3443
+ return this.registerMediaStyles(ti(o), i), this;
3428
3444
  }
3429
3445
  registerMediaStyles(o, i) {
3430
3446
  if (!i) return;
@@ -3675,8 +3691,13 @@ class Zi {
3675
3691
  transition(o, i, e, r) {
3676
3692
  if (this._autoEffectTransition = !1, this._effectTransitionProps = [], typeof o == "string" && i === void 0)
3677
3693
  return this.replaceTransitionClass(u.register("transition", o)), this;
3678
- const f = Array.isArray(o) ? o.join(", ") : o, n = `${i || this._transitionDuration}ms`, s = S(e || this._transitionEasing), c = r ? `${r}ms` : "0ms";
3679
- return this.replaceTransitionClass(u.register("transition", `${f} ${n} ${s} ${c}`)), this;
3694
+ const f = Array.isArray(o) ? o : [o], n = S(e || this._transitionEasing);
3695
+ return this.replaceTransitionClass(
3696
+ u.register(
3697
+ "transition",
3698
+ F(f, i || this._transitionDuration, n, r || 0)
3699
+ )
3700
+ ), this;
3680
3701
  }
3681
3702
  /**
3682
3703
  * Set transition duration in milliseconds
@@ -3714,16 +3735,24 @@ class Zi {
3714
3735
  * Apply the built transition to the element
3715
3736
  */
3716
3737
  _applyTransition() {
3717
- this._autoEffectTransition = !1, this._effectTransitionProps = [];
3718
- const o = this._transitionProperties.join(", "), i = `${this._transitionDuration}ms`, e = this._transitionEasing, r = this._transitionDelay > 0 ? `${this._transitionDelay}ms` : "0ms";
3719
- this.replaceTransitionClass(u.register("transition", `${o} ${i} ${e} ${r}`));
3738
+ this._autoEffectTransition = !1, this._effectTransitionProps = [], this.replaceTransitionClass(
3739
+ u.register(
3740
+ "transition",
3741
+ F(
3742
+ this._transitionProperties,
3743
+ this._transitionDuration,
3744
+ this._transitionEasing,
3745
+ this._transitionDelay
3746
+ )
3747
+ )
3748
+ );
3720
3749
  }
3721
3750
  replaceTransitionClass(o) {
3722
3751
  this._transitionClass && (this._classNames = this._classNames.filter((i) => i !== this._transitionClass)), this._transitionClass = o, this._classNames.push(o);
3723
3752
  }
3724
3753
  animate(o, i) {
3725
3754
  w(), this._usesCssMotion = !0, this._motionClass && (this._classNames = this._classNames.filter((b) => b !== this._motionClass));
3726
- const e = Zo(o), r = (e ? o.duration : i == null ? void 0 : i.duration) ?? this._transitionDuration, f = (e ? o.delay : i == null ? void 0 : i.delay) ?? this._transitionDelay;
3755
+ const e = qo(o), r = (e ? o.duration : i == null ? void 0 : i.duration) ?? this._transitionDuration, f = (e ? o.delay : i == null ? void 0 : i.delay) ?? this._transitionDelay;
3727
3756
  let n = e ? o.ease : i == null ? void 0 : i.ease;
3728
3757
  const s = {
3729
3758
  stiffness: (e ? o.stiffness : i == null ? void 0 : i.stiffness) ?? void 0,
@@ -3731,10 +3760,10 @@ class Zi {
3731
3760
  mass: (e ? o.mass : i == null ? void 0 : i.mass) ?? void 0
3732
3761
  };
3733
3762
  if (e) {
3734
- const b = Z(o.from), l = Z(o.to), x = u.registerKeyframes(qo(`${b}=>${l}`), b, l);
3763
+ const b = q(o.from), l = q(o.to), x = u.registerKeyframes(Qo(`${b}=>${l}`), b, l);
3735
3764
  this._motionClass = `fibo-anim ${x}`, this._props["data-fibo-anim"] = "custom";
3736
3765
  } else {
3737
- const b = Qo(o);
3766
+ const b = Jo(o);
3738
3767
  this._motionClass = `fibo-anim fibo-anim-${b}`, this._props["data-fibo-anim"] = b, (i == null ? void 0 : i.from) !== void 0 && (this._style["--fibo-from"] = typeof i.from == "number" ? `${i.from}px` : i.from), !n && b === "pop" && (n = "spring");
3739
3768
  }
3740
3769
  const c = S(n ?? "ease", s);
@@ -3744,7 +3773,7 @@ class Zi {
3744
3773
  }
3745
3774
  /** CSS `linear()` spring. Works on `.animate()` and `.transition()` / `.hover()`. */
3746
3775
  spring(o) {
3747
- const i = uo(o);
3776
+ const i = lo(o);
3748
3777
  return this._transitionEasing = i, this._motionClass ? (this._style["--fibo-ease"] = i, this) : (this._applyTransition(), this);
3749
3778
  }
3750
3779
  reducedMotion(o = "reduce") {
@@ -3832,7 +3861,7 @@ class Zi {
3832
3861
  this._classNames.push(u.register("position", "sticky"));
3833
3862
  const i = o === !0 ? "0px" : typeof o == "number" ? `${o}px` : o;
3834
3863
  this._classNames.push(u.register("top", i));
3835
- const e = o === !0 || o === 0 ? Ci : typeof o == "number" ? `${Math.max(o, mo)}px` : o;
3864
+ const e = o === !0 || o === 0 ? Ti : typeof o == "number" ? `${Math.max(o, vo)}px` : o;
3836
3865
  return this.publishStickyOffset(e), this;
3837
3866
  }
3838
3867
  /**
@@ -3875,7 +3904,7 @@ class Zi {
3875
3904
  }
3876
3905
  /** @internal Stamp translate3d(0,0,0) when no resting transform exists. */
3877
3906
  ensureRestTransform() {
3878
- const o = io(this._style);
3907
+ const o = to(this._style);
3879
3908
  o !== this._style && (this._style = o);
3880
3909
  }
3881
3910
  /**
@@ -3893,7 +3922,7 @@ class Zi {
3893
3922
  this.replaceTransitionClass(
3894
3923
  u.register(
3895
3924
  "transition",
3896
- `${this._effectTransitionProps.join(", ")} ${r}ms ${e}`
3925
+ F(this._effectTransitionProps, r, e)
3897
3926
  )
3898
3927
  );
3899
3928
  }
@@ -3903,7 +3932,7 @@ class Zi {
3903
3932
  * SSR-safe: class + inline vars on first paint (no useEffect).
3904
3933
  */
3905
3934
  theme(o) {
3906
- const i = Co(o);
3935
+ const i = To(o);
3907
3936
  return this._theme = i, this.addClassName(No(i)), this;
3908
3937
  }
3909
3938
  /** Prefer dark/light system chrome for native controls under this subtree. */
@@ -3963,16 +3992,16 @@ class Zi {
3963
3992
  return this._classNames.push("group"), this;
3964
3993
  }
3965
3994
  children(o) {
3966
- return typeof o == "function" ? (this._childFunction = o, this._children = []) : (this._children = U(o), this._childFunction = void 0), this;
3995
+ return typeof o == "function" ? (this._childFunction = o, this._children = []) : (this._children = G(o), this._childFunction = void 0), this;
3967
3996
  }
3968
3997
  getClassName() {
3969
3998
  let o;
3970
- return Object.keys(this._cssStyles).length > 0 && (o = bi(this._cssStyles) || void 0), ti(this._classNames, o);
3999
+ return Object.keys(this._cssStyles).length > 0 && (o = ui(this._cssStyles) || void 0), ei(this._classNames, o);
3971
4000
  }
3972
4001
  getStyle() {
3973
4002
  let o = { ...this._style, ...this._cssStyles };
3974
- if (this._smoothSurface && (o = P(o), this._smoothNeedsRestTransform && (o = io(o))), this._theme && (o = {
3975
- ...To(this._theme),
4003
+ if (this._smoothSurface && (o = P(o), this._smoothNeedsRestTransform && (o = to(o))), this._theme && (o = {
4004
+ ...Eo(this._theme),
3976
4005
  ...o,
3977
4006
  backgroundColor: o.backgroundColor ?? this._theme.colors.background,
3978
4007
  color: o.color ?? this._theme.colors.onBackground,
@@ -3988,12 +4017,12 @@ class Zi {
3988
4017
  return o;
3989
4018
  }
3990
4019
  processChildren() {
3991
- const o = this._childFunction ? U(this._childFunction) : this._children;
4020
+ const o = this._childFunction ? G(this._childFunction) : this._children;
3992
4021
  return this._staggerMs == null ? o : o.map(
3993
4022
  (i, e) => g.createElement(
3994
4023
  "span",
3995
4024
  {
3996
- key: g.isValidElement(i) && W(i.key) ? i.key : `fibo-stagger-${e}`,
4025
+ key: g.isValidElement(i) && H(i.key) ? i.key : `fibo-stagger-${e}`,
3997
4026
  className: "fibo-stagger-item",
3998
4027
  style: { "--fibo-i": String(e) }
3999
4028
  },
@@ -4018,25 +4047,25 @@ const Ni = /* @__PURE__ */ new Set([
4018
4047
  "_debugTask",
4019
4048
  "_debugInfo"
4020
4049
  ]);
4021
- function Ti(t) {
4050
+ function Ei(t) {
4022
4051
  var i;
4023
4052
  const o = (i = t._props) == null ? void 0 : i.key;
4024
4053
  if (!(o == null || o === ""))
4025
4054
  return o;
4026
4055
  }
4027
- function Ei(t) {
4028
- const o = t._isObserver, i = t._signals, e = t._observers, r = t._state, f = t._providers, n = Ti(t), s = () => {
4056
+ function Ri(t) {
4057
+ const o = t._isObserver, i = t._signals, e = t._observers, r = t._state, f = t._providers, n = Ei(t), s = () => {
4029
4058
  var z;
4030
4059
  let x = t.build();
4031
4060
  const p = t._animatedProps, m = t._animationConfig;
4032
- p && p.size > 0 && (x = g.createElement(li, {
4061
+ p && p.size > 0 && (x = g.createElement(hi, {
4033
4062
  key: n,
4034
4063
  animatedProps: p,
4035
4064
  animationConfig: m,
4036
4065
  children: x
4037
4066
  }));
4038
4067
  const d = t._reveal;
4039
- d && (x = g.createElement(Si, {
4068
+ d && (x = g.createElement(Ci, {
4040
4069
  key: n,
4041
4070
  preset: d.preset,
4042
4071
  once: d.once,
@@ -4048,21 +4077,21 @@ function Ei(t) {
4048
4077
  })), t._scrollProgress && (x = g.createElement($i, { key: n, children: x })), t._usesCssMotion && (x = g.createElement(
4049
4078
  g.Fragment,
4050
4079
  { key: n },
4051
- g.createElement(Jo),
4080
+ g.createElement(oi),
4052
4081
  x
4053
4082
  ));
4054
4083
  const y = t._gesture;
4055
4084
  return y && (x = y.wrap(x)), x;
4056
- }, c = typeof t.hasStateManagement == "function" ? t.hasStateManagement() : !!(o || i && i.size || e && e.size || r && r.size || f && f.size), h = o ? g.createElement(Lo, {
4085
+ }, c = typeof t.hasStateManagement == "function" ? t.hasStateManagement() : !!(o || i && i.size || e && e.size || r && r.size || f && f.size), h = o ? g.createElement(Oo, {
4057
4086
  key: n,
4058
4087
  children: s
4059
4088
  }) : null, b = () => h ?? s();
4060
4089
  let l = b();
4061
- return c && i && i.size > 0 ? l = g.createElement(jo, {
4090
+ return c && i && i.size > 0 ? l = g.createElement(Do, {
4062
4091
  key: n,
4063
4092
  signals: i,
4064
4093
  children: b
4065
- }) : c && e && e.size > 0 && (l = g.createElement(Ao, {
4094
+ }) : c && e && e.size > 0 && (l = g.createElement(jo, {
4066
4095
  key: n,
4067
4096
  observables: e,
4068
4097
  children: b
@@ -4070,13 +4099,13 @@ function Ei(t) {
4070
4099
  key: n,
4071
4100
  stateMap: r,
4072
4101
  children: l
4073
- })), c && f && f.size > 0 && (l = g.createElement(Do, {
4102
+ })), c && f && f.size > 0 && (l = g.createElement(Vo, {
4074
4103
  key: n,
4075
4104
  providers: f,
4076
4105
  children: l
4077
4106
  })), l;
4078
4107
  }
4079
- function vo(t, o, i) {
4108
+ function wo(t, o, i) {
4080
4109
  const e = function() {
4081
4110
  return o();
4082
4111
  };
@@ -4093,10 +4122,10 @@ function vo(t, o, i) {
4093
4122
  writable: !0
4094
4123
  }), t.ref = r.ref ?? null, t.__fiboElementProps = r.props ?? {}, r._owner !== void 0 && (t._owner = r._owner), t._store = { validated: 1 };
4095
4124
  }
4096
- function qi(t) {
4125
+ function Qi(t) {
4097
4126
  return (...o) => {
4098
- const i = new t(...o), e = t.name.replace(/Builder$/, "") || "Fibo", r = () => Ei(i);
4099
- return vo(i, r, e), new Proxy(i, {
4127
+ const i = new t(...o), e = t.name.replace(/Builder$/, "") || "Fibo", r = () => Ri(i);
4128
+ return wo(i, r, e), new Proxy(i, {
4100
4129
  get(f, n, s) {
4101
4130
  var c, h;
4102
4131
  if (n === "build")
@@ -4126,7 +4155,7 @@ function qi(t) {
4126
4155
  });
4127
4156
  };
4128
4157
  }
4129
- const Ri = ({
4158
+ const Ii = ({
4130
4159
  signal: t,
4131
4160
  builder: o,
4132
4161
  loading: i,
@@ -4138,13 +4167,13 @@ const Ri = ({
4138
4167
  () => t.value
4139
4168
  ), f = r == null ? void 0 : r.error;
4140
4169
  return f && e ? e(f) : ((r == null ? void 0 : r.isLoading) || (r == null ? void 0 : r.loading)) === !0 && i ? i() : o ? o(r) : null;
4141
- }, Ii = g.memo(Ri);
4142
- class Fi {
4170
+ }, Fi = g.memo(Ii);
4171
+ class Xi {
4143
4172
  constructor(o) {
4144
4173
  a(this, "_loading");
4145
4174
  a(this, "_error");
4146
4175
  a(this, "_builder");
4147
- this._signal = o, vo(this, () => this.build(), "ValueBuilder");
4176
+ this._signal = o, wo(this, () => this.build(), "ValueBuilder");
4148
4177
  }
4149
4178
  loading(o) {
4150
4179
  return this._loading = typeof o == "function" ? o : () => o, this;
@@ -4159,7 +4188,7 @@ class Fi {
4159
4188
  return this._builder = o, this;
4160
4189
  }
4161
4190
  build() {
4162
- return g.createElement(Ii, {
4191
+ return g.createElement(Fi, {
4163
4192
  signal: this._signal,
4164
4193
  builder: this._builder,
4165
4194
  loading: this._loading,
@@ -4167,59 +4196,59 @@ class Fi {
4167
4196
  });
4168
4197
  }
4169
4198
  }
4170
- function Qi(t) {
4171
- return new Fi(t);
4199
+ function Ji(t) {
4200
+ return new Xi(t);
4172
4201
  }
4173
4202
  export {
4174
- Hi as A,
4175
- qi as B,
4176
- Fo as C,
4177
- Zi as D,
4178
- Bo as E,
4179
- di as F,
4180
- Ro as G,
4203
+ Ui as A,
4204
+ Qi as B,
4205
+ Xo as C,
4206
+ qi as D,
4207
+ Lo as E,
4208
+ mi as F,
4209
+ Io as G,
4181
4210
  w as H,
4182
- go as I,
4183
- Qo as J,
4211
+ mo as I,
4212
+ Jo as J,
4184
4213
  Po as K,
4185
- Vo as L,
4186
- K as M,
4187
- Wo as N,
4188
- Xo as O,
4189
- Do as P,
4190
- Ho as Q,
4191
- ji as R,
4214
+ Wo as L,
4215
+ Z as M,
4216
+ Ho as N,
4217
+ Mo as O,
4218
+ Vo as P,
4219
+ Uo as Q,
4220
+ Di as R,
4192
4221
  I as S,
4193
- U as T,
4194
- q as U,
4195
- Qi as V,
4196
- A as W,
4197
- ho as X,
4198
- ii as Y,
4199
- Ai as a,
4200
- no as b,
4201
- Oi as c,
4202
- Lo as d,
4203
- Vi as e,
4204
- Si as f,
4205
- so as g,
4222
+ G as T,
4223
+ Q as U,
4224
+ Ji as V,
4225
+ j as W,
4226
+ xo as X,
4227
+ ti as Y,
4228
+ ji as a,
4229
+ so as b,
4230
+ Ai as c,
4231
+ Oo as d,
4232
+ Wi as e,
4233
+ Ci as f,
4234
+ ao as g,
4206
4235
  $i as h,
4207
- Gi as i,
4208
- Ki as j,
4209
- _i as k,
4210
- zi as l,
4211
- uo as m,
4236
+ Ki as i,
4237
+ Zi as j,
4238
+ zi as k,
4239
+ Si as l,
4240
+ lo as m,
4212
4241
  S as n,
4213
4242
  Pi as o,
4214
- xi as p,
4215
- gi as q,
4216
- Eo as r,
4217
- Li as s,
4218
- hi as t,
4219
- Di as u,
4220
- mi as v,
4221
- Jo as w,
4222
- Ui as x,
4223
- Wi as y,
4224
- lo as z
4243
+ pi as p,
4244
+ di as q,
4245
+ Ro as r,
4246
+ Oi as s,
4247
+ xi as t,
4248
+ Vi as u,
4249
+ vi as v,
4250
+ oi as w,
4251
+ Gi as x,
4252
+ Hi as y,
4253
+ ho as z
4225
4254
  };