fiboui 2.6.4 → 2.7.1

package/dist/effects-D16XdB_d.js

@@ -1,10 +0,0 @@
-const c = (i, t, s = "rgba(255, 255, 255, 0.3)") => {
-  if (!t) return;
-  const e = document.createElement("span"), l = Math.max(t.clientWidth, t.clientHeight), n = l / 2, r = t.getBoundingClientRect();
-  e.style.width = e.style.height = `${l}px`, e.style.left = `${i.clientX - r.left - n}px`, e.style.top = `${i.clientY - r.top - n}px`, e.style.position = "absolute", e.style.borderRadius = "50%", e.style.transform = "scale(0)", e.style.animation = "fibo-ripple 600ms linear", e.style.backgroundColor = s, e.style.pointerEvents = "none", (t.querySelector(".fibo-ripple-container") || t).appendChild(e), setTimeout(() => {
-    e.remove();
-  }, 600);
-};
-export {
-  c as createRipple
-};

package/dist/index-B-cCNvV4.js

@@ -1,455 +0,0 @@
-var v = Object.defineProperty;
-var $ = (i, r, e) => r in i ? v(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
-var o = (i, r, e) => $(i, typeof r != "symbol" ? r + "" : r, e);
-import t from "react";
-import { at as b, au as _, a4 as E, az as x } from "./client-DzQ13khL.js";
-const w = t.memo((i) => {
-  const { text: r, subtitle: e, number: n, color: c, className: m, style: d, children: p, ...u } = i;
-  return t.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 ${m || ""}`,
-      style: { backgroundColor: "#ffffff", ...d },
-      ...u
-    },
-    t.createElement(
-      "div",
-      { className: "flex flex-col gap-2" },
-      r && t.createElement(
-        "h3",
-        {
-          className: "font-semibold text-[var(--fibo-on-surface-variant)] text-sm uppercase tracking-wide"
-        },
-        r
-      ),
-      n && t.createElement(
-        "p",
-        {
-          className: "font-bold text-[var(--fibo-on-surface)] text-3xl"
-        },
-        n
-      ),
-      e && t.createElement(
-        "p",
-        {
-          className: "text-[var(--fibo-on-surface-variant)] text-xs"
-        },
-        e
-      ),
-      ...p
-    )
-  );
-});
-class C extends _ {
-  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"
-    }, n = [
-      "fibo-card",
-      this._color ? `border-l-4 ${e[this._color]}` : "",
-      ...this._classNames
-    ].filter(Boolean).join(" "), c = {
-      text: this._text,
-      subtitle: this._subtitle,
-      number: this._number,
-      color: this._color,
-      className: n,
-      style: this.getStyle(),
-      children: this.processChildren(),
-      ...this._props
-    };
-    return t.createElement(w, c);
-  }
-}
-const L = b(C), S = t.memo((i) => {
-  const {
-    data: r,
-    columns: e,
-    variant: n,
-    density: c,
-    striped: m,
-    width: d,
-    className: p,
-    style: u
-  } = i, g = {
-    width: "100%",
-    borderCollapse: "separate",
-    borderSpacing: "0",
-    ...u
-  };
-  d && (g.width = typeof d == "number" ? `${d}px` : d);
-  const f = n === "clean" ? ["bg-white", "rounded-2xl", "border", "border-gray-100", "overflow-hidden", "shadow-sm"] : [], s = {
-    compact: "10px 16px",
-    standard: "16px 24px",
-    relaxed: "24px 32px"
-  }[c];
-  return E().className(p).classNames(f).children(
-    t.createElement("table", { style: g }, [
-      t.createElement(
-        "thead",
-        { key: "thead", className: "bg-gray-50/50" },
-        t.createElement(
-          "tr",
-          {},
-          e.map(
-            (a, h) => t.createElement("th", {
-              key: String(a.accessor ?? a.header ?? h),
-              scope: "col",
-              style: {
-                textAlign: a.align || "left",
-                padding: s,
-                width: a.width
-              },
-              className: "text-xs font-bold text-gray-400 uppercase tracking-widest"
-            }, a.header)
-          )
-        )
-      ),
-      t.createElement(
-        "tbody",
-        { key: "tbody" },
-        r.map(
-          (a, h) => t.createElement(
-            "tr",
-            {
-              key: (a == null ? void 0 : a.id) ?? (a == null ? void 0 : a.key) ?? h,
-              className: `group transition-all duration-200 border-b border-gray-50 last:border-b-0 ${m && h % 2 !== 0 ? "bg-gray-50/30" : "bg-transparent"} ${n === "clean" ? "hover:bg-white hover:shadow-md hover:scale-[1.002] hover:z-10 relative" : "hover:bg-gray-50/50"}`
-            },
-            e.map(
-              (y, N) => t.createElement(
-                "td",
-                {
-                  key: N,
-                  style: {
-                    textAlign: y.align || "left",
-                    padding: s,
-                    borderTop: n === "default" ? "1px solid #F3F4F6" : "none"
-                  },
-                  className: "text-sm text-gray-900 font-medium"
-                },
-                y.render ? y.render(a) : y.accessor ? a[y.accessor] : null
-              )
-            )
-          )
-        )
-      )
-    ])
-  ).build();
-});
-class B extends _ {
-  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 t.createElement(S, e);
-  }
-}
-const M = b(B), k = t.memo((i) => {
-  const { items: r, className: e, style: n, ...c } = i, m = r.map(
-    (d, p) => t.createElement(
-      "span",
-      {
-        key: d.title ? `${d.title}-${p}` : `tag-${p}`,
-        className: "fibo-tag"
-      },
-      d.title
-    )
-  );
-  return t.createElement(
-    "div",
-    {
-      className: e,
-      style: n,
-      ...c
-    },
-    ...m
-  );
-});
-class G extends _ {
-  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(" "), n = {
-      items: this._items,
-      className: e,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return t.createElement(k, n);
-  }
-}
-const V = b(G), I = t.memo((i) => {
-  const { status: r, title: e, subtitle: n, className: c, style: m, ...d } = i;
-  return t.createElement(
-    "div",
-    {
-      className: c,
-      style: m,
-      ...d
-    },
-    t.createElement(
-      "div",
-      { className: "flex flex-col gap-1" },
-      e && t.createElement(
-        "h4",
-        {
-          className: "font-semibold text-sm uppercase tracking-wide opacity-90"
-        },
-        e
-      ),
-      n && t.createElement(
-        "p",
-        {
-          className: "opacity-80 text-sm"
-        },
-        n
-      )
-    )
-  );
-});
-class T extends _ {
-  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 n = [
-      "fibo-banner",
-      `fibo-banner-${this._status}`,
-      ...this._classNames
-    ].filter(Boolean).join(" "), c = {
-      status: this._status,
-      title: this._title,
-      subtitle: this._subtitle,
-      className: n,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return t.createElement(I, c);
-  }
-}
-const q = b(T), j = t.memo((i) => {
-  const {
-    children: r,
-    variant: e = "standard",
-    columns: n = 1,
-    gap: c = "md",
-    className: m,
-    style: d,
-    ...p
-  } = i, u = (l) => typeof l == "number" ? "" : {
-    none: "gap-0",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-  }[l] || "gap-4", g = (l) => {
-    if (typeof l == "number") return l + "px";
-  }, f = (l) => {
-    if (typeof l == "number") return `grid-cols-${l}`;
-    let s = [];
-    return l.sm && s.push(`sm:grid-cols-${l.sm}`), l.md && s.push(`md:grid-cols-${l.md}`), l.lg && s.push(`lg:grid-cols-${l.lg}`), l.xl && s.push(`xl:grid-cols-${l.xl}`), s.join(" ") || "grid-cols-1";
-  };
-  if (e === "bento") {
-    const l = [
-      { col: 2, row: 2 },
-      { col: 1, row: 1 },
-      { col: 1, row: 1 },
-      { col: 1, row: 2 },
-      { col: 2, row: 1 }
-    ];
-    return t.createElement("div", {
-      className: `grid ${f(n)} ${u(c)} ${m}`,
-      style: {
-        gap: g(c),
-        gridAutoFlow: "dense",
-        ...d
-      },
-      ...p
-    }, t.Children.map(r, (s, a) => {
-      if (t.isValidElement(s) && typeof s.props.className == "string" && s.props.className.includes("col-span"))
-        return s;
-      const h = l[a % l.length];
-      return t.createElement("div", {
-        key: x(s, a),
-        style: { gridColumn: `span ${h.col}`, gridRow: `span ${h.row}` }
-      }, s);
-    }));
-  }
-  if (e === "masonry") {
-    const l = (s) => {
-      if (typeof s == "number") return `columns-${s}`;
-      let a = [];
-      return s.sm && a.push(`sm:columns-${s.sm}`), s.md && a.push(`md:columns-${s.md}`), s.lg && a.push(`lg:columns-${s.lg}`), s.xl && a.push(`xl:columns-${s.xl}`), a.join(" ") || "columns-1";
-    };
-    return t.createElement("div", {
-      className: `${l(n)} ${u(c)} space-y-4 ${m}`,
-      style: {
-        columnGap: g(c),
-        ...d
-      },
-      ...p
-    }, t.Children.map(
-      r,
-      (s, a) => t.createElement("div", {
-        key: x(s, a),
-        className: "break-inside-avoid mb-4"
-      }, s)
-    ));
-  }
-  return t.createElement("div", {
-    className: `grid ${f(n)} ${u(c)} ${m}`,
-    style: {
-      gap: g(c),
-      ...d
-    },
-    ...p
-  }, r);
-}), F = t.memo((i) => {
-  const { children: r, colSpan: e, rowSpan: n, className: c, style: m, ...d } = i, p = () => {
-    let u = [];
-    return e && u.push(`col-span-${e}`), n && u.push(`row-span-${n}`), u.join(" ");
-  };
-  return t.createElement("div", {
-    className: `${p()} ${c}`,
-    style: m,
-    ...d
-  }, r);
-});
-class A extends _ {
-  constructor() {
-    super(...arguments);
-    o(this, "_variant", "standard");
-    o(this, "_columns", 1);
-    o(this, "_gap", "md");
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  columns(e) {
-    return this._columns = e, this;
-  }
-  gap(e) {
-    return this._gap = e, this;
-  }
-  build() {
-    const e = {
-      variant: this._variant,
-      columns: this._columns,
-      gap: this._gap,
-      children: this.processChildren(),
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return t.createElement(j, e);
-  }
-}
-class z extends _ {
-  constructor() {
-    super(...arguments);
-    o(this, "_colSpan");
-    o(this, "_rowSpan");
-  }
-  colSpan(e) {
-    return this._colSpan = e, this;
-  }
-  rowSpan(e) {
-    return this._rowSpan = e, this;
-  }
-  build() {
-    const e = {
-      colSpan: this._colSpan,
-      rowSpan: this._rowSpan,
-      children: this.processChildren(),
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return t.createElement(F, e);
-  }
-}
-const D = b(A), H = b(z);
-export {
-  q as B,
-  L as C,
-  D as G,
-  M as T,
-  V as a,
-  H as b
-};

package/dist/index-Bj-IMHC8.js

@@ -1,119 +0,0 @@
-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 { at as a, au as u } from "./client-DzQ13khL.js";
-class g extends u {
-  constructor() {
-    super(...arguments);
-    r(this, "_mainAxisAlignment", "start");
-    r(this, "_crossAxisAlignment", "start");
-    r(this, "_spacing");
-  }
-  mainAxisAlignment(s) {
-    return this._mainAxisAlignment = s, this;
-  }
-  crossAxisAlignment(s) {
-    return this._crossAxisAlignment = s, this;
-  }
-  spacing(s) {
-    return this._spacing = s, this;
-  }
-  items(s) {
-    return this.children(s), this;
-  }
-  build() {
-    const s = {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      spaceBetween: "justify-between",
-      spaceAround: "justify-around",
-      spaceEvenly: "justify-evenly"
-    }, i = {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    }, c = [
-      "fibo-row",
-      "flex",
-      "flex-row",
-      // 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
-    ], n = this.getStyle();
-    this._spacing && (typeof this._spacing == "number" ? n.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? n.gap = this._spacing : n.gap = `${Number(this._spacing) * 4}px`);
-    const l = c.filter(Boolean).join(" "), h = this.processChildren();
-    return o.createElement(
-      "div",
-      {
-        className: l,
-        style: n,
-        ...this._props
-      },
-      ...h
-    );
-  }
-}
-const x = a(g), _ = o.memo((e) => {
-  const {
-    source: t,
-    color: s,
-    size: i,
-    className: c,
-    style: n,
-    ...l
-  } = e;
-  return t ? typeof t == "string" ? o.createElement("img", {
-    src: t,
-    alt: "icon",
-    width: i,
-    height: i,
-    className: c,
-    style: { ...n, color: s },
-    ...l
-  }) : o.createElement(t, {
-    color: s,
-    size: i,
-    className: c,
-    style: n,
-    ...l
-  }) : null;
-});
-class f extends u {
-  constructor(s) {
-    super();
-    r(this, "_source");
-    r(this, "_color", "currentColor");
-    r(this, "_size", 24);
-    this._source = s;
-  }
-  source(s) {
-    return this._source = s, this;
-  }
-  color(s) {
-    return this._color = s, this;
-  }
-  size(s) {
-    return this._size = s, this;
-  }
-  build() {
-    const i = ["fibo-icon", ...this._classNames].filter(Boolean).join(" "), c = {
-      source: this._source,
-      color: this._color,
-      size: this._size,
-      className: i,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return o.createElement(_, c);
-  }
-}
-const w = a(f);
-export {
-  w as I,
-  x as R
-};