fiboui 2.7.0 → 2.7.1

package/dist/structure.js

@@ -1,5 +1,5 @@
-import { au as r, aw as e, av as o } from "./client-CGjHCx8F.js";
-import { A as C, B as d, C as i, c as l, d as n, G as T, b as f, L as m, P as p, T as x, a as B } from "./index-C4qvvr03.js";
+import { au as r, aw as e, av as o } from "./client-Bydlscpe.js";
+import { A as C, B as d, C as i, c as l, d as n, G as T, b as f, L as m, P as p, T as x, a as B } from "./index-D4JzwKSP.js";
 export {
   C as AssetCard,
   d as Banner,

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { aL as s, aF as m, aN as h, aI as T, aO as o, aH as t, aK as r, aM as i, aS as l, aR as n, aP as F, aQ as b, aG as p, aJ as u } from "./client-CGjHCx8F.js";
+import { aL as s, aF as m, aN as h, aI as T, aO as o, aH as t, aK as r, aM as i, aS as l, aR as n, aP as F, aQ as b, aG as p, aJ as u } from "./client-Bydlscpe.js";
 export {
   s as FIBO_THEMES,
   m as FiboThemeProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fiboui",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "Flutter/SwiftUI-inspired React UI — fluent builders, signals, and themes. https://fiboui.vercel.app",
   "type": "module",
   "main": "./dist/index.js",

package/dist/index-DVApKYWt.js

@@ -1,217 +0,0 @@
-var F = Object.defineProperty;
-var U = (e, r, t) => r in e ? F(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var i = (e, r, t) => U(e, typeof r != "symbol" ? r + "" : r, t);
-import _ from "react";
-import { aT as V, aU as X, aV as v, aW as C, aX as Y, aY as $ } from "./client-CGjHCx8F.js";
-function E(e, r) {
-  if (!(typeof r != "string" || !v(r)))
-    for (const t of Y(r))
-      e.bindSignal(t);
-}
-function y(e, r) {
-  if (typeof r == "function") {
-    try {
-      y(e, r());
-    } catch {
-    }
-    return;
-  }
-  if (typeof r == "string") {
-    E(e, r);
-    return;
-  }
-  if (Array.isArray(r))
-    for (const t of r) y(e, t);
-}
-function D(e) {
-  return typeof e == "string" && v(e) ? C(e) : e;
-}
-function c(e) {
-  return e === "submit" || e === "reset" || e === "button" ? e : "button";
-}
-const G = _.memo((e) => {
-  const {
-    text: r,
-    variant: t,
-    size: o,
-    onPress: u,
-    onHover: b,
-    disabled: p,
-    icon: g,
-    shape: d,
-    shadow: z,
-    tone: B,
-    motion: H,
-    expand: S,
-    className: k,
-    style: I,
-    type: N = "button",
-    bare: h,
-    onClick: x,
-    ...w
-  } = e, A = c(N), M = {
-    xs: "px-[21px] py-[8px] text-[10px] gap-[6px] h-auto tracking-[0.12em] font-normal",
-    sm: "px-[14px] py-[6px] text-[13px] gap-[6px] h-[32px]",
-    md: "px-[22px] py-[10px] text-[15px] gap-[8px] h-[44px]",
-    lg: "px-[32px] py-[16px] text-[17px] gap-[10px] h-[56px]"
-  };
-  let a = "rounded-[14px]";
-  d === "pill" ? a = "rounded-full" : d === "square" ? a = "rounded-[12px]" : d === "rect" ? a = "rounded-[2px]" : d === "rounded" ? a = "rounded-[8px]" : d === "sharp" && (a = "rounded-none");
-  const l = B === "inverse";
-  let s = "";
-  t === "ghost" ? s = l ? "bg-transparent text-white shadow-none border border-transparent" : "bg-transparent text-[var(--fibo-on-surface)] shadow-none border border-transparent hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_8%,transparent)]" : t === "text" ? s = l ? "bg-transparent text-white shadow-none border-none px-2" : "bg-transparent text-[var(--fibo-on-surface)] shadow-none border-none px-2 hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_8%,transparent)]" : t === "soft" ? s = "bg-[color-mix(in_srgb,var(--fibo-primary)_12%,transparent)] text-[var(--fibo-primary)] shadow-none border-none hover:bg-[color-mix(in_srgb,var(--fibo-primary)_18%,transparent)]" : t === "outline" || t === "outlined" ? s = l ? "bg-black text-white shadow-none border border-[#3b3b3b]" : "bg-transparent border-[1.5px] border-[var(--fibo-outline,rgba(0,0,0,0.12))] text-[var(--fibo-on-surface)] shadow-none hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_6%,transparent)]" : t === "solid" ? s = l ? "bg-[#f2f2f2] text-black shadow-none border border-[#f2f2f2]" : "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-none border-none hover:opacity-90" : t === "filled" || t === "primary" ? s = "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-sm border-none hover:opacity-90 active:opacity-100" : t === "elevated" ? s = "bg-[var(--fibo-surface)] text-[var(--fibo-primary)] shadow-md border-none hover:shadow-lg" : t === "tonal" ? s = "bg-[var(--fibo-secondary-container)] text-[var(--fibo-on-secondary-container)] shadow-sm border-none" : t === "raw" && (s = "bg-transparent border-none shadow-none p-0 h-auto gap-0 text-inherit font-inherit hover:bg-transparent", a = ""), z === "soft" && t !== "raw" && (s += " shadow-[0_8px_20px_-6px_rgba(59,130,246,0.4)]");
-  const n = I || {}, P = n.padding !== void 0 || n.paddingTop !== void 0 || n.paddingBottom !== void 0 || n.paddingLeft !== void 0 || n.paddingRight !== void 0 || n.fontSize !== void 0 || n.height !== void 0, R = n.borderRadius !== void 0, W = n.fontWeight !== void 0 || o === "xs" || l, T = t === "raw" || H === "none" || l || o === "xs" || h;
-  h ? (s = "", a = "") : p && (s = s.replace(/\s*(hover|active):\S+/g, "").trim());
-  const q = $(
-    "fibo-button",
-    h ? "" : "relative overflow-hidden",
-    "inline-flex items-center justify-center whitespace-nowrap",
-    W || h ? "" : "font-semibold",
-    // Resting scale(1) so active:scale eases instead of snapping from none.
-    T || p ? "" : "scale-100 active:scale-[0.96] transform transition-transform duration-200 ease-out",
-    p ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer",
-    t === "raw" || h || P ? "" : M[o],
-    t === "raw" || h || R ? "" : a,
-    S ? "flex-1 w-full" : "",
-    `fibo-button-${t}`,
-    s,
-    k
-  ), f = [];
-  return g && f.push(g), r && f.push(r), e.children && (Array.isArray(e.children) ? f.push(...e.children) : f.push(e.children)), _.createElement(
-    "button",
-    {
-      className: q,
-      onMouseEnter: b ? () => {
-        p || b();
-      } : w.onMouseEnter,
-      onClick: (m) => {
-        if (!p) {
-          if (!T && document.documentElement.classList.contains("fibo-theme-material") && t !== "raw") {
-            const L = m.currentTarget;
-            import("./effects-BxvduC-G.js").then(({ createRipple: j }) => {
-              j(m, L);
-            });
-          }
-          u == null || u(), x == null || x(m);
-        }
-      },
-      disabled: p,
-      ...w,
-      type: A,
-      style: n
-    },
-    ...f
-  );
-});
-class J extends X {
-  constructor(t = "") {
-    super();
-    i(this, "_text", "");
-    i(this, "_variant", "elevated");
-    i(this, "_size", "md");
-    i(this, "_onPress");
-    i(this, "_onHover");
-    i(this, "_disabled", !1);
-    i(this, "_icon");
-    i(this, "_shape", "default");
-    i(this, "_shadow", "none");
-    i(this, "_tone", "default");
-    i(this, "_motion", "default");
-    i(this, "_expand", !1);
-    i(this, "_htmlType", "button");
-    i(this, "_htmlTypeExplicit", !1);
-    this.text(t);
-  }
-  text(t) {
-    return this._text = t, typeof t == "function" ? this.observer() : E(this, t), this;
-  }
-  children(t) {
-    return y(this, t), super.children(t);
-  }
-  variant(t) {
-    return this._variant = t, this;
-  }
-  clean() {
-    return this._variant = "raw", this;
-  }
-  size(t) {
-    return this._size = t, this;
-  }
-  onPress(t) {
-    return this._onPress = t, this;
-  }
-  onHover(t) {
-    return this._onHover = t, this;
-  }
-  disabled(t = !0) {
-    return this._disabled = t, this;
-  }
-  icon(t) {
-    return this._icon = t, this;
-  }
-  shape(t) {
-    return this._shape = t, this;
-  }
-  shadow(t) {
-    return this._shadow = t, this;
-  }
-  tone(t) {
-    return this._tone = t, this;
-  }
-  motion(t) {
-    return this._motion = t, this;
-  }
-  expand(t = !0) {
-    return this._expand = t, this;
-  }
-  /**
-   * HTML button type. `.type('submit')` is what people write inside a Form.
-   * React still reads `element.type` as the component: a string sets this,
-   * a props object renders the button.
-   */
-  type(t) {
-    return this._htmlType = c(t), this._htmlTypeExplicit = !0, this;
-  }
-  htmlType(t) {
-    return this._htmlType = c(t), this._htmlTypeExplicit = !0, this;
-  }
-  /** Shortcut for `.htmlType('submit')` inside a `Form`. */
-  submit() {
-    return this._htmlType = "submit", this._htmlTypeExplicit = !0, this;
-  }
-  /** Shortcut for `.htmlType('reset')`. */
-  reset() {
-    return this._htmlType = "reset", this._htmlTypeExplicit = !0, this;
-  }
-  resolvedHtmlType() {
-    var t;
-    return this._htmlTypeExplicit ? c(this._htmlType) : c(((t = this._props) == null ? void 0 : t.type) ?? this._htmlType);
-  }
-  build() {
-    const t = this.getClassName(), o = typeof this._text == "function" ? this._text() : this._text, b = {
-      text: typeof o == "string" && v(o) ? C(o) : o,
-      variant: this._variant,
-      size: this._size,
-      onPress: this._onPress,
-      onHover: this._onHover,
-      disabled: this._disabled,
-      icon: this._icon,
-      shape: this._shape,
-      shadow: this._shadow,
-      tone: this._tone,
-      motion: this._motion,
-      expand: this._expand,
-      className: t,
-      style: this.getStyle(),
-      children: this.processChildren().map(D),
-      ...this._props,
-      type: this.resolvedHtmlType(),
-      bare: this.isReset()
-    };
-    return _.createElement(G, b);
-  }
-}
-const O = V(J);
-export {
-  O as B
-};