fiboui 1.0.2 → 2.0.0

package/dist/interactive.js

@@ -0,0 +1,12 @@
+"use client";
+import { B as o, C as s, c as t, R as c, b as x, S as b, T as i, a as r } from "./index-B1av7e36.js";
+export {
+  o as Button,
+  s as Checkbox,
+  t as Combobox,
+  c as RadioGroup,
+  x as Select,
+  b as Switch,
+  i as TextField,
+  r as Textarea
+};

package/dist/layout.js

@@ -0,0 +1,18 @@
+"use client";
+import { C as e, a as o, b as r, D as t, H as l, L as n, c, e as i, d as S, S as d, V as u, Z as C } from "./index-yeYkDTAx.js";
+import { R as m } from "./index-RbfIZuAo.js";
+export {
+  e as Center,
+  o as Column,
+  r as Container,
+  t as DashboardLayout,
+  l as Header,
+  n as Line,
+  m as Row,
+  c as Scaffold,
+  i as ScrollView,
+  S as Sidebar,
+  d as Spacer,
+  u as VirtualColumn,
+  C as ZStack
+};

package/dist/mount-sAVX_FBU.js

@@ -0,0 +1,95 @@
+"use client";
+var b = Object.defineProperty;
+var f = (e, t, n) => t in e ? b(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var s = (e, t, n) => f(e, typeof t != "symbol" ? t + "" : t, n);
+import r, { useCallback as u, useSyncExternalStore as c, StrictMode as E } from "react";
+import { createRoot as p } from "react-dom/client";
+import { P as g } from "./PluginManager-D5-ApsSN.js";
+import { R as d, j as _, P as w, k as S, l as R } from "./builder-DjLYXkXu.js";
+function v(e) {
+  return (t) => e.subscribe(t);
+}
+function B(e) {
+  const t = u(v(e), [e]);
+  return c(t, () => e.value, () => e.value);
+}
+function k(e) {
+  const t = u(
+    (n) => e.subscribe(n),
+    [e]
+  );
+  return c(t, () => e.getState(), () => e.getState());
+}
+function x(e) {
+  const t = u(
+    (n) => e.subscribe(n),
+    [e]
+  );
+  return c(t, () => e.get(), () => e.get());
+}
+class C {
+  constructor() {
+    s(this, "_rootComponent", null);
+    s(this, "_rootElement", null);
+    s(this, "_plugins", []);
+  }
+  use(t) {
+    return this._plugins.push(t), this;
+  }
+  plugins(t) {
+    return this._plugins.push(...t), this;
+  }
+  root(t) {
+    return this._rootComponent = t, this;
+  }
+  mount(t) {
+    const n = document.getElementById(t);
+    if (!n)
+      throw new Error(`Root element with id "${t}" not found`);
+    this._rootElement = n, this.build();
+  }
+  build() {
+    if (!this._rootComponent || !this._rootElement)
+      throw new Error("Root component and mount element must be provided");
+    const t = g.getInstance();
+    this._plugins.forEach((i) => {
+      t.use(i);
+    });
+    const n = this._rootComponent, o = () => r.createElement(d, {
+      children: r.createElement(_, {
+        stateMap: /* @__PURE__ */ new Map(),
+        children: r.createElement(w, {
+          providers: /* @__PURE__ */ new Map(),
+          children: r.createElement(n, null)
+        })
+      })
+    });
+    p(this._rootElement).render(r.createElement(o));
+  }
+}
+const W = () => new C();
+function h(e) {
+  return R(e);
+}
+function $({ children: e }) {
+  return h(e);
+}
+function j(e, t, n) {
+  const o = typeof e == "string" ? document.querySelector(e) : e;
+  if (!o)
+    throw new Error(`mount: element not found: ${String(e)}`);
+  const l = typeof t == "function" && !S(t) ? t() : t, i = h(l), a = p(o), m = r.createElement(d, { children: i });
+  return a.render(
+    (n == null ? void 0 : n.strict) === !1 ? m : r.createElement(E, null, m)
+  ), a;
+}
+export {
+  W as F,
+  k as a,
+  x as b,
+  C as c,
+  $ as d,
+  j as m,
+  h as t,
+  B as u
+};

package/dist/navigation.js

@@ -0,0 +1,13 @@
+"use client";
+import { R as e } from "./Router-i6Nc6qVs.js";
+import { L as o, N as r, c as t, a as i, b as n, d as L, u as c } from "./Link-DDzSPY1Q.js";
+export {
+  o as Link,
+  r as NavLink,
+  e as Router,
+  t as useLocation,
+  i as useNavigate,
+  n as useParams,
+  L as useQuery,
+  c as useRouter
+};

package/dist/provider-B0eB-Wy7.js

@@ -0,0 +1,286 @@
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { useState as i, useEffect as p, createContext as m, useContext as h } from "react";
+const l = {
+  name: "material",
+  colors: {
+    primary: "#6750A4",
+    primaryVariant: "#4F378B",
+    secondary: "#625B71",
+    secondaryVariant: "#4A4458",
+    background: "#FFFBFE",
+    surface: "#FFFBFE",
+    error: "#B3261E",
+    success: "#4CAF50",
+    warning: "#FF9800",
+    info: "#2196F3",
+    onPrimary: "#FFFFFF",
+    onSecondary: "#000000",
+    onBackground: "#000000",
+    onSurface: "#000000",
+    onError: "#FFFFFF"
+  },
+  typography: {
+    h1: {
+      fontSize: "96px",
+      fontWeight: 300,
+      letterSpacing: "-1.5px"
+    },
+    h2: {
+      fontSize: "60px",
+      fontWeight: 300,
+      letterSpacing: "-0.5px"
+    },
+    h3: {
+      fontSize: "48px",
+      fontWeight: 400
+    },
+    h4: {
+      fontSize: "34px",
+      fontWeight: 400,
+      letterSpacing: "0.25px"
+    },
+    h5: {
+      fontSize: "24px",
+      fontWeight: 400
+    },
+    h6: {
+      fontSize: "20px",
+      fontWeight: 500,
+      letterSpacing: "0.15px"
+    },
+    body: {
+      fontSize: "16px",
+      fontWeight: 400,
+      letterSpacing: "0.5px"
+    },
+    caption: {
+      fontSize: "12px",
+      fontWeight: 400,
+      letterSpacing: "0.4px"
+    },
+    label: {
+      fontSize: "14px",
+      fontWeight: 500,
+      letterSpacing: "1.25px"
+    }
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px"
+  },
+  borderRadius: {
+    sm: "4px",
+    md: "8px",
+    lg: "16px",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 2px 4px rgba(0,0,0,0.1)",
+    md: "0 4px 8px rgba(0,0,0,0.12)",
+    lg: "0 8px 16px rgba(0,0,0,0.14)"
+  },
+  fontFamily: "Roboto, sans-serif"
+}, S = {
+  name: "cupertino",
+  colors: {
+    primary: "#007AFF",
+    secondary: "#AF52DE",
+    background: "#FFFFFF",
+    surface: "#F2F2F7",
+    error: "#FF3B30",
+    success: "#34C759",
+    warning: "#FF9500",
+    info: "#5AC8FA",
+    onPrimary: "#FFFFFF",
+    onSecondary: "#FFFFFF",
+    onBackground: "#000000",
+    onSurface: "#000000",
+    onError: "#FFFFFF"
+  },
+  typography: {
+    h1: {
+      fontSize: "34px",
+      fontWeight: 700,
+      letterSpacing: "0.37px"
+    },
+    h2: {
+      fontSize: "28px",
+      fontWeight: 700,
+      letterSpacing: "0.36px"
+    },
+    h3: {
+      fontSize: "22px",
+      fontWeight: 600,
+      letterSpacing: "0.35px"
+    },
+    h4: {
+      fontSize: "20px",
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "17px",
+      fontWeight: 600,
+      letterSpacing: "-0.41px"
+    },
+    h6: {
+      fontSize: "15px",
+      fontWeight: 600,
+      letterSpacing: "-0.24px"
+    },
+    body: {
+      fontSize: "17px",
+      fontWeight: 400,
+      letterSpacing: "-0.41px"
+    },
+    caption: {
+      fontSize: "13px",
+      fontWeight: 400,
+      letterSpacing: "-0.08px"
+    },
+    label: {
+      fontSize: "15px",
+      fontWeight: 500,
+      letterSpacing: "-0.24px"
+    }
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "12px",
+    lg: "20px",
+    xl: "32px"
+  },
+  borderRadius: {
+    sm: "8px",
+    md: "12px",
+    lg: "20px",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 1px 3px rgba(0,0,0,0.08)",
+    md: "0 2px 8px rgba(0,0,0,0.1)",
+    lg: "0 4px 16px rgba(0,0,0,0.12)"
+  },
+  fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
+}, d = {
+  name: "web",
+  colors: {
+    primary: "#3B82F6",
+    secondary: "#8B5CF6",
+    background: "#FFFFFF",
+    surface: "#F9FAFB",
+    error: "#EF4444",
+    success: "#10B981",
+    warning: "#F59E0B",
+    info: "#06B6D4",
+    onPrimary: "#FFFFFF",
+    onSecondary: "#FFFFFF",
+    onBackground: "#111827",
+    onSurface: "#374151",
+    onError: "#FFFFFF"
+  },
+  typography: {
+    h1: {
+      fontSize: "60px",
+      fontWeight: 800,
+      letterSpacing: "-0.02em"
+    },
+    h2: {
+      fontSize: "48px",
+      fontWeight: 700,
+      letterSpacing: "-0.01em"
+    },
+    h3: {
+      fontSize: "36px",
+      fontWeight: 700
+    },
+    h4: {
+      fontSize: "30px",
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "24px",
+      fontWeight: 600
+    },
+    h6: {
+      fontSize: "20px",
+      fontWeight: 600
+    },
+    body: {
+      fontSize: "16px",
+      fontWeight: 400,
+      lineHeight: "1.5"
+    },
+    caption: {
+      fontSize: "14px",
+      fontWeight: 400,
+      lineHeight: "1.4"
+    },
+    label: {
+      fontSize: "14px",
+      fontWeight: 500,
+      letterSpacing: "0.01em"
+    }
+  },
+  spacing: {
+    xs: "4px",
+    sm: "8px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px"
+  },
+  borderRadius: {
+    sm: "6px",
+    md: "8px",
+    lg: "12px",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 1px 2px rgba(0,0,0,0.05)",
+    md: "0 4px 6px rgba(0,0,0,0.07)",
+    lg: "0 10px 15px rgba(0,0,0,0.1)"
+  },
+  fontFamily: "Inter, system-ui, sans-serif"
+}, s = m(void 0), a = {
+  material: l,
+  cupertino: S,
+  web: d
+};
+function b({
+  theme: t = "material",
+  children: F
+}) {
+  const [n, r] = i(t), [x, f] = i(a[t]);
+  p(() => {
+    r(t);
+  }, [t]), p(() => {
+    const o = a[n];
+    if (f(o), typeof document < "u") {
+      const e = document.documentElement;
+      e.classList.remove("fibo-theme-material", "fibo-theme-cupertino", "fibo-theme-web"), e.classList.add(`fibo-theme-${n}`), e.style.setProperty("--fibo-primary", o.colors.primary), e.style.setProperty("--fibo-secondary", o.colors.secondary), e.style.setProperty("--fibo-background", o.colors.background), e.style.setProperty("--fibo-surface", o.colors.surface), e.style.setProperty("--fibo-error", o.colors.error), e.style.setProperty("--fibo-font-family", o.fontFamily);
+    }
+  }, [n]);
+  const c = {
+    theme: x,
+    themeName: n,
+    setTheme: r
+  };
+  return /* @__PURE__ */ g(s.Provider, { value: c, children: F });
+}
+function z() {
+  const t = h(s);
+  if (!t)
+    throw new Error("useFiboTheme must be used within a FiboThemeProvider");
+  return t;
+}
+export {
+  b as F,
+  S as c,
+  l as m,
+  z as u,
+  d as w
+};

package/dist/structure.js

@@ -0,0 +1,15 @@
+"use client";
+import { B as e } from "./index-DKFr-sai.js";
+import { B as i, C as o, c as t, G as l, d, L as B, a as T, T as m, b as n } from "./index-BQGRpkzR.js";
+export {
+  i as Banner,
+  e as Box,
+  o as Card,
+  t as Collapse,
+  l as Grid,
+  d as GridItem,
+  B as List,
+  T as ListTile,
+  m as Table,
+  n as Tags
+};