fiboui 2.6.3 → 2.7.0

package/dist/interactive.d.ts

@@ -0,0 +1,2 @@
+export { Button, TextField, Form, formDataToValues, required, minLength, maxLength, email, pattern, min, max, rule, url, integer, equalTo, Switch, Checkbox, RadioGroup, Textarea, Select, Combobox } from './index.js';
+export type { FormErrorMode } from './index.js';

package/dist/interactive.js

@@ -1,12 +1,25 @@
-import { B as e, R as s, S as t, T as r } from "./index-D5Ru-8kF.js";
-import { a1 as b, a3 as c, a2 as i, a0 as m } from "./client-BtHxgLa_.js";
+import { B as e } from "./index-DVApKYWt.js";
+import { ap as r, at as t, ab as m, aq as i, as as l, ao as n, aa as x, ar as u, ag as h, an as p, ac as b, am as c, aj as d, af as f, ai as g, ae as T, ah as q, ad as k, ak as B, al as C } from "./client-CGjHCx8F.js";
 export {
   e as Button,
-  b as Checkbox,
-  c as Combobox,
-  s as RadioGroup,
-  i as Select,
-  t as Switch,
-  m as TextField,
-  r as Textarea
+  r as Checkbox,
+  t as Combobox,
+  m as Form,
+  i as RadioGroup,
+  l as Select,
+  n as Switch,
+  x as TextField,
+  u as Textarea,
+  h as email,
+  p as equalTo,
+  b as formDataToValues,
+  c as integer,
+  d as max,
+  f as maxLength,
+  g as min,
+  T as minLength,
+  q as pattern,
+  k as required,
+  B as rule,
+  C as url
 };

package/dist/layout.d.ts

@@ -0,0 +1 @@
+export { Center, Column, Container, Row, Spacer, Scaffold, Header, Sidebar, DashboardLayout, ZStack, Line, ScrollView, ScrollController, VirtualColumn } from './index.js';

package/dist/layout.js

@@ -1,18 +1,19 @@
-import { C as r, a as s, b as e, H as t, L as l, c as n, e as S, d as c, S as d, Z as f } from "./index-Bhq7-OrE.js";
-import { R as m } from "./index-DjwLjHe1.js";
-import { Z as p, _ as u } from "./client-BtHxgLa_.js";
+import { C as r, a as s, H as e, L as l, b as t, S, Z as n } from "./index-D-ljLuf8.js";
+import { C as c, S as f } from "./index-Db8lVjta.js";
+import { a6 as m, a3 as d, a4 as p, a5 as u, a7 as b } from "./client-CGjHCx8F.js";
 export {
   r as Center,
-  s as Column,
-  e as Container,
-  p as DashboardLayout,
-  t as Header,
+  c as Column,
+  s as Container,
+  m as DashboardLayout,
+  e as Header,
   l as Line,
-  m as Row,
-  n as Scaffold,
+  d as Row,
+  p as Scaffold,
+  t as ScrollController,
   S as ScrollView,
-  c as Sidebar,
-  d as Spacer,
-  u as VirtualColumn,
-  f as ZStack
+  u as Sidebar,
+  f as Spacer,
+  b as VirtualColumn,
+  n as ZStack
 };

package/dist/metadata-3YYH1uiS.js

@@ -0,0 +1,147 @@
+import { jsx as c } from "react/jsx-runtime";
+import { a$ as y, a_ as x, b0 as E, b1 as $, b2 as R, b3 as k, b4 as D, b5 as g, b6 as O, b7 as P, b8 as z, aD as A, aE as K } from "./client-CGjHCx8F.js";
+import { useState as M, useMemo as N, lazy as S, Suspense as B } from "react";
+function v(e) {
+  const t = (typeof e == "string" ? e.trim() : "").split(/[?#]/, 1)[0];
+  return !t || t === "/" ? "/" : t.startsWith("/") ? t : `/${t}`;
+}
+function H(e) {
+  let t = typeof e == "string" ? e.trim() : "", r = "";
+  const a = t.indexOf("#");
+  a >= 0 && (r = t.slice(a), t = t.slice(0, a));
+  const s = t.indexOf("?");
+  return { search: s >= 0 ? t.slice(s) : "", hash: r };
+}
+function I(e, n) {
+  const { search: t, hash: r } = H(n), a = R(v(n), e);
+  return `${k(e, a)}${t}${r}`;
+}
+function _(e, n, t, r = "") {
+  const a = R(v(n), r), s = v(e);
+  return a === "/" ? s === "/" : D(s, a, t).match;
+}
+const j = ({
+  to: e,
+  children: n,
+  replace: t = !1,
+  state: r,
+  className: a,
+  style: s,
+  onClick: f,
+  target: i,
+  download: o,
+  rel: h,
+  ...p
+}) => {
+  const l = y(), m = x(e), b = !m && E(e), C = m ? void 0 : b ? e.trim() : I((l == null ? void 0 : l.basename) ?? "", e), w = i && String(i).toLowerCase() === "_blank" ? $(h, "noopener noreferrer") : h;
+  return /* @__PURE__ */ c(
+    "a",
+    {
+      ...p,
+      href: C,
+      onClick: (u) => {
+        if (f == null || f(u), !u.defaultPrevented) {
+          if (m) {
+            u.preventDefault();
+            return;
+          }
+          u.button === 0 && (u.metaKey || u.ctrlKey || u.shiftKey || u.altKey || i && i !== "_self" || o != null && o !== !1 || b || l && (u.preventDefault(), l.navigate(e, { replace: t, state: r })));
+        }
+      },
+      className: a,
+      style: s,
+      target: i,
+      download: o,
+      rel: w,
+      children: n
+    }
+  );
+}, G = ({
+  to: e,
+  children: n,
+  className: t = "",
+  style: r = {},
+  activeClassName: a = "active",
+  activeStyle: s = {},
+  exact: f = !1,
+  ...i
+}) => {
+  const o = y(), h = !!o && _(
+    o.currentPath,
+    e,
+    f,
+    o.basename
+  ), p = h ? `${t} ${a}`.trim() : t, l = h ? { ...r, ...s } : r;
+  return /* @__PURE__ */ c(
+    j,
+    {
+      to: e,
+      className: p,
+      style: l,
+      ...i,
+      "aria-current": h ? "page" : void 0,
+      children: n
+    }
+  );
+}, J = () => {
+  const e = y(), n = g();
+  if (!e || !n || !n.children || n.children.length === 0)
+    return null;
+  const { route: t } = O(n.children, e.currentPath);
+  if (!t)
+    return null;
+  const r = t.component;
+  return /* @__PURE__ */ c(P.Provider, { value: t, children: /* @__PURE__ */ c(r, {}) });
+}, d = /* @__PURE__ */ new WeakMap();
+function W(e) {
+  return e instanceof Error ? e : typeof e == "string" && e.trim() ? new Error(e) : new Error("Failed to load route");
+}
+function L(e) {
+  let n = d.get(e);
+  return n || (n = e().then(
+    (t) => t,
+    (t) => {
+      throw d.delete(e), W(t);
+    }
+  ), d.set(e, n)), n;
+}
+function Q(e, n) {
+  function t(r) {
+    const [a, s] = M(0), f = N(
+      () => S(() => L(e)),
+      [a]
+    );
+    return /* @__PURE__ */ c(
+      z,
+      {
+        fallback: (i) => /* @__PURE__ */ c(
+          K,
+          {
+            error: i,
+            onReset: () => {
+              d.delete(e), s((o) => o + 1);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ c(B, { fallback: (n == null ? void 0 : n.loading) ?? /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(f, { ...r }) })
+      },
+      a
+    );
+  }
+  return t;
+}
+function T(e) {
+  L(e);
+}
+function X() {
+  const e = g();
+  return e == null ? void 0 : e.meta;
+}
+export {
+  j as L,
+  G as N,
+  J as O,
+  Q as l,
+  T as p,
+  X as u
+};

package/dist/navigation.d.ts

@@ -0,0 +1 @@
+export { Router, Link, NavLink, useRouter, useNavigate, useParams, useLocation, useQuery, Outlet, lazyRoute, preloadRoute, useRouteMeta, DefaultLoader, DefaultErrorPage } from './index.js';

package/dist/navigation.js

@@ -1,12 +1,18 @@
-import { a8 as e, ac as o, aa as r, ab as u, ad as t, a9 as i } from "./client-BtHxgLa_.js";
-import { L as m, N as n } from "./Link-l2KUUUg4.js";
+import { aE as s, aD as u, ax as o, aB as t, az as r, aA as l, aC as L, ay as R } from "./client-CGjHCx8F.js";
+import { L as i, N as p, O as m, l as n, p as x, u as y } from "./metadata-3YYH1uiS.js";
 export {
-  m as Link,
-  n as NavLink,
-  e as Router,
-  o as useLocation,
+  s as DefaultErrorPage,
+  u as DefaultLoader,
+  i as Link,
+  p as NavLink,
+  m as Outlet,
+  o as Router,
+  n as lazyRoute,
+  x as preloadRoute,
+  t as useLocation,
   r as useNavigate,
-  u as useParams,
-  t as useQuery,
-  i as useRouter
+  l as useParams,
+  L as useQuery,
+  y as useRouteMeta,
+  R as useRouter
 };

package/dist/page-CYqQOLXe.js

@@ -0,0 +1,266 @@
+var O = Object.defineProperty;
+var k = (e, t, r) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var h = (e, t, r) => k(e, typeof t != "symbol" ? t + "" : t, r);
+import { S as v, c as E, i as $, H as L, aZ as A, U as I } from "./client-CGjHCx8F.js";
+import c from "react";
+function U() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `lst_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 10)}`;
+}
+function N(e) {
+  return typeof e._id == "string" && e._id.length > 0;
+}
+function f(e) {
+  return N(e) ? e : { ...e, _id: U() };
+}
+function y(e, t, r) {
+  if (typeof r == "function")
+    return r(e, t);
+  if (e != null && typeof e == "object") {
+    const n = e;
+    return n._id != null && n._id === r || n.id != null && n.id === r;
+  }
+  return e === r;
+}
+function D(e, t) {
+  if (typeof t == "function")
+    return f({ ...t(e), _id: e._id });
+  const { _id: r, ...n } = t;
+  return { ...e, ...n, _id: e._id };
+}
+function P(e, t, r) {
+  const n = e;
+  return (r && r.length > 0 ? r.map((s) => n[s]) : Object.entries(n).filter(([s]) => s !== "_id").map(([, s]) => s)).some((s) => s == null ? !1 : typeof s == "string" || typeof s == "number" || typeof s == "boolean" ? String(s).toLowerCase().includes(t) : !1);
+}
+class T extends v {
+  constructor(r = []) {
+    const n = (Array.isArray(r) ? r : []).map((i) => f(i));
+    super(n);
+    h(this, "_$length");
+    /** Full list. `.value` is this array, or a filtered slice while a view/filter is set. */
+    h(this, "_source");
+    h(this, "_query", "");
+    h(this, "_keys");
+    h(this, "_predicate");
+    this._source = n, this.publish();
+  }
+  get value() {
+    return super.value;
+  }
+  /**
+   * Replaces the full list, then reapplies the current view.
+   * In-place mutation of this array (`push` / `splice`) does not notify
+   * and does not write the stored list — assign a new array or use
+   * `add` / `update` / `remove`.
+   */
+  set value(r) {
+    this._source = r.map((n) => f(n)), this.publish();
+  }
+  /** Push the visible rows. Always a copy so `.value.splice` cannot write `_source`. */
+  publish() {
+    const n = !!this._query || !!this._predicate ? this._source.filter((i, s) => !(this._query && !P(i, this._query, this._keys) || this._predicate && !this._predicate(i, s))) : this._source.slice();
+    super.value = n;
+  }
+  get length() {
+    return this.value.length;
+  }
+  /**
+   * Reactive length for plain templates:
+   * `Text(\`Total todos: ${todos.$length}\`)`
+   *
+   * Embeds a marker via `interp()`; `Text` resolves it on each update.
+   * (`todos.length` is a plain number and still freezes — use `$length`.)
+   */
+  get $length() {
+    return this._$length || (this._$length = E(() => this.value.length)), $(this._$length);
+  }
+  /** Replace the whole array (missing `_id`s are generated). */
+  set(r) {
+    return this.value = r.map((n) => f(n)), this;
+  }
+  clear() {
+    return this.value = [], this;
+  }
+  /** Append items — each gets `_id` if not already set. Writes the full list. */
+  add(...r) {
+    return r.length === 0 ? this : (this.value = [...this._source, ...r.map((n) => f(n))], this);
+  }
+  /** Insert at index (clamped) in the full list. */
+  insert(r, n) {
+    const i = [...this._source], s = Math.max(0, Math.min(r, i.length));
+    return i.splice(s, 0, f(n)), this.value = i, this;
+  }
+  /**
+   * Patch by `_id` / `id` / predicate.
+   * `patch` can be a partial object or a mapper.
+   */
+  update(r, n) {
+    let i = !1;
+    const s = this._source.map((u, l) => y(u, l, r) ? (i = !0, D(u, n)) : u);
+    return i && (this.value = s), this;
+  }
+  /** Replace the first match (keeps original `_id` unless `item` already has one). */
+  replace(r, n) {
+    const i = this._source.findIndex((l, m) => y(l, m, r));
+    if (i < 0) return this;
+    const s = this._source[i], u = [...this._source];
+    return u[i] = N(n) ? n : { ...n, _id: s._id }, this.value = u, this;
+  }
+  /** Remove by `_id` / `id` / predicate. Alias: `delete`. */
+  remove(r) {
+    const n = this._source.filter((i, s) => !y(i, s, r));
+    return n.length !== this._source.length && (this.value = n), this;
+  }
+  delete(r) {
+    return this.remove(r);
+  }
+  find(r) {
+    return this._source.find((n, i) => y(n, i, r));
+  }
+  /**
+   * Show only rows that match `query`. The full list stays stored.
+   * `view('')` or `view()` shows every item again (does not clear `viewWhere`).
+   * `keys` limits the match to those fields (`['text']`).
+   */
+  view(r = "", n) {
+    return this._query = r.trim().toLowerCase(), this._keys = n, this.publish(), this;
+  }
+  /**
+   * Live predicate on `publish()` (AND with `view`/`search` query).
+   * `viewWhere()` with no fn (or `null`) clears it.
+   */
+  viewWhere(r) {
+    return this._predicate = typeof r == "function" ? r : void 0, this.publish(), this;
+  }
+  /**
+   * Same live view as `view()`, plus a copy of the visible rows.
+   * Bound List/Table update; `const hits = todos.search('x')` still works.
+   */
+  search(r, n) {
+    return this.view(r, n), [...this.value];
+  }
+  /**
+   * One-shot snapshot of `_source` (Array.filter). Does not change `.value`.
+   * Safe inside `computed(() => todos.filter(fn))`.
+   * `todos.set(todos.filter(fn))` replaces the full list (clearDone).
+   */
+  filter(r) {
+    return this._source.filter(r);
+  }
+  map(r) {
+    return this._source.map(r);
+  }
+  move(r, n) {
+    const i = [...this._source];
+    if (r < 0 || r >= i.length) return this;
+    const s = Math.max(0, Math.min(n, i.length - 1));
+    if (r === s) return this;
+    const [u] = i.splice(r, 1);
+    return i.splice(s, 0, u), this.value = i, this;
+  }
+}
+function j(e = []) {
+  return new T(e);
+}
+const J = j, q = {
+  linear: (e) => e,
+  easeIn: (e) => e * e,
+  easeOut: (e) => e * (2 - e),
+  easeInOut: (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e
+};
+function B(e, t, r) {
+  return e + (t - e) * r;
+}
+const a = /* @__PURE__ */ new WeakMap();
+function R() {
+  return typeof requestAnimationFrame == "function";
+}
+function V() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function W(e) {
+  const t = a.get(e);
+  t != null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(t), a.delete(e);
+}
+v.prototype.spring = function(e, t = {}) {
+  this.animate(e, { ...t, curve: "spring", damping: t.damping ?? 26, stiffness: t.stiffness ?? 170 });
+};
+v.prototype.animate = function(e, t = {}) {
+  var b, F;
+  const r = this.value, n = e;
+  if (W(this), !R() || V()) {
+    this.value = n, (b = t.onComplete) == null || b.call(t);
+    return;
+  }
+  if (t.curve === "spring") {
+    const g = typeof t.stiffness == "number" && Number.isFinite(t.stiffness) && t.stiffness > 0 ? t.stiffness : 170, p = typeof t.damping == "number" && Number.isFinite(t.damping) && t.damping >= 0 ? t.damping : 26, _ = typeof t.mass == "number" && Number.isFinite(t.mass) && t.mass > 0 ? t.mass : 1;
+    let o = r, d = typeof t.velocity == "number" && Number.isFinite(t.velocity) ? t.velocity : 0;
+    const w = 1 / 60, M = () => {
+      var x, C;
+      const S = -g * (o - n) - p * d;
+      if (d += S / _ * w, o += d * w, !Number.isFinite(o) || !Number.isFinite(d)) {
+        this.value = n, a.delete(this), (x = t.onComplete) == null || x.call(t);
+        return;
+      }
+      this.value = o, Math.abs(o - n) > 0.01 || Math.abs(d) > 0.01 ? a.set(this, requestAnimationFrame(M)) : (this.value = n, a.delete(this), (C = t.onComplete) == null || C.call(t));
+    };
+    a.set(this, requestAnimationFrame(M));
+    return;
+  }
+  const i = t.duration, s = typeof i == "number" && Number.isFinite(i) && i > 0 ? i : i === void 0 ? 300 : 0;
+  if (s === 0) {
+    this.value = n, (F = t.onComplete) == null || F.call(t);
+    return;
+  }
+  const u = q[t.curve || "easeOut"] ?? q.easeOut;
+  let l = null;
+  const m = (g) => {
+    var _;
+    l || (l = g);
+    const p = Math.min((g - l) / s, 1);
+    this.value = B(r, n, u(p)), p < 1 ? a.set(this, requestAnimationFrame(m)) : (a.delete(this), (_ = t.onComplete) == null || _.call(t));
+  };
+  a.set(this, requestAnimationFrame(m));
+};
+v.prototype.snapTo = function(e, t = {}) {
+  this.animate(e, { duration: 300, curve: "easeOut", ...t });
+};
+function K(e = {}) {
+  return L(e.curve ?? "easeOut", {
+    stiffness: e.stiffness,
+    damping: e.damping,
+    mass: e.mass
+  });
+}
+function H(e, t = {}) {
+  const { styles: r = !0, meta: n } = t;
+  function i() {
+    const s = A(e()), u = [];
+    return typeof (n == null ? void 0 : n.title) == "string" && n.title.length > 0 && u.push(c.createElement("title", { key: "fibo-title" }, n.title)), typeof (n == null ? void 0 : n.description) == "string" && n.description.length > 0 && u.push(
+      c.createElement("meta", {
+        key: "fibo-description",
+        name: "description",
+        content: n.description
+      })
+    ), u.push(s), r && u.push(c.createElement(I)), c.createElement(c.Fragment, null, ...u);
+  }
+  return i.displayName = "FiboPage", n && (i.meta = n), i;
+}
+const Q = H;
+function X(e) {
+  return c.createElement(
+    c.Fragment,
+    null,
+    A(e),
+    c.createElement(I)
+  );
+}
+export {
+  T as L,
+  K as a,
+  Q as b,
+  J as c,
+  f as e,
+  j as l,
+  H as p,
+  X as w
+};

package/dist/server.d.ts

@@ -0,0 +1,2 @@
+export { page, withFiboStyles, createPage, FiboStyles, MotionStyles, getCss, getStyleTag, endSsrRequest, Center, Column, Container, Row, Spacer, Header, Scaffold, Box, Card, Grid, GridItem, Text, Button, Presence } from './index.js';
+export type { FiboPageBuild, FiboPageOptions } from './index.js';