fiboui 2.7.1 → 2.8.1

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.
package/dist/content.js CHANGED
@@ -1,6 +1,6 @@
1
- import { A as s, B as r, I as o } from "./icons-B9HMYLtE.js";
2
- import { a9 as n, a8 as I } from "./client-Bydlscpe.js";
3
- import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-CXQSA8WJ.js";
1
+ import { A as s, B as r, I as o } from "./icons-BKXx-EqO.js";
2
+ import { a9 as n, a8 as I } from "./client-BxtRoL1i.js";
3
+ import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-DD-zM-WX.js";
4
4
  export {
5
5
  m as Alert,
6
6
  s as Avatar,
package/dist/core.js CHANGED
@@ -1,5 +1,5 @@
1
- import { C as e, E as t, N as r, a0 as i, Z as o, _ as n, U as l, F as u, I as c, M as S, T as p, O as g, h as b, w as T, P as v, R as E, x as d, y as C, S as R, a2 as F, l as I, k as f, c as m, b as y, a as O, Y as P, Q as x, W as M, g as N, V as _, X as w, K as A, L as B, i as L, $ as V, J as h, o as q, H as z, r as G, z as K, s as W, G as X, A as j, D as k, B as D, a1 as H, f as J, q as Q, e as U, t as Y, j as Z, d as $, v as ss, u as as, n as es, p as ts, m as rs } from "./client-Bydlscpe.js";
2
- import { L as os, c as ns, b as ls, a as us, e as cs, l as Ss, p as ps, w as gs } from "./page-BJoj7vSk.js";
1
+ import { C as e, E as t, N as r, a0 as i, Z as o, _ as n, U as l, F as u, I as c, M as S, T as p, O as g, h as b, w as T, P as v, R as E, x as d, y as C, S as R, a2 as F, l as I, k as f, c as m, b as y, a as O, Y as P, Q as x, W as M, g as N, V as _, X as w, K as A, L as B, i as L, $ as V, J as h, o as q, H as z, r as G, z as K, s as W, G as X, A as j, D as k, B as D, a1 as H, f as J, q as Q, e as U, t as Y, j as Z, d as $, v as ss, u as as, n as es, p as ts, m as rs } from "./client-BxtRoL1i.js";
2
+ import { L as os, c as ns, b as ls, a as us, e as cs, l as Ss, p as ps, w as gs } from "./page-BiOQBd4k.js";
3
3
  export {
4
4
  e as ComputedSignal,
5
5
  t as Easing,
@@ -2,7 +2,7 @@ var L = Object.defineProperty;
2
2
  var R = (t, r, e) => r in t ? L(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
3
3
  var i = (t, r, e) => R(t, typeof r != "symbol" ? r + "" : r, e);
4
4
  import h from "react";
5
- import { aT as C, aU as E, au as y, a$ as I, a3 as j, a8 as H, aW as W, aZ as M, aX as D } from "./client-Bydlscpe.js";
5
+ import { aT as C, aU as E, au as y, b1 as I, a3 as j, a8 as H, aW as W, aZ as M, aX as D } from "./client-BxtRoL1i.js";
6
6
  import { jsx as s, jsxs as v } from "react/jsx-runtime";
7
7
  function $(t) {
8
8
  if (typeof t != "string") return "";
@@ -2,10 +2,10 @@ var w = Object.defineProperty;
2
2
  var S = (s, e, t) => e in s ? w(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
3
3
  var n = (s, e, t) => S(s, typeof e != "symbol" ? e + "" : e, t);
4
4
  import m from "react";
5
- import { aT as g, aU as d, aX as N, aW as _, aZ as j } from "./client-Bydlscpe.js";
6
- function C(s, e) {
5
+ import { aT as g, aU as d, a_ as N, a$ as C, aX as j, aW as _, aZ as z } from "./client-BxtRoL1i.js";
6
+ function B(s, e) {
7
7
  if (!(typeof e != "string" || !_(e)))
8
- for (const t of j(e))
8
+ for (const t of z(e))
9
9
  s.bindSignal(t);
10
10
  }
11
11
  function l(s, e) {
@@ -17,20 +17,20 @@ function l(s, e) {
17
17
  return;
18
18
  }
19
19
  if (typeof e == "string") {
20
- C(s, e);
20
+ B(s, e);
21
21
  return;
22
22
  }
23
23
  if (Array.isArray(e))
24
24
  for (const t of e) l(s, t);
25
25
  }
26
- function z(s) {
27
- return typeof s == "string" && _(s) ? N(s) : s;
26
+ function I(s) {
27
+ return typeof s == "string" && _(s) ? j(s) : s;
28
28
  }
29
- function B(s, e) {
30
- const { children: t, ...r } = e, o = t !== void 0 ? t : s;
31
- return { nodes: o == null ? [] : Array.isArray(o) ? o : [o], rest: r };
29
+ function M(s, e) {
30
+ const { children: t, ...r } = e, a = t !== void 0 ? t : s;
31
+ return { nodes: a == null ? [] : Array.isArray(a) ? a : [a], rest: r };
32
32
  }
33
- class I extends d {
33
+ class $ extends d {
34
34
  constructor() {
35
35
  super(...arguments);
36
36
  n(this, "_mainAxisAlignment", "start");
@@ -51,6 +51,14 @@ class I extends d {
51
51
  crossAxisAlignment(t) {
52
52
  return this._crossAxisAlignment = t, this;
53
53
  }
54
+ /** Horizontal screen axis → cross axis on a Column. */
55
+ alignX(t) {
56
+ return this.crossAxisAlignment(N(t));
57
+ }
58
+ /** Vertical screen axis → main axis on a Column. */
59
+ alignY(t) {
60
+ return this.mainAxisAlignment(C(t));
61
+ }
54
62
  spacing(t) {
55
63
  return this._spacing = t, this;
56
64
  }
@@ -70,7 +78,7 @@ class I extends d {
70
78
  center: "items-center",
71
79
  end: "items-end",
72
80
  stretch: "items-stretch"
73
- }, o = {
81
+ }, a = {
74
82
  small: "flex-[0.3]",
75
83
  medium: "flex-1",
76
84
  large: "flex-[1.5]"
@@ -82,31 +90,31 @@ class I extends d {
82
90
  this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0",
83
91
  t[this._mainAxisAlignment],
84
92
  r[this._crossAxisAlignment],
85
- this._size ? o[this._size] : "",
93
+ this._size ? a[this._size] : "",
86
94
  ...this._classNames
87
- ], h = this.getStyle(), { nodes: c, rest: p } = B(this.processChildren(), this._props), { className: y, style: u, ...x } = p, A = [...i, y].filter(Boolean).join(" "), b = c.map(z), a = {
95
+ ], h = this.getStyle(), { nodes: c, rest: p } = M(this.processChildren(), this._props), { className: x, style: u, ...y } = p, A = [...i, x].filter(Boolean).join(" "), b = c.map(I), o = {
88
96
  ...h,
89
97
  ...u && typeof u == "object" ? u : {}
90
98
  };
91
- return this._spacing != null && 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`), m.createElement(
99
+ return this._spacing != null && this._spacing !== "" && (typeof this._spacing == "number" ? o.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? o.gap = this._spacing : o.gap = `${Number(this._spacing) * 4}px`), m.createElement(
92
100
  "div",
93
101
  {
94
- style: a,
95
- ...x,
102
+ style: o,
103
+ ...y,
96
104
  className: A
97
105
  },
98
106
  ...b
99
107
  );
100
108
  }
101
109
  }
102
- const F = g(I);
110
+ const X = g($);
103
111
  function f(s) {
104
112
  return typeof s == "number" ? `${s}px` : s;
105
113
  }
106
- function M(s) {
114
+ function E(s) {
107
115
  return s && typeof s == "object" && !Array.isArray(s) ? s : {};
108
116
  }
109
- class $ extends d {
117
+ class H extends d {
110
118
  constructor() {
111
119
  super(...arguments);
112
120
  n(this, "_height");
@@ -132,19 +140,19 @@ class $ extends d {
132
140
  return this._grow = Number.isFinite(r) ? r : 1, this._expand = !0, this;
133
141
  }
134
142
  build() {
135
- const { className: t, style: r, ...o } = this._props, i = { ...this.getStyle(), ...M(r) }, h = this._height != null || this._width != null, c = this._expand ?? !h;
143
+ const { className: t, style: r, ...a } = this._props, i = { ...this.getStyle(), ...E(r) }, h = this._height != null || this._width != null, c = this._expand ?? !h;
136
144
  this._height != null && (i.height = f(this._height)), this._width != null && (i.width = f(this._width)), c ? (i.flex = `${this._grow ?? 1} 1 0%`, i.alignSelf = i.alignSelf ?? "stretch", i.minWidth = i.minWidth ?? 0, i.minHeight = i.minHeight ?? 0) : i.flex = "0 0 auto";
137
145
  const p = ["fibo-spacer", this.getClassName(), t].filter(Boolean).join(" ");
138
146
  return m.createElement("div", {
139
- ...o,
147
+ ...a,
140
148
  style: i,
141
149
  className: p,
142
150
  "aria-hidden": !0
143
151
  });
144
152
  }
145
153
  }
146
- const T = g($);
154
+ const k = g(H);
147
155
  export {
148
- F as C,
149
- T as S
156
+ X as C,
157
+ k as S
150
158
  };
@@ -2,8 +2,8 @@ var ae = Object.defineProperty;
2
2
  var ie = (s, r, e) => r in s ? ae(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
3
3
  var i = (s, r, e) => ie(s, typeof r != "symbol" ? r + "" : r, e);
4
4
  import t from "react";
5
- import { aT as I, aU as $, aW as z, aZ as R, aX as q, t as le, a$ as Q, ba as oe } from "./client-Bydlscpe.js";
6
- import { a as F } from "./icons-B9HMYLtE.js";
5
+ import { aT as I, aU as $, aW as z, aZ as R, aX as q, t as le, b1 as Q, bc as oe } from "./client-BxtRoL1i.js";
6
+ import { a as F } from "./icons-BKXx-EqO.js";
7
7
  function ce(s, r) {
8
8
  if (!(typeof r != "string" || !z(r)))
9
9
  for (const e of R(r))
@@ -2,7 +2,7 @@ var tt = Object.defineProperty;
2
2
  var it = (e, i, t) => i in e ? tt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
3
3
  var h = (e, i, t) => it(e, typeof i != "symbol" ? i + "" : i, t);
4
4
  import d from "react";
5
- import { aT as v, aU as T, aX as C, aW as g, aZ as $, bb as w, bc as O, bd as S, be as et, a_ as nt } from "./client-Bydlscpe.js";
5
+ import { aT as v, aU as T, aX as C, aW as g, aZ as $, bd as w, be as O, bf as S, bg as et, b0 as nt } from "./client-BxtRoL1i.js";
6
6
  function rt(e, i) {
7
7
  if (!(typeof i != "string" || !g(i)))
8
8
  for (const t of $(i))
@@ -2,7 +2,7 @@ var _ = Object.defineProperty;
2
2
  var u = (s, e, t) => e in s ? _(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
3
3
  var i = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
4
4
  import c from "react";
5
- import { aT as m, aU as f, aV as n, aW as o, aX as a, aY as d, aZ as y } from "./client-Bydlscpe.js";
5
+ import { aT as m, aU as f, aV as n, aW as o, aX as a, aY as d, aZ as y } from "./client-BxtRoL1i.js";
6
6
  function p(s, e) {
7
7
  if (!(typeof e != "string" || !o(e)))
8
8
  for (const t of y(e))
@@ -2,13 +2,13 @@ var Ct = Object.defineProperty;
2
2
  var Et = (e, r, t) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
3
3
  var n = (e, r, t) => Et(e, typeof r != "symbol" ? r + "" : r, t);
4
4
  import s from "react";
5
- import { aT as A, aU as T, aW as C, aZ as K, aX as P, a_ as it, a$ as bt, b2 as kt, bf as It, au as B, F as nt, bg as lt, bh as Bt, bi as At, a3 as W, a8 as x } from "./client-Bydlscpe.js";
6
- import { S as D, C as F } from "./index-B7eVMy2M.js";
7
- import { B as yt } from "./index-C9I92HPE.js";
8
- import { B as Z, I as ot, a as L, A as Tt } from "./icons-B9HMYLtE.js";
5
+ import { aT as A, aU as T, aW as C, aZ as M, aX as P, b0 as it, b1 as bt, b4 as kt, bh as It, au as B, F as nt, bi as lt, bj as Bt, bk as At, a3 as W, a8 as x } from "./client-BxtRoL1i.js";
6
+ import { S as D, C as F } from "./index-B0FFbOUi.js";
7
+ import { B as yt } from "./index-DUohJXW2.js";
8
+ import { B as Z, I as ot, a as L, A as Tt } from "./icons-BKXx-EqO.js";
9
9
  function j(e, r) {
10
10
  if (!(typeof r != "string" || !C(r)))
11
- for (const t of K(r))
11
+ for (const t of M(r))
12
12
  e.bindSignal(t);
13
13
  }
14
14
  function X(e) {
@@ -195,7 +195,7 @@ class Gt extends T {
195
195
  const J = A(Gt);
196
196
  function H(e, r) {
197
197
  if (!(typeof r != "string" || !C(r)))
198
- for (const t of K(r))
198
+ for (const t of M(r))
199
199
  e.bindSignal(t);
200
200
  }
201
201
  function V(e) {
@@ -412,13 +412,13 @@ class Dt extends T {
412
412
  const je = A(Dt);
413
413
  function Ht(e, r) {
414
414
  if (!(typeof r != "string" || !C(r)))
415
- for (const t of K(r))
415
+ for (const t of M(r))
416
416
  e.bindSignal(t);
417
417
  }
418
- function Mt(e) {
418
+ function Kt(e) {
419
419
  return typeof e != "string" ? e : C(e) ? P(e) : e;
420
420
  }
421
- function Kt(e) {
421
+ function Mt(e) {
422
422
  return e != null && typeof e == "object" && !Array.isArray(e) && typeof e.subscribe == "function" && "value" in e;
423
423
  }
424
424
  function Ot(e, r) {
@@ -521,7 +521,7 @@ const Xt = s.memo((e) => {
521
521
  onKeyDown: y ? (w) => {
522
522
  w.key !== "Enter" && w.key !== " " || (w.preventDefault(), _((R) => ht(R, N)));
523
523
  } : void 0
524
- }, Mt(m.header) ?? m.header);
524
+ }, Kt(m.header) ?? m.header);
525
525
  })
526
526
  )
527
527
  ),
@@ -570,7 +570,7 @@ class Yt extends T {
570
570
  n(this, "_sortable", !1);
571
571
  }
572
572
  data(t) {
573
- return Kt(t) ? (this._source = t, this.bindSignal(t), this) : (this._source = void 0, this._data = t, this);
573
+ return Mt(t) ? (this._source = t, this.bindSignal(t), this) : (this._source = void 0, this._data = t, this);
574
574
  }
575
575
  columns(t) {
576
576
  this._columns = t;
@@ -612,7 +612,7 @@ class Yt extends T {
612
612
  const ze = A(Yt);
613
613
  function ft(e, r) {
614
614
  if (!(typeof r != "string" || !C(r)))
615
- for (const t of K(r))
615
+ for (const t of M(r))
616
616
  e.bindSignal(t);
617
617
  }
618
618
  function Jt(e) {
@@ -759,7 +759,7 @@ class ne extends T {
759
759
  const Ge = A(ne);
760
760
  function et(e, r) {
761
761
  if (!(typeof r != "string" || !C(r)))
762
- for (const t of K(r))
762
+ for (const t of M(r))
763
763
  e.bindSignal(t);
764
764
  }
765
765
  function pt(e) {
@@ -917,13 +917,13 @@ function fe(e, r) {
917
917
  if (r) return r;
918
918
  if (typeof e == "number") return de(e);
919
919
  }
920
- function M(e) {
920
+ function K(e) {
921
921
  return typeof e == "number" ? `${e}px` : ue[e] ?? (e || "16px");
922
922
  }
923
923
  function pe(e, r, t) {
924
924
  return r == null && t == null ? { gap: e } : {
925
- ...r != null ? { rowGap: M(r) } : { rowGap: e },
926
- ...t != null ? { columnGap: M(t) } : { columnGap: e }
925
+ ...r != null ? { rowGap: K(r) } : { rowGap: e },
926
+ ...t != null ? { columnGap: K(t) } : { columnGap: e }
927
927
  };
928
928
  }
929
929
  function _t(e) {
@@ -960,7 +960,7 @@ const ge = s.memo((e) => {
960
960
  className: p,
961
961
  style: h,
962
962
  ...u
963
- } = e, _ = _t(r), d = M(o), k = pe(d, g, S), $ = he(i, a), v = fe(l, c);
963
+ } = e, _ = _t(r), d = K(o), k = pe(d, g, S), $ = he(i, a), v = fe(l, c);
964
964
  if (t === "bento") {
965
965
  const b = [
966
966
  { col: 2, row: 2 },
@@ -991,7 +991,7 @@ const ge = s.memo((e) => {
991
991
  }));
992
992
  }
993
993
  if (t === "masonry") {
994
- const b = S != null ? M(S) : d, m = g != null ? M(g) : d, N = {
994
+ const b = S != null ? K(S) : d, m = g != null ? K(g) : d, N = {
995
995
  columnCount: typeof i == "number" ? i : 1,
996
996
  columnGap: b,
997
997
  ...h
@@ -1398,7 +1398,7 @@ class Ee extends T {
1398
1398
  return s.createElement(Ce, t);
1399
1399
  }
1400
1400
  }
1401
- const Me = A(Ee), ke = s.memo((e) => {
1401
+ const Ke = A(Ee), ke = s.memo((e) => {
1402
1402
  const {
1403
1403
  image: r,
1404
1404
  title: t,
@@ -1458,7 +1458,7 @@ class Ie extends T {
1458
1458
  return s.createElement(ke, t);
1459
1459
  }
1460
1460
  }
1461
- const Ke = A(Ie);
1461
+ const Me = A(Ie);
1462
1462
  export {
1463
1463
  De as A,
1464
1464
  Fe as B,
@@ -1469,6 +1469,6 @@ export {
1469
1469
  ze as T,
1470
1470
  Ge as a,
1471
1471
  We as b,
1472
- Me as c,
1473
- Ke as d
1472
+ Ke as c,
1473
+ Me as d
1474
1474
  };