fiboui 2.6.4 → 2.7.1

package/dist/index-B7eVMy2M.js

@@ -0,0 +1,150 @@
+var w = Object.defineProperty;
+var S = (s, e, t) => e in s ? w(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var n = (s, e, t) => S(s, typeof e != "symbol" ? e + "" : e, t);
+import m from "react";
+import { aT as g, aU as d, aX as N, aW as _, aZ as j } from "./client-Bydlscpe.js";
+function C(s, e) {
+  if (!(typeof e != "string" || !_(e)))
+    for (const t of j(e))
+      s.bindSignal(t);
+}
+function l(s, e) {
+  if (typeof e == "function") {
+    try {
+      l(s, e());
+    } catch {
+    }
+    return;
+  }
+  if (typeof e == "string") {
+    C(s, e);
+    return;
+  }
+  if (Array.isArray(e))
+    for (const t of e) l(s, t);
+}
+function z(s) {
+  return typeof s == "string" && _(s) ? N(s) : s;
+}
+function B(s, e) {
+  const { children: t, ...r } = e, o = t !== void 0 ? t : s;
+  return { nodes: o == null ? [] : Array.isArray(o) ? o : [o], rest: r };
+}
+class I extends d {
+  constructor() {
+    super(...arguments);
+    n(this, "_mainAxisAlignment", "start");
+    // Flutter Column / SwiftUI VStack default: center. Stretch is opt-in.
+    n(this, "_crossAxisAlignment", "center");
+    n(this, "_spacing");
+    n(this, "_size");
+  }
+  children(t) {
+    return l(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && l(this, t.children), super.props(t);
+  }
+  mainAxisAlignment(t) {
+    return this._mainAxisAlignment = t, this;
+  }
+  crossAxisAlignment(t) {
+    return this._crossAxisAlignment = t, this;
+  }
+  spacing(t) {
+    return this._spacing = t, this;
+  }
+  size(t) {
+    return this._size = t, this;
+  }
+  build() {
+    const t = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      spaceBetween: "justify-between",
+      spaceAround: "justify-around",
+      spaceEvenly: "justify-evenly"
+    }, r = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    }, o = {
+      small: "flex-[0.3]",
+      medium: "flex-1",
+      large: "flex-[1.5]"
+    }, i = [
+      "fibo-column",
+      "flex",
+      "flex-col",
+      // min-w-0 / min-h-0: shrink inside flex/grid so nested overflow can scroll
+      this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0",
+      t[this._mainAxisAlignment],
+      r[this._crossAxisAlignment],
+      this._size ? o[this._size] : "",
+      ...this._classNames
+    ], 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 = {
+      ...h,
+      ...u && typeof u == "object" ? u : {}
+    };
+    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(
+      "div",
+      {
+        style: a,
+        ...x,
+        className: A
+      },
+      ...b
+    );
+  }
+}
+const F = g(I);
+function f(s) {
+  return typeof s == "number" ? `${s}px` : s;
+}
+function M(s) {
+  return s && typeof s == "object" && !Array.isArray(s) ? s : {};
+}
+class $ extends d {
+  constructor() {
+    super(...arguments);
+    n(this, "_height");
+    n(this, "_width");
+    n(this, "_grow");
+    n(this, "_expand");
+  }
+  height(t) {
+    return this._height = t, this;
+  }
+  width(t) {
+    return this._width = t, this;
+  }
+  vertical() {
+    return this._expand = !0, this;
+  }
+  horizontal() {
+    return this._expand = !0, this;
+  }
+  /** Grow factor inside a Row or Column. Does not turn the spacer into a flex container. */
+  flex(t = 1) {
+    const r = typeof t == "number" ? t : Number(t);
+    return this._grow = Number.isFinite(r) ? r : 1, this._expand = !0, this;
+  }
+  build() {
+    const { className: t, style: r, ...o } = this._props, i = { ...this.getStyle(), ...M(r) }, h = this._height != null || this._width != null, c = this._expand ?? !h;
+    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";
+    const p = ["fibo-spacer", this.getClassName(), t].filter(Boolean).join(" ");
+    return m.createElement("div", {
+      ...o,
+      style: i,
+      className: p,
+      "aria-hidden": !0
+    });
+  }
+}
+const T = g($);
+export {
+  F as C,
+  T as S
+};

package/dist/index-C9I92HPE.js

@@ -0,0 +1,140 @@
+var _ = Object.defineProperty;
+var u = (s, e, t) => e in s ? _(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var i = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
+import c from "react";
+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";
+function p(s, e) {
+  if (!(typeof e != "string" || !o(e)))
+    for (const t of y(e))
+      s.bindSignal(t);
+}
+function h(s, e) {
+  if (typeof e == "function") {
+    try {
+      h(s, e());
+    } catch {
+    }
+    return;
+  }
+  if (typeof e == "string") {
+    p(s, e);
+    return;
+  }
+  if (Array.isArray(e))
+    for (const t of e) h(s, t);
+}
+function x(s) {
+  return typeof s == "string" && o(s) ? a(s) : s;
+}
+class T extends f {
+  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() : p(this, t), this;
+  }
+  children(t) {
+    return h(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 = n(t), this._htmlTypeExplicit = !0, this;
+  }
+  htmlType(t) {
+    return this._htmlType = n(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 ? n(this._htmlType) : n(((t = this._props) == null ? void 0 : t.type) ?? this._htmlType);
+  }
+  build() {
+    const t = this.getClassName(), r = typeof this._text == "function" ? this._text() : this._text, l = {
+      text: typeof r == "string" && o(r) ? a(r) : r,
+      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(x),
+      ...this._props,
+      type: this.resolvedHtmlType(),
+      bare: this.isReset()
+    };
+    return c.createElement(d, l);
+  }
+}
+const H = m(T);
+export {
+  H as B
+};