@furcrer/fullstack-components 0.1.0

package/dist/index.js

@@ -0,0 +1,2067 @@
+import ye, { createContext as re, useState as T, useEffect as M, useMemo as P, useContext as ne, useRef as $, useSyncExternalStore as N, useCallback as E, useId as ae } from "react";
+const Se = {
+  0: "0rem",
+  1: "0.25rem",
+  2: "0.5rem",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  8: "2rem",
+  10: "2.5rem",
+  12: "3rem",
+  16: "4rem"
+}, we = {
+  none: "0",
+  small: "0.25rem",
+  medium: "0.5rem",
+  large: "0.75rem",
+  full: "9999px"
+}, Ee = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem"
+}, Te = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+}, Ce = {
+  none: "none",
+  sm: "0 1px 2px rgb(0 0 0 / 0.08)",
+  md: "0 4px 10px rgb(0 0 0 / 0.12)",
+  lg: "0 12px 28px rgb(0 0 0 / 0.16)"
+}, ke = {
+  base: 0,
+  dropdown: 100,
+  sticky: 200,
+  overlay: 300,
+  modal: 400,
+  toast: 500
+}, R = {
+  colors: {
+    surface: "#ffffff",
+    surfaceMuted: "#f7f7f7",
+    text: "#171717",
+    textMuted: "#737373",
+    border: "#d4d4d4",
+    primary: "#2563eb",
+    primaryContrast: "#ffffff",
+    danger: "#b91c1c",
+    dangerContrast: "#ffffff"
+  },
+  states: {
+    focusRing: "#2563eb",
+    disabledSurface: "#e5e5e5",
+    disabledText: "#737373",
+    disabledOpacity: 0.55,
+    error: "#b91c1c",
+    errorContrast: "#ffffff",
+    errorSurface: "#fef2f2",
+    success: "#15803d",
+    successContrast: "#ffffff",
+    successSurface: "#f0fdf4",
+    warning: "#a16207",
+    warningContrast: "#ffffff",
+    warningSurface: "#fffbeb"
+  },
+  spacing: Se,
+  radius: we,
+  fontSize: Ee,
+  fontWeight: Te,
+  shadows: Ce,
+  zIndex: ke
+};
+function Re(e = {}) {
+  return {
+    colors: { ...R.colors, ...e.colors },
+    states: { ...R.states, ...e.states },
+    spacing: { ...R.spacing, ...e.spacing },
+    radius: { ...R.radius, ...e.radius },
+    fontSize: { ...R.fontSize, ...e.fontSize },
+    fontWeight: { ...R.fontWeight, ...e.fontWeight },
+    shadows: { ...R.shadows, ...e.shadows },
+    zIndex: { ...R.zIndex, ...e.zIndex }
+  };
+}
+const _e = Re({
+  colors: {
+    surface: "#171717",
+    surfaceMuted: "#262626",
+    text: "#f5f5f5",
+    textMuted: "#a3a3a3",
+    border: "#404040",
+    primary: "#60a5fa",
+    primaryContrast: "#0f172a",
+    danger: "#f87171",
+    dangerContrast: "#450a0a"
+  },
+  states: {
+    focusRing: "#93c5fd",
+    disabledSurface: "#404040",
+    disabledText: "#a3a3a3",
+    disabledOpacity: 0.55,
+    error: "#f87171",
+    errorContrast: "#450a0a",
+    errorSurface: "#450a0a",
+    success: "#4ade80",
+    successContrast: "#052e16",
+    successSurface: "#052e16",
+    warning: "#fbbf24",
+    warningContrast: "#422006",
+    warningSurface: "#422006"
+  }
+});
+function Pe(e) {
+  return e.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
+}
+const Oe = {
+  colors: "color",
+  states: "state",
+  spacing: "space",
+  radius: "radius",
+  fontSize: "font-size",
+  fontWeight: "font-weight",
+  shadows: "shadow",
+  zIndex: "z-index"
+};
+function se(e) {
+  const r = {};
+  for (const [t, n] of Object.entries(e)) {
+    const s = Oe[t];
+    for (const [o, i] of Object.entries(n))
+      r[`--fsc-${s}-${Pe(o)}`] = String(i);
+  }
+  return r;
+}
+function ut(e) {
+  const r = se(e);
+  return `:root {
+${Object.entries(r).map(([n, s]) => `  ${n}: ${s};`).join(`
+`)}
+}`;
+}
+function Ae(e) {
+  const r = [];
+  for (const [t, n] of Object.entries(e)) {
+    if (!n || typeof n != "object") {
+      r.push(`Missing theme group: ${t}`);
+      continue;
+    }
+    for (const [s, o] of Object.entries(n))
+      (o == null || typeof o == "string" && o.trim() === "") && r.push(`Missing theme value: ${t}.${s}`);
+  }
+  return r;
+}
+function $e(e, r, t) {
+  const n = Ae(r);
+  if (n.length > 0)
+    throw new Error(`Invalid theme: ${n.join(", ")}`);
+  const s = se(r), o = /* @__PURE__ */ new Map(), i = e.style.colorScheme, c = e.dataset.theme;
+  for (const [u, f] of Object.entries(s))
+    o.set(u, e.style.getPropertyValue(u)), e.style.setProperty(u, f);
+  return t && (e.dataset.theme = t, e.style.colorScheme = t), () => {
+    for (const [u, f] of o)
+      f ? e.style.setProperty(u, f) : e.style.removeProperty(u);
+    c === void 0 ? delete e.dataset.theme : e.dataset.theme = c, e.style.colorScheme = i;
+  };
+}
+var F = { exports: {} }, z = {};
+var H;
+function Ne() {
+  if (H) return z;
+  H = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function t(n, s, o) {
+    var i = null;
+    if (o !== void 0 && (i = "" + o), s.key !== void 0 && (i = "" + s.key), "key" in s) {
+      o = {};
+      for (var c in s)
+        c !== "key" && (o[c] = s[c]);
+    } else o = s;
+    return s = o.ref, {
+      $$typeof: e,
+      type: n,
+      key: i,
+      ref: s !== void 0 ? s : null,
+      props: o
+    };
+  }
+  return z.Fragment = r, z.jsx = t, z.jsxs = t, z;
+}
+var I = {};
+var X;
+function ze() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === ve ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
+        case m:
+          return "Fragment";
+        case C:
+          return "Profiler";
+        case v:
+          return "StrictMode";
+        case me:
+          return "Suspense";
+        case pe:
+          return "SuspenseList";
+        case be:
+          return "Activity";
+        case xe:
+          return "ViewTransition";
+      }
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), l.$$typeof) {
+          case x:
+            return "Portal";
+          case de:
+            return l.displayName || "Context";
+          case O:
+            return (l._context.displayName || "Context") + ".Consumer";
+          case fe:
+            var p = l.render;
+            return l = l.displayName, l || (l = p.displayName || p.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case he:
+            return p = l.displayName || null, p !== null ? p : e(l.type) || "Memo";
+          case L:
+            p = l._payload, l = l._init;
+            try {
+              return e(l(p));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(l) {
+      return "" + l;
+    }
+    function t(l) {
+      try {
+        r(l);
+        var p = !1;
+      } catch {
+        p = !0;
+      }
+      if (p) {
+        p = console;
+        var y = p.error, S = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return y.call(
+          p,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          S
+        ), r(l);
+      }
+    }
+    function n(l) {
+      if (l === m) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === L)
+        return "<...>";
+      try {
+        var p = e(l);
+        return p ? "<" + p + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var l = D.A;
+      return l === null ? null : l.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function i(l) {
+      if (W.call(l, "key")) {
+        var p = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (p && p.isReactWarning) return !1;
+      }
+      return l.key !== void 0;
+    }
+    function c(l, p) {
+      function y() {
+        J || (J = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          p
+        ));
+      }
+      y.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: y,
+        configurable: !0
+      });
+    }
+    function u() {
+      var l = e(this.type);
+      return Q[l] || (Q[l] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), l = this.props.ref, l !== void 0 ? l : null;
+    }
+    function f(l, p, y, S, _, k) {
+      var w = y.ref;
+      return l = {
+        $$typeof: j,
+        type: l,
+        key: p,
+        props: y,
+        _owner: S
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(l, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(l, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(l, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: _
+      }), Object.defineProperty(l, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: k
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+    }
+    function h(l, p, y, S, _, k) {
+      var w = p.children;
+      if (w !== void 0)
+        if (S)
+          if (ge(w)) {
+            for (S = 0; S < w.length; S++)
+              d(w[S]);
+            Object.freeze && Object.freeze(w);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else d(w);
+      if (W.call(p, "key")) {
+        w = e(l);
+        var A = Object.keys(p).filter(function(je) {
+          return je !== "key";
+        });
+        S = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", Z[w + S] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          S,
+          w,
+          A,
+          w
+        ), Z[w + S] = !0);
+      }
+      if (w = null, y !== void 0 && (t(y), w = "" + y), i(p) && (t(p.key), w = "" + p.key), "key" in p) {
+        y = {};
+        for (var U in p)
+          U !== "key" && (y[U] = p[U]);
+      } else y = p;
+      return w && c(
+        y,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      ), f(
+        l,
+        w,
+        y,
+        s(),
+        _,
+        k
+      );
+    }
+    function d(l) {
+      g(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === L && (l._payload.status === "fulfilled" ? g(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+    }
+    function g(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === j;
+    }
+    var b = ye, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), O = /* @__PURE__ */ Symbol.for("react.consumer"), de = /* @__PURE__ */ Symbol.for("react.context"), fe = /* @__PURE__ */ Symbol.for("react.forward_ref"), me = /* @__PURE__ */ Symbol.for("react.suspense"), pe = /* @__PURE__ */ Symbol.for("react.suspense_list"), he = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), be = /* @__PURE__ */ Symbol.for("react.activity"), xe = /* @__PURE__ */ Symbol.for("react.view_transition"), ve = /* @__PURE__ */ Symbol.for("react.client.reference"), D = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, ge = Array.isArray, V = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(l) {
+        return l();
+      }
+    };
+    var J, Q = {}, G = b.react_stack_bottom_frame.bind(
+      b,
+      o
+    )(), q = V(n(o)), Z = {};
+    I.Fragment = m, I.jsx = function(l, p, y) {
+      var S = 1e4 > D.recentlyCreatedOwnerStacks++;
+      if (S) {
+        var _ = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var k = Error("react-stack-top-frame");
+        Error.stackTraceLimit = _;
+      } else k = G;
+      return h(
+        l,
+        p,
+        y,
+        !1,
+        k,
+        S ? V(n(l)) : q
+      );
+    }, I.jsxs = function(l, p, y) {
+      var S = 1e4 > D.recentlyCreatedOwnerStacks++;
+      if (S) {
+        var _ = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var k = Error("react-stack-top-frame");
+        Error.stackTraceLimit = _;
+      } else k = G;
+      return h(
+        l,
+        p,
+        y,
+        !0,
+        k,
+        S ? V(n(l)) : q
+      );
+    };
+  })()), I;
+}
+var K;
+function Ie() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? F.exports = Ne() : F.exports = ze()), F.exports;
+}
+var a = Ie();
+const oe = re(null);
+function Fe() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function Me() {
+  return Fe() ? "dark" : "light";
+}
+function dt({
+  children: e,
+  mode: r,
+  defaultMode: t = "system",
+  lightTheme: n = R,
+  darkTheme: s = _e,
+  container: o
+}) {
+  const [i, c] = T(t), u = r ?? i, [f, h] = T(Me);
+  M(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const j = window.matchMedia("(prefers-color-scheme: dark)"), x = () => h(j.matches ? "dark" : "light");
+    return x(), j.addEventListener?.("change", x), () => j.removeEventListener?.("change", x);
+  }, []);
+  const d = u === "system" ? f : u, g = d === "dark" ? s : n, b = P(
+    () => ({
+      mode: u,
+      resolvedMode: d,
+      theme: g,
+      setMode: c
+    }),
+    [u, d, g]
+  );
+  return M(() => {
+    const j = o ?? (typeof document < "u" ? document.documentElement : null);
+    if (j)
+      return $e(j, g, d);
+  }, [o, d, g]), /* @__PURE__ */ a.jsx(oe.Provider, { value: b, children: e });
+}
+function ft() {
+  const e = ne(oe);
+  if (!e) throw new Error("useTheme must be used within a ThemeProvider.");
+  return e;
+}
+function Y(e) {
+  let r = { ...e.initialValues }, t = {
+    values: { ...r },
+    errors: {},
+    touched: {},
+    dirty: !1,
+    submitting: !1,
+    status: "idle"
+  };
+  const n = /* @__PURE__ */ new Set(), s = () => {
+    for (const f of n) f();
+  }, o = (f) => {
+    t = f, s();
+  }, i = async () => {
+    if (!e.validate)
+      return Object.keys(t.errors).length === 0 ? {} : (o({ ...t, errors: {} }), {});
+    const f = await e.validate(t.values);
+    return o({ ...t, errors: f }), f;
+  };
+  return {
+    getState: () => t,
+    setValue: (f, h) => {
+      o({
+        ...t,
+        values: { ...t.values, [f]: h },
+        dirty: !0,
+        status: t.status === "success" || t.status === "error" ? "idle" : t.status,
+        submitError: void 0
+      });
+    },
+    setTouched: (f, h = !0) => {
+      o({
+        ...t,
+        touched: { ...t.touched, [f]: h }
+      });
+    },
+    setErrors: (f) => {
+      o({ ...t, errors: f, status: "error" });
+    },
+    reset: (f = r) => {
+      r = { ...f }, o({
+        values: { ...f },
+        errors: {},
+        touched: {},
+        dirty: !1,
+        submitting: !1,
+        status: "idle",
+        submitError: void 0
+      });
+    },
+    validate: i,
+    submit: async () => {
+      if (t.submitting) return !1;
+      const f = await i();
+      if (Object.keys(f).length > 0)
+        return o({ ...t, errors: f, status: "error", submitting: !1 }), !1;
+      const h = t.values;
+      o({ ...t, submitting: !0, status: "submitting", submitError: void 0 });
+      try {
+        return await e.onSubmit(h), o({ ...t, submitting: !1, status: "success", errors: {} }), !0;
+      } catch (d) {
+        return o({
+          ...t,
+          submitting: !1,
+          status: "error",
+          submitError: d instanceof Error ? d.message : String(d)
+        }), !1;
+      }
+    },
+    subscribe: (f) => (n.add(f), () => n.delete(f))
+  };
+}
+function Le(e, r) {
+  let t, n;
+  return {
+    name: r,
+    getState: () => {
+      const o = e.getState();
+      return o === t && n || (t = o, n = {
+        value: o.values[r],
+        error: o.errors[r],
+        touched: o.touched[r] === !0,
+        dirty: o.dirty,
+        submitting: o.submitting
+      }), n;
+    },
+    setValue: (o) => e.setValue(r, o),
+    setTouched: (o = !0) => e.setTouched(r, o)
+  };
+}
+const ie = re(null);
+function le({
+  store: e,
+  children: r
+}) {
+  return /* @__PURE__ */ a.jsx(ie.Provider, { value: e, children: r });
+}
+function B() {
+  const e = ne(ie);
+  if (!e)
+    throw new Error("useFormStore must be used inside a FormProvider.");
+  return e;
+}
+function mt(e) {
+  const r = $(null);
+  r.current || (r.current = Y(e));
+  const t = r.current, n = N(
+    t.subscribe,
+    t.getState,
+    t.getState
+  );
+  return {
+    store: t,
+    state: n,
+    submit: t.submit,
+    reset: t.reset,
+    validate: t.validate
+  };
+}
+function De() {
+  const e = B();
+  return N(
+    e.subscribe,
+    e.getState,
+    e.getState
+  );
+}
+function ce(e) {
+  const r = B(), t = P(
+    () => Le(r, e),
+    [r, e]
+  );
+  return {
+    ...N(
+      r.subscribe,
+      t.getState,
+      t.getState
+    ),
+    setValue: t.setValue,
+    setTouched: t.setTouched
+  };
+}
+function pt({
+  store: e,
+  children: r,
+  onSubmitResult: t,
+  onReset: n,
+  ...s
+}) {
+  const o = async (c) => {
+    c.preventDefault();
+    const u = await e.submit();
+    await t?.(u);
+  }, i = (c) => {
+    c.preventDefault(), e.reset(), n?.();
+  };
+  return /* @__PURE__ */ a.jsx(le, { store: e, children: /* @__PURE__ */ a.jsx("form", { ...s, onSubmit: o, onReset: i, children: r }) });
+}
+function ee({ name: e, children: r, ...t }) {
+  const n = ce(e);
+  if (r)
+    return r(n);
+  const s = n.value, o = typeof s == "string" || typeof s == "number" ? s : "";
+  return /* @__PURE__ */ a.jsx(
+    "input",
+    {
+      ...t,
+      name: String(e),
+      value: o,
+      onChange: (i) => n.setValue(i.target.value),
+      onBlur: () => n.setTouched(),
+      "aria-invalid": n.error ? !0 : void 0
+    }
+  );
+}
+function ue(e, r) {
+  return e ? `${r} ${e}` : r;
+}
+function Ve(e) {
+  const { children: r = "Submit", disabled: t, className: n, ...s } = e, { submitting: o } = B().getState();
+  return /* @__PURE__ */ a.jsx(
+    "button",
+    {
+      ...s,
+      className: ue(n, "fsc-form-action"),
+      type: "submit",
+      disabled: t || o,
+      "aria-busy": o || void 0,
+      children: r
+    }
+  );
+}
+function Ue(e) {
+  const { children: r = "Reset", className: t, ...n } = e;
+  return /* @__PURE__ */ a.jsx(
+    "button",
+    {
+      ...n,
+      className: ue(t, "fsc-form-action"),
+      type: "reset",
+      children: r
+    }
+  );
+}
+function ht({ name: e, render: r }) {
+  const t = ce(e);
+  return r({
+    value: t.value,
+    onChange: t.setValue,
+    onBlur: () => t.setTouched(),
+    error: t.error
+  });
+}
+function bt(e) {
+  return function(t) {
+    const { field: n, ...s } = t;
+    return /* @__PURE__ */ a.jsx(e, { ...s, ...n });
+  };
+}
+function xt(e) {
+  const { resource: r, mode: t, id: n, initialValues: s, validate: o, transform: i, onSuccess: c } = e;
+  if (t === "edit" && n === void 0)
+    throw new Error("An id is required when creating an edit resource form.");
+  return Y({
+    initialValues: s,
+    validate: o,
+    onSubmit: async (f) => {
+      const h = i ? i(f) : f;
+      let d;
+      if (t === "create") {
+        if (!r.create)
+          throw new Error(`Resource "${r.name}" does not support create.`);
+        d = await r.create(h);
+      } else {
+        if (!r.update)
+          throw new Error(`Resource "${r.name}" does not support update.`);
+        d = await r.update(n, h);
+      }
+      await c?.(d);
+    }
+  });
+}
+function Ye(e) {
+  const r = /* @__PURE__ */ new Set();
+  for (const t of e)
+    for (const n of Object.keys(t)) r.add(n);
+  return [...r].map((t) => ({
+    key: t,
+    header: t
+  }));
+}
+function Be(e, r) {
+  return e === r ? 0 : e == null ? -1 : r == null ? 1 : String(e).localeCompare(String(r), void 0, { numeric: !0, sensitivity: "base" });
+}
+function We(e, r) {
+  let t = [...r];
+  return {
+    name: e,
+    async list(n = {}) {
+      let s = [...t];
+      if (n.search) {
+        const i = n.search.trim().toLowerCase();
+        i && (s = s.filter(
+          (c) => Object.values(c).some(
+            (u) => String(u ?? "").toLowerCase().includes(i)
+          )
+        ));
+      }
+      if (n.sort) {
+        const { field: i, direction: c } = n.sort;
+        s.sort((u, f) => {
+          const h = Be(u[i], f[i]);
+          return c === "desc" ? -h : h;
+        });
+      }
+      const o = s.length;
+      if (n.pageSize && n.pageSize > 0) {
+        const c = (Math.max(n.page ?? 1, 1) - 1) * n.pageSize;
+        s = s.slice(c, c + n.pageSize);
+      }
+      return { data: s, total: o };
+    },
+    async get(n) {
+      const s = t.find((o) => String(o.id) === n);
+      if (!s) throw new Error(`${e} record "${n}" was not found.`);
+      return s;
+    },
+    async create(n) {
+      const s = {
+        ...n,
+        id: globalThis.crypto.randomUUID()
+      };
+      return t.push(s), s;
+    },
+    async update(n, s) {
+      const o = t.findIndex((c) => String(c.id) === n);
+      if (o < 0) throw new Error(`${e} record "${n}" was not found.`);
+      const i = { ...t[o], ...s };
+      return t[o] = i, i;
+    },
+    async delete(n) {
+      const s = t.findIndex((o) => String(o.id) === n);
+      if (s < 0) throw new Error(`${e} record "${n}" was not found.`);
+      t.splice(s, 1);
+    }
+  };
+}
+function Je(e, r = {}) {
+  let t = {
+    data: [],
+    operation: "idle",
+    lastQuery: r.initialQuery
+  };
+  const n = /* @__PURE__ */ new Set(), s = () => {
+    for (const m of n) m();
+  }, o = (m) => {
+    t = {
+      ...t,
+      ...m,
+      lastUpdated: Date.now()
+    }, s();
+  }, i = (m) => m instanceof Error ? m : new Error(String(m)), c = async (m, v) => {
+    o({ operation: m, error: void 0 });
+    try {
+      const C = await v();
+      return o({ operation: "idle" }), C;
+    } catch (C) {
+      const O = i(C);
+      throw o({
+        operation: "idle",
+        error: O
+      }), O;
+    }
+  }, u = async (m = t.lastQuery ?? {}) => {
+    const v = await e.list(m);
+    return o({
+      data: v.data,
+      total: v.total,
+      lastQuery: m
+    }), v;
+  }, f = (m = t.lastQuery ?? {}) => c("listing", () => u(m)), h = (m) => c("reading", async () => {
+    const v = await e.get(m);
+    return o({ selected: v }), v;
+  }), d = (m) => {
+    if (!e.create) {
+      const v = new Error(
+        `Resource "${e.name}" does not support create().`
+      );
+      return o({ operation: "idle", error: v }), Promise.reject(v);
+    }
+    return c("creating", async () => {
+      const v = await e.create(m);
+      return await j(), o({ selected: v }), v;
+    });
+  }, g = (m, v) => {
+    if (!e.update) {
+      const C = new Error(
+        `Resource "${e.name}" does not support update().`
+      );
+      return o({ operation: "idle", error: C }), Promise.reject(C);
+    }
+    return c("updating", async () => {
+      const C = await e.update(m, v);
+      return await j(), o({ selected: C }), C;
+    });
+  }, b = (m) => {
+    if (!e.delete) {
+      const v = new Error(
+        `Resource "${e.name}" does not support delete().`
+      );
+      return o({ operation: "idle", error: v }), Promise.reject(v);
+    }
+    return c("deleting", async () => {
+      await e.delete(m), await j(), t.selected && String(t.selected.id) === String(m) && o({ selected: void 0 });
+    });
+  }, j = async () => {
+    const m = t.lastQuery ?? {}, v = await e.list(m);
+    o({
+      data: v.data,
+      total: v.total,
+      lastQuery: m
+    });
+  };
+  return {
+    getState: () => t,
+    list: f,
+    get: h,
+    create: d,
+    update: g,
+    remove: b,
+    refresh: () => f(t.lastQuery ?? {}),
+    select: (m) => o({ selected: m }),
+    clearSelection: () => o({ selected: void 0 }),
+    clearError: () => o({ error: void 0 }),
+    subscribe: (m) => (n.add(m), () => n.delete(m))
+  };
+}
+function Qe(e) {
+  let r = {
+    data: [],
+    columns: e.columns ?? [],
+    loading: !1,
+    error: null,
+    page: 1,
+    pageSize: Math.max(e.pageSize ?? 20, 1),
+    total: void 0,
+    search: "",
+    sort: void 0
+  };
+  const t = /* @__PURE__ */ new Set(), n = () => t.forEach((d) => d()), s = (d) => {
+    r = d, n();
+  }, o = async () => {
+    const d = r;
+    s({ ...d, loading: !0, error: null });
+    try {
+      const g = await e.resource.list({
+        page: d.page,
+        pageSize: d.pageSize,
+        search: d.search || void 0,
+        sort: d.sort
+      });
+      if (r.page !== d.page || r.pageSize !== d.pageSize || r.search !== d.search || r.sort !== d.sort)
+        return;
+      s({
+        ...r,
+        data: g.data,
+        columns: e.columns ?? Ye(g.data),
+        total: g.total,
+        loading: !1,
+        error: null
+      });
+    } catch (g) {
+      if (r.page !== d.page || r.pageSize !== d.pageSize || r.search !== d.search || r.sort !== d.sort)
+        return;
+      s({
+        ...r,
+        loading: !1,
+        error: g instanceof Error ? g : new Error(String(g))
+      });
+    }
+  };
+  return {
+    getState: () => r,
+    load: o,
+    setSearch: async (d) => {
+      s({ ...r, search: d, page: 1 }), await o();
+    },
+    setPage: async (d) => {
+      !Number.isInteger(d) || d < 1 || (s({ ...r, page: d }), await o());
+    },
+    setPageSize: async (d) => {
+      !Number.isInteger(d) || d < 1 || (s({ ...r, pageSize: d, page: 1 }), await o());
+    },
+    setSort: async (d) => {
+      const g = r.sort, b = g?.field === d && g.direction === "asc" ? "desc" : "asc";
+      s({ ...r, sort: { field: d, direction: b }, page: 1 }), await o();
+    },
+    reset: async () => {
+      s({ ...r, data: [], page: 1, search: "", sort: void 0, error: null }), await o();
+    },
+    subscribe: (d) => (t.add(d), () => t.delete(d))
+  };
+}
+function Ge(e) {
+  const r = P(
+    () => Qe(e),
+    [e.resource, e.columns, e.pageSize]
+  ), t = E(
+    (o) => r.subscribe(o),
+    [r]
+  ), n = E(() => r.getState(), [r]), s = N(t, n, n);
+  return { controller: r, state: s };
+}
+function qe({
+  data: e,
+  columns: r,
+  emptyState: t = null,
+  caption: n,
+  ...s
+}) {
+  return /* @__PURE__ */ a.jsxs("table", { ...s, children: [
+    n !== void 0 ? /* @__PURE__ */ a.jsx("caption", { children: n }) : null,
+    /* @__PURE__ */ a.jsx("thead", { children: /* @__PURE__ */ a.jsx("tr", { children: r.map((o) => /* @__PURE__ */ a.jsx("th", { scope: "col", children: o.header ?? o.key }, o.key)) }) }),
+    /* @__PURE__ */ a.jsx("tbody", { children: e.length === 0 ? /* @__PURE__ */ a.jsx("tr", { children: /* @__PURE__ */ a.jsx("td", { colSpan: Math.max(r.length, 1), children: t }) }) : e.map((o, i) => /* @__PURE__ */ a.jsx("tr", { children: r.map((c) => {
+      const u = o[c.key];
+      return /* @__PURE__ */ a.jsx("td", { children: c.render ? c.render(u, o) : String(u ?? "") }, c.key);
+    }) }, String(o.id ?? i))) })
+  ] });
+}
+class Ze extends Error {
+  status;
+  code;
+  details;
+  constructor(r, t) {
+    super(t?.message ?? `API request failed with status ${r}.`), this.name = "ApiError", this.status = r, this.code = t?.code, this.details = t?.details;
+  }
+}
+function He(e, r) {
+  const t = new URLSearchParams();
+  for (const [s, o] of Object.entries(r))
+    o != null && (typeof o == "object" ? t.set(s, JSON.stringify(o)) : t.set(s, String(o)));
+  const n = t.toString();
+  return n ? `${e}${e.includes("?") ? "&" : "?"}${n}` : e;
+}
+function te(e) {
+  return (e.headers.get("content-type") ?? "").toLowerCase().includes("application/json");
+}
+function vt(e = "") {
+  const r = async (t, n) => {
+    const s = await fetch(`${e}${t}`, {
+      ...n,
+      headers: {
+        Accept: "application/json",
+        ...n?.body !== void 0 ? { "Content-Type": "application/json" } : {},
+        ...n?.headers
+      }
+    });
+    if (!s.ok) {
+      let o;
+      if (te(s))
+        try {
+          o = await s.json();
+        } catch {
+          o = void 0;
+        }
+      throw new Ze(s.status, o);
+    }
+    if (s.status !== 204 && te(s))
+      return await s.json();
+  };
+  return {
+    request: r,
+    get: (t, n = {}) => r(He(t, n)),
+    post: (t, n) => r(t, { method: "POST", body: JSON.stringify(n) }),
+    patch: (t, n) => r(t, { method: "PATCH", body: JSON.stringify(n) }),
+    delete: (t) => r(t, { method: "DELETE" })
+  };
+}
+function gt(e) {
+  const { client: r, path: t } = e;
+  return {
+    name: t.replace(/^\/+/, "").replace(/\/+$/, "") || "resource",
+    async list(n = {}) {
+      return r.get(t, n);
+    },
+    get: (n) => r.get(`${t}/${encodeURIComponent(String(n))}`),
+    create: (n) => r.post(t, n),
+    update: (n, s) => r.patch(`${t}/${encodeURIComponent(String(n))}`, s),
+    delete: async (n) => {
+      await r.delete(`${t}/${encodeURIComponent(String(n))}`);
+    }
+  };
+}
+function Xe({ resource: e }) {
+  let r = {
+    status: "idle",
+    error: null
+  };
+  const t = /* @__PURE__ */ new Set(), n = () => t.forEach((i) => i()), s = (i) => {
+    r = i, n();
+  }, o = async (i) => {
+    s({ ...r, status: "loading", error: null });
+    try {
+      const c = await i();
+      return s({
+        status: "success",
+        data: c && typeof c == "object" ? c : r.data,
+        error: null
+      }), c;
+    } catch (c) {
+      s({
+        ...r,
+        status: "error",
+        error: c instanceof Error ? c : new Error(String(c))
+      });
+      return;
+    }
+  };
+  return {
+    getState: () => r,
+    get: (i) => o(() => e.get(i)),
+    create: async (i) => {
+      if (!e.create) {
+        const c = new Error(`Resource "${e.name}" does not support create.`);
+        s({ ...r, status: "error", error: c });
+        return;
+      }
+      return o(() => e.create(i));
+    },
+    update: async (i, c) => {
+      if (!e.update) {
+        const u = new Error(`Resource "${e.name}" does not support update.`);
+        s({ ...r, status: "error", error: u });
+        return;
+      }
+      return o(() => e.update(i, c));
+    },
+    remove: async (i) => {
+      if (!e.delete) {
+        const u = new Error(`Resource "${e.name}" does not support delete.`);
+        return s({ ...r, status: "error", error: u }), !1;
+      }
+      return await o(async () => (await e.delete(i), !0)) === !0;
+    },
+    reset: () => s({ status: "idle", error: null }),
+    subscribe: (i) => (t.add(i), () => t.delete(i))
+  };
+}
+function jt(e) {
+  const r = $(null);
+  (!r.current || r.current.resource !== e) && (r.current = {
+    resource: e,
+    controller: Xe({ resource: e })
+  });
+  const t = r.current.controller, n = N(
+    t.subscribe,
+    t.getState,
+    t.getState
+  );
+  return {
+    ...t,
+    ...n
+  };
+}
+function Ke(e) {
+  const r = $(null);
+  (!r.current || r.current.resource !== e) && (r.current = {
+    resource: e,
+    controller: Je(e)
+  });
+  const t = r.current.controller, n = N(
+    t.subscribe,
+    t.getState,
+    t.getState
+  ), s = E(
+    (b) => t.list(b),
+    [t]
+  ), o = E((b) => t.get(b), [t]), i = E((b) => t.create(b), [t]), c = E(
+    (b, j) => t.update(b, j),
+    [t]
+  ), u = E((b) => t.remove(b), [t]), f = E(() => t.refresh(), [t]), h = E((b) => t.select(b), [t]), d = E(() => t.clearSelection(), [t]), g = E(() => t.clearError(), [t]);
+  return {
+    ...t,
+    ...n,
+    list: s,
+    get: o,
+    create: i,
+    update: c,
+    remove: u,
+    refresh: f,
+    select: h,
+    clearSelection: d,
+    clearError: g
+  };
+}
+function yt({ children: e, columns: r = 1, gap: t, ...n }) {
+  const s = typeof r == "number" ? "repeat(" + r + ", minmax(0, 1fr))" : r;
+  return /* @__PURE__ */ a.jsx("div", { ...n, style: { display: "grid", gridTemplateColumns: s, gap: t, ...n.style }, children: e });
+}
+function St({ children: e, direction: r = "column", gap: t, ...n }) {
+  return /* @__PURE__ */ a.jsx("div", { ...n, "data-direction": r, style: { display: "flex", flexDirection: r, gap: t, ...n.style }, children: e });
+}
+function et({
+  label: e = "Loading…",
+  "aria-label": r,
+  ...t
+}) {
+  const n = r ?? (typeof e == "string" || typeof e == "number" ? String(e) : void 0);
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ...t,
+      role: "status",
+      "aria-label": n,
+      "aria-live": "polite",
+      "aria-busy": "true",
+      children: e
+    }
+  );
+}
+function tt({
+  resource: e,
+  columns: r,
+  pageSize: t,
+  emptyState: n = "No records.",
+  reloadKey: s,
+  className: o,
+  ...i
+}) {
+  const { controller: c, state: u } = Ge({ resource: e, columns: r, pageSize: t });
+  return M(() => {
+    c.load();
+  }, [c, s]), /* @__PURE__ */ a.jsx(
+    qe,
+    {
+      ...i,
+      className: o ? `fsc-resource-table ${o}` : "fsc-resource-table",
+      data: u.data,
+      columns: u.columns,
+      emptyState: u.loading ? /* @__PURE__ */ a.jsx(et, {}) : u.error?.message ?? n
+    }
+  );
+}
+const rt = [
+  { id: "1", name: "Phone", price: 499 },
+  { id: "2", name: "Vacuum", price: 299 },
+  { id: "3", name: "Tablet", price: 349 }
+], nt = { name: "", price: "" };
+function at(e) {
+  return e ? { name: e.name, price: String(e.price) } : nt;
+}
+function st({
+  store: e,
+  operation: r,
+  controllerError: t,
+  editing: n,
+  onSuccess: s,
+  onCancel: o
+}) {
+  const i = De(), c = i.submitting || r === "creating" || r === "updating";
+  return /* @__PURE__ */ a.jsxs(
+    "form",
+    {
+      className: "fsc-crud-example__editor",
+      onSubmit: async (u) => {
+        u.preventDefault(), await e.submit() && s();
+      },
+      onReset: (u) => {
+        u.preventDefault(), e.reset();
+      },
+      children: [
+        /* @__PURE__ */ a.jsx("strong", { children: n ? "Upraviť záznam" : "Nový záznam" }),
+        /* @__PURE__ */ a.jsx(ee, { name: "name", children: (u) => /* @__PURE__ */ a.jsxs("label", { className: "fsc-crud-example__field", children: [
+          /* @__PURE__ */ a.jsx("span", { children: "Názov" }),
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              value: u.value,
+              onChange: (f) => u.setValue(f.target.value),
+              onBlur: () => u.setTouched(),
+              disabled: c,
+              "aria-invalid": u.error ? !0 : void 0
+            }
+          ),
+          u.error ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: u.error }) : null
+        ] }) }),
+        /* @__PURE__ */ a.jsx(ee, { name: "price", children: (u) => /* @__PURE__ */ a.jsxs("label", { className: "fsc-crud-example__field", children: [
+          /* @__PURE__ */ a.jsx("span", { children: "Cena (€)" }),
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              type: "number",
+              min: "0",
+              step: "0.01",
+              value: u.value,
+              onChange: (f) => u.setValue(f.target.value),
+              onBlur: () => u.setTouched(),
+              disabled: c,
+              "aria-invalid": u.error ? !0 : void 0
+            }
+          ),
+          u.error ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: u.error }) : null
+        ] }) }),
+        t ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: t.message }) : null,
+        i.submitError && !t ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: i.submitError }) : null,
+        /* @__PURE__ */ a.jsxs("div", { className: "fsc-crud-example__actions", children: [
+          /* @__PURE__ */ a.jsx(Ve, { disabled: c, children: r === "creating" ? "Vytváram…" : r === "updating" ? "Ukladám…" : n ? "Uložiť zmeny" : "Vytvoriť" }),
+          /* @__PURE__ */ a.jsx(Ue, { disabled: c, children: "Reset" }),
+          /* @__PURE__ */ a.jsx("button", { type: "button", onClick: o, disabled: c, children: "Zrušiť" }),
+          c ? /* @__PURE__ */ a.jsx("span", { "aria-live": "polite", children: "Spracovávam…" }) : null
+        ] })
+      ]
+    }
+  );
+}
+function ot(e) {
+  return /* @__PURE__ */ a.jsx(le, { store: e.store, children: /* @__PURE__ */ a.jsx(st, { ...e }) });
+}
+function wt({ onEvent: e } = {}) {
+  const r = P(
+    () => We("crud-example", rt),
+    []
+  ), t = Ke(r), [n, s] = T(!1), [o, i] = T(), [c, u] = T(0), f = E(() => {
+    i(void 0), s(!0);
+  }, []), h = E((x) => {
+    i(x), s(!0);
+  }, []), d = E(
+    async (x) => {
+      if (t.operation === "idle")
+        try {
+          await t.remove(x.id), u((m) => m + 1), e?.("delete");
+        } catch {
+          e?.("error");
+        }
+    },
+    [t, e]
+  ), g = P(
+    () => Y({
+      initialValues: at(o),
+      validate: async (x) => {
+        const m = {};
+        x.name.trim() || (m.name = "Názov je povinný.");
+        const v = Number(x.price);
+        return (!x.price.trim() || !Number.isFinite(v) || v < 0) && (m.price = "Zadajte platnú cenu."), m;
+      },
+      onSubmit: async (x) => {
+        const m = { name: x.name.trim(), price: Number(x.price) };
+        o ? (await t.update(o.id, m), e?.("update")) : (await t.create(m), e?.("create"));
+      }
+    }),
+    [t.create, t.update, o, e]
+  ), b = P(
+    () => [
+      {
+        key: "name",
+        header: "Produkt",
+        render: (x, m) => /* @__PURE__ */ a.jsxs("div", { className: "fsc-crud-example__row-action", children: [
+          /* @__PURE__ */ a.jsx("span", { children: String(x) }),
+          /* @__PURE__ */ a.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => h(m),
+              disabled: t.operation !== "idle",
+              children: "Upraviť"
+            }
+          )
+        ] })
+      },
+      {
+        key: "price",
+        header: "Cena",
+        render: (x) => `${String(x)} €`
+      },
+      {
+        key: "id",
+        header: "Akcie",
+        render: (x, m) => /* @__PURE__ */ a.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              d(m);
+            },
+            disabled: t.operation !== "idle",
+            children: "Zmazať"
+          }
+        )
+      }
+    ],
+    [t.operation, d, h]
+  ), j = E(() => {
+    u((x) => x + 1), s(!1), i(void 0);
+  }, []);
+  return /* @__PURE__ */ a.jsxs("div", { className: "fsc-crud-example", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "fsc-crud-example__toolbar", children: [
+      /* @__PURE__ */ a.jsx("button", { type: "button", onClick: f, disabled: t.operation !== "idle", children: "Vytvoriť nový záznam" }),
+      /* @__PURE__ */ a.jsxs("span", { "aria-live": "polite", children: [
+        "Stav: ",
+        t.operation === "idle" ? "Pripravené" : t.operation
+      ] }),
+      t.error ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: t.error.message }) : null
+    ] }),
+    /* @__PURE__ */ a.jsx(
+      tt,
+      {
+        resource: r,
+        columns: b,
+        pageSize: 10,
+        reloadKey: c
+      }
+    ),
+    n ? /* @__PURE__ */ a.jsx(
+      ot,
+      {
+        store: g,
+        operation: t.operation,
+        controllerError: t.error,
+        editing: !!o,
+        onSuccess: j,
+        onCancel: () => {
+          s(!1), i(void 0);
+        }
+      }
+    ) : null
+  ] });
+}
+function Et(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "color" });
+}
+function Tt(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "date" });
+}
+function Ct(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "file" });
+}
+function kt(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "number" });
+}
+function Rt(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "password" });
+}
+function _t({ name: e, options: r, value: t, onValueChange: n }) {
+  return /* @__PURE__ */ a.jsx("div", { role: "radiogroup", children: r.map((s) => /* @__PURE__ */ a.jsxs("label", { children: [
+    /* @__PURE__ */ a.jsx("input", { type: "radio", name: e, value: s.value, checked: t === s.value, disabled: s.disabled, onChange: () => n?.(s.value) }),
+    s.label
+  ] }, s.value)) });
+}
+function Pt(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "search" });
+}
+function Ot(e) {
+  return /* @__PURE__ */ a.jsx("input", { ...e, type: "range" });
+}
+function At({ items: e }) {
+  return /* @__PURE__ */ a.jsx("div", { children: e.map((r) => /* @__PURE__ */ a.jsxs("details", { children: [
+    /* @__PURE__ */ a.jsx("summary", { children: r.title }),
+    /* @__PURE__ */ a.jsx("div", { children: r.content })
+  ] }, r.id)) });
+}
+function $t({ children: e, variant: r = "info", ...t }) {
+  return /* @__PURE__ */ a.jsx("div", { ...t, role: "alert", "data-variant": r, children: e });
+}
+function Nt({ src: e, alt: r = "", fallback: t, ...n }) {
+  return e ? /* @__PURE__ */ a.jsx("img", { ...n, src: e, alt: r }) : /* @__PURE__ */ a.jsx("span", { ...n, role: "img", "aria-label": r, children: t });
+}
+function zt({
+  children: e,
+  variant: r = "neutral",
+  size: t = "medium",
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "span",
+    {
+      ...n,
+      "data-variant": r,
+      "data-size": t,
+      children: e
+    }
+  );
+}
+function It({
+  children: e,
+  variant: r = "primary",
+  size: t = "medium",
+  loading: n = !1,
+  disabled: s = !1,
+  type: o = "button",
+  className: i,
+  ...c
+}) {
+  const u = s || n;
+  return /* @__PURE__ */ a.jsx(
+    "button",
+    {
+      ...c,
+      className: i ? `fsc-button ${i}` : "fsc-button",
+      type: o,
+      "data-variant": r,
+      "data-size": t,
+      "data-loading": n || void 0,
+      "aria-busy": n || void 0,
+      "aria-disabled": u || void 0,
+      disabled: u,
+      children: e
+    }
+  );
+}
+function Ft({
+  children: e,
+  padding: r = "medium",
+  variant: t = "default",
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ...n,
+      "data-padding": r,
+      "data-variant": t,
+      children: e
+    }
+  );
+}
+function Mt({ items: e, initialIndex: r = 0, onIndexChange: t }) {
+  const [n, s] = T(r);
+  if (!e.length) return null;
+  const o = (i) => {
+    const c = (i + e.length) % e.length;
+    s(c), t?.(c);
+  };
+  return /* @__PURE__ */ a.jsxs("section", { "aria-roledescription": "carousel", children: [
+    /* @__PURE__ */ a.jsx("div", { "aria-live": "polite", children: e[n] }),
+    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => o(n - 1), children: "Previous" }),
+    /* @__PURE__ */ a.jsxs("span", { children: [
+      n + 1,
+      " / ",
+      e.length
+    ] }),
+    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => o(n + 1), children: "Next" })
+  ] });
+}
+function Lt({
+  size: e = "medium",
+  disabled: r = !1,
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "input",
+    {
+      ...t,
+      type: "checkbox",
+      "data-size": e,
+      disabled: r
+    }
+  );
+}
+function Dt({ options: e, value: r, defaultValue: t, placeholder: n = "Select...", onValueChange: s }) {
+  const [o, i] = T(""), [c, u] = T(t ?? ""), f = r ?? c, h = P(() => e.filter((d) => String(d.label).toLowerCase().includes(o.toLowerCase())), [e, o]);
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("input", { role: "combobox", value: o, placeholder: f ? String(e.find((d) => d.value === f)?.label ?? f) : n, onChange: (d) => i(d.target.value), "aria-expanded": "true" }),
+    /* @__PURE__ */ a.jsx("ul", { role: "listbox", children: h.map((d) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("button", { type: "button", role: "option", "aria-selected": d.value === f, disabled: d.disabled, onClick: () => {
+      u(d.value), s?.(d.value), i("");
+    }, children: d.label }) }, d.value)) })
+  ] });
+}
+function Vt({ items: e, open: r = !0, placeholder: t = "Search commands" }) {
+  const [n, s] = T(""), o = P(() => e.filter((i) => (String(i.label) + " " + (i.keywords ?? []).join(" ")).toLowerCase().includes(n.toLowerCase())), [e, n]);
+  return r ? /* @__PURE__ */ a.jsxs("div", { role: "dialog", "aria-label": "Command palette", children: [
+    /* @__PURE__ */ a.jsx("input", { autoFocus: !0, value: n, placeholder: t, onChange: (i) => s(i.target.value) }),
+    /* @__PURE__ */ a.jsx("div", { role: "listbox", children: o.map((i) => /* @__PURE__ */ a.jsx("button", { type: "button", role: "option", disabled: i.disabled, onClick: i.onSelect, children: i.label }, i.id)) })
+  ] }) : null;
+}
+function Ut({ children: e, items: r }) {
+  const [t, n] = T(!1);
+  return /* @__PURE__ */ a.jsxs("div", { onContextMenu: (s) => {
+    s.preventDefault(), n(!0);
+  }, onBlur: () => n(!1), tabIndex: 0, children: [
+    e,
+    t && /* @__PURE__ */ a.jsx("div", { role: "menu", children: r.map((s, o) => /* @__PURE__ */ a.jsx("button", { type: "button", role: "menuitem", disabled: s.disabled, onClick: () => {
+      s.onSelect?.(), n(!1);
+    }, children: s.label }, o)) })
+  ] });
+}
+function Yt({ value: e, defaultValue: r, min: t, max: n, onValueChange: s }) {
+  const [o, i] = T(r ?? ""), c = e ?? o;
+  return /* @__PURE__ */ a.jsx("input", { type: "date", value: c, min: t, max: n, onChange: (u) => {
+    i(u.target.value), s?.(u.target.value);
+  } });
+}
+function Bt({ open: e, children: r, title: t, onClose: n, side: s = "right" }) {
+  return e ? /* @__PURE__ */ a.jsxs("aside", { "data-side": s, children: [
+    t && /* @__PURE__ */ a.jsx("h2", { children: t }),
+    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: n, children: "Close" }),
+    r
+  ] }) : null;
+}
+function Wt({ label: e, items: r }) {
+  return /* @__PURE__ */ a.jsxs("details", { children: [
+    /* @__PURE__ */ a.jsx("summary", { children: e }),
+    /* @__PURE__ */ a.jsx("div", { role: "menu", children: r.map((t, n) => /* @__PURE__ */ a.jsx("button", { type: "button", role: "menuitem", disabled: t.disabled, onClick: t.onSelect, children: t.label }, n)) })
+  ] });
+}
+function Jt({
+  title: e,
+  description: r,
+  action: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsxs("div", { ...n, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ a.jsx("h2", { children: e }),
+    r ? /* @__PURE__ */ a.jsx("p", { children: r }) : null,
+    t ? /* @__PURE__ */ a.jsx("div", { children: t }) : null
+  ] });
+}
+function Qt({
+  title: e = "Something went wrong",
+  description: r,
+  action: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsxs("div", { ...n, role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ a.jsx("h2", { children: e }),
+    r ? /* @__PURE__ */ a.jsx("p", { children: r }) : null,
+    t ? /* @__PURE__ */ a.jsx("div", { children: t }) : null
+  ] });
+}
+function Gt({ accept: e, multiple: r, children: t = "Choose files", onFilesChange: n }) {
+  const s = (o) => n?.(Array.from(o.target.files ?? []));
+  return /* @__PURE__ */ a.jsxs("label", { children: [
+    t,
+    /* @__PURE__ */ a.jsx("input", { type: "file", hidden: !0, accept: e, multiple: r, onChange: s })
+  ] });
+}
+function qt({
+  label: e,
+  description: r,
+  error: t,
+  size: n = "medium",
+  id: s,
+  required: o = !1,
+  className: i,
+  ...c
+}) {
+  const u = ae(), f = s ?? u, h = r ? `${f}-description` : void 0, d = t ? `${f}-error` : void 0, b = [c["aria-describedby"], h, d].filter(Boolean).join(" ") || void 0, j = c["aria-invalid"];
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: i ? `fsc-form-field ${i}` : "fsc-form-field",
+      "data-size": n,
+      "data-invalid": t ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ a.jsxs("label", { htmlFor: f, children: [
+          e,
+          o ? /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: " *" }) : null
+        ] }),
+        /* @__PURE__ */ a.jsx(
+          "input",
+          {
+            ...c,
+            id: f,
+            required: o,
+            "aria-describedby": b,
+            "aria-invalid": t ? !0 : j
+          }
+        ),
+        r ? /* @__PURE__ */ a.jsx("div", { "data-role": "description", id: h, children: r }) : null,
+        t ? /* @__PURE__ */ a.jsx("div", { "data-role": "error", id: d, role: "alert", children: t }) : null
+      ]
+    }
+  );
+}
+function Zt({ children: e, level: r = 2, ...t }) {
+  const n = { 1: "h1", 2: "h2", 3: "h3", 4: "h4", 5: "h5", 6: "h6" }[r];
+  return /* @__PURE__ */ a.jsx(n, { ...t, children: e });
+}
+function Ht({
+  icon: e,
+  label: r,
+  variant: t = "ghost",
+  size: n = "medium",
+  loading: s = !1,
+  disabled: o = !1,
+  type: i = "button",
+  ...c
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "button",
+    {
+      ...c,
+      type: i,
+      "aria-label": r,
+      "aria-busy": s || void 0,
+      "data-variant": t,
+      "data-size": n,
+      disabled: o || s,
+      children: e
+    }
+  );
+}
+function Xt({
+  size: e = "medium",
+  disabled: r = !1,
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "input",
+    {
+      ...n,
+      className: t ? `fsc-input ${t}` : "fsc-input",
+      "data-size": e,
+      disabled: r
+    }
+  );
+}
+function Kt({
+  children: e,
+  required: r = !1,
+  "aria-label": t,
+  ...n
+}) {
+  const s = t ?? (r && typeof e == "string" ? e : void 0);
+  return /* @__PURE__ */ a.jsxs("label", { ...n, "aria-label": s, children: [
+    e,
+    r ? /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: " *" }) : null
+  ] });
+}
+function er({ children: e, ...r }) {
+  return /* @__PURE__ */ a.jsx("a", { ...r, children: e });
+}
+function tr({ items: e }) {
+  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "Menu", children: /* @__PURE__ */ a.jsx("ul", { role: "menubar", children: e.map((r, t) => /* @__PURE__ */ a.jsxs("li", { children: [
+    /* @__PURE__ */ a.jsx("button", { type: "button", role: "menuitem", children: r.label }),
+    r.items && /* @__PURE__ */ a.jsx("ul", { role: "menu", children: r.items.map((n, s) => /* @__PURE__ */ a.jsx("li", { children: n }, s)) })
+  ] }, t)) }) });
+}
+const it = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function rr({
+  open: e,
+  title: r,
+  children: t,
+  onClose: n,
+  dismissible: s = !0,
+  ...o
+}) {
+  const i = ae(), c = $(null), u = $(null), f = $(n);
+  return f.current = n, M(() => {
+    if (!e) return;
+    u.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const h = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const d = requestAnimationFrame(() => {
+      c.current?.focus();
+    }), g = (b) => {
+      if (b.key === "Escape" && s) {
+        b.preventDefault(), f.current?.();
+        return;
+      }
+      if (b.key !== "Tab") return;
+      const j = c.current;
+      if (!j) return;
+      const x = Array.from(
+        j.querySelectorAll(it)
+      ).filter((O) => O.getAttribute("aria-hidden") !== "true");
+      if (x.length === 0) {
+        b.preventDefault(), j.focus();
+        return;
+      }
+      const m = document.activeElement, v = x.indexOf(m);
+      if (b.preventDefault(), m === j || v === -1) {
+        (b.shiftKey ? x[x.length - 1] : x[0]).focus();
+        return;
+      }
+      const C = b.shiftKey ? (v - 1 + x.length) % x.length : (v + 1) % x.length;
+      x[C].focus();
+    };
+    return document.addEventListener("keydown", g), () => {
+      cancelAnimationFrame(d), document.removeEventListener("keydown", g), document.body.style.overflow = h, u.current?.focus();
+    };
+  }, [s, e]), e ? /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      role: "presentation",
+      "data-modal-backdrop": "true",
+      onMouseDown: (h) => {
+        s && h.target === h.currentTarget && f.current?.();
+      },
+      children: /* @__PURE__ */ a.jsxs(
+        "div",
+        {
+          ...o,
+          ref: c,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": i,
+          tabIndex: -1,
+          children: [
+            /* @__PURE__ */ a.jsx("header", { children: /* @__PURE__ */ a.jsx("h2", { id: i, children: r }) }),
+            /* @__PURE__ */ a.jsx("div", { children: t })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function nr({ options: e, value: r, defaultValue: t = [], onValueChange: n }) {
+  const [s, o] = T(t), i = r ?? s, c = (u) => {
+    const f = i.includes(u) ? i.filter((h) => h !== u) : [...i, u];
+    o(f), n?.(f);
+  };
+  return /* @__PURE__ */ a.jsx("div", { role: "group", children: e.map((u) => /* @__PURE__ */ a.jsxs("label", { children: [
+    /* @__PURE__ */ a.jsx("input", { type: "checkbox", checked: i.includes(u.value), disabled: u.disabled, onChange: () => c(u.value) }),
+    u.label
+  ] }, u.value)) });
+}
+function ar({ items: e }) {
+  const r = (t) => t.map((n, s) => /* @__PURE__ */ a.jsxs("li", { children: [
+    n.href ? /* @__PURE__ */ a.jsx("a", { href: n.href, children: n.label }) : /* @__PURE__ */ a.jsx("span", { children: n.label }),
+    n.children && /* @__PURE__ */ a.jsx("ul", { children: r(n.children) })
+  ] }, s));
+  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "Navigation", children: /* @__PURE__ */ a.jsx("ul", { children: r(e) }) });
+}
+function sr({ page: e, pageCount: r, onPageChange: t, ...n }) {
+  return /* @__PURE__ */ a.jsxs("nav", { ...n, "aria-label": "Pagination", children: [
+    /* @__PURE__ */ a.jsx("button", { type: "button", disabled: e <= 1, onClick: () => t?.(e - 1), children: "Previous" }),
+    /* @__PURE__ */ a.jsxs("span", { children: [
+      e,
+      " / ",
+      r
+    ] }),
+    /* @__PURE__ */ a.jsx("button", { type: "button", disabled: e >= r, onClick: () => t?.(e + 1), children: "Next" })
+  ] });
+}
+function or({ trigger: e, children: r, open: t, onOpenChange: n }) {
+  const [s, o] = T(!1), i = t ?? s, c = (u) => {
+    o(u), n?.(u);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => c(!i), "aria-expanded": i, children: e }),
+    i && /* @__PURE__ */ a.jsxs("div", { role: "dialog", children: [
+      r,
+      /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => c(!1), children: "Close" })
+    ] })
+  ] });
+}
+function ir({ value: e = 0, max: r = 100, label: t, ...n }) {
+  return /* @__PURE__ */ a.jsx("div", { ...n, role: "progressbar", "aria-label": t, "aria-valuenow": e, "aria-valuemin": 0, "aria-valuemax": r });
+}
+function lr({
+  size: e = "medium",
+  disabled: r = !1,
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "input",
+    {
+      ...t,
+      type: "radio",
+      "data-size": e,
+      disabled: r
+    }
+  );
+}
+function cr({ children: e, initialSize: r = 300, minSize: t = 120, maxSize: n = 800 }) {
+  const [s, o] = T(r);
+  return /* @__PURE__ */ a.jsxs("div", { style: { width: s }, children: [
+    /* @__PURE__ */ a.jsx("div", { children: e }),
+    /* @__PURE__ */ a.jsx("input", { "aria-label": "Panel size", type: "range", min: t, max: n, value: s, onChange: (i) => o(Number(i.target.value)) })
+  ] });
+}
+function ur({ onClear: e, ...r }) {
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("input", { ...r, type: "search" }),
+    e && /* @__PURE__ */ a.jsx("button", { type: "button", onClick: e, children: "Clear" })
+  ] });
+}
+const lt = [
+  { value: "first", label: "First option" },
+  { value: "second", label: "Second option" },
+  { value: "third", label: "Third option" }
+];
+function dr({
+  size: e = "medium",
+  options: r = lt,
+  disabled: t = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "select",
+    {
+      ...n,
+      "data-size": e,
+      disabled: t,
+      children: r.map((s) => /* @__PURE__ */ a.jsx(
+        "option",
+        {
+          value: s.value,
+          disabled: s.disabled,
+          children: s.label
+        },
+        s.value
+      ))
+    }
+  );
+}
+function fr({ orientation: e = "horizontal", ...r }) {
+  return /* @__PURE__ */ a.jsx("hr", { ...r, "aria-orientation": e });
+}
+function mr({ children: e, open: r = !0, width: t = "280px" }) {
+  return /* @__PURE__ */ a.jsx("aside", { hidden: !r, style: { width: t }, "aria-label": "Sidebar", children: e });
+}
+function pr({ width: e, height: r, variant: t = "rect", style: n, ...s }) {
+  return /* @__PURE__ */ a.jsx("div", { ...s, "aria-hidden": "true", "data-variant": t, style: { width: e, height: r, ...n } });
+}
+function hr({ label: e = "Loading", ...r }) {
+  return /* @__PURE__ */ a.jsx("span", { ...r, role: "status", "aria-label": e });
+}
+function br({
+  label: e,
+  value: r,
+  description: t,
+  trend: n = "neutral",
+  trendValue: s,
+  className: o,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      ...i,
+      className: o ? `fsc-stat-card ${o}` : "fsc-stat-card",
+      "data-trend": n,
+      children: [
+        /* @__PURE__ */ a.jsx("span", { "data-role": "label", children: e }),
+        /* @__PURE__ */ a.jsx("strong", { "data-role": "value", children: r }),
+        t ? /* @__PURE__ */ a.jsx("span", { "data-role": "description", children: t }) : null,
+        s ? /* @__PURE__ */ a.jsx("span", { "data-role": "trend", children: s }) : null
+      ]
+    }
+  );
+}
+function xr({ steps: e, current: r, orientation: t = "horizontal" }) {
+  return /* @__PURE__ */ a.jsx("ol", { "data-orientation": t, children: e.map((n, s) => /* @__PURE__ */ a.jsxs("li", { "aria-current": s === r ? "step" : void 0, "aria-disabled": n.disabled, children: [
+    n.label,
+    n.description && /* @__PURE__ */ a.jsx("small", { children: n.description })
+  ] }, n.id)) });
+}
+function vr({
+  size: e = "medium",
+  disabled: r = !1,
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "input",
+    {
+      ...t,
+      type: "checkbox",
+      role: "switch",
+      "data-size": e,
+      disabled: r
+    }
+  );
+}
+function gr({ items: e, value: r, defaultValue: t, onValueChange: n }) {
+  const s = r ?? t ?? e[0]?.id;
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("div", { role: "tablist", children: e.map((o) => /* @__PURE__ */ a.jsx("button", { type: "button", role: "tab", "aria-selected": o.id === s, disabled: o.disabled, onClick: () => n?.(o.id), children: o.label }, o.id)) }),
+    e.map((o) => o.id === s ? /* @__PURE__ */ a.jsx("div", { role: "tabpanel", children: o.content }, o.id) : null)
+  ] });
+}
+function jr({ children: e, as: r = "p", ...t }) {
+  const n = r;
+  return /* @__PURE__ */ a.jsx(n, { ...t, children: e });
+}
+function yr({
+  size: e = "medium",
+  rows: r = 4,
+  disabled: t = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "textarea",
+    {
+      ...n,
+      rows: r,
+      "data-size": e,
+      disabled: t
+    }
+  );
+}
+function Sr({ open: e = !0, children: r, variant: t = "info", onClose: n }) {
+  return e ? /* @__PURE__ */ a.jsxs("div", { role: "status", "data-variant": t, children: [
+    r,
+    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: n, children: "Close" })
+  ] }) : null;
+}
+function wr({ content: e, children: r }) {
+  return /* @__PURE__ */ a.jsx("span", { title: typeof e == "string" ? e : void 0, children: r });
+}
+function Er({ nodes: e, onSelect: r }) {
+  const t = (n) => /* @__PURE__ */ a.jsx("ul", { role: "tree", children: n.map((s) => /* @__PURE__ */ a.jsxs("li", { role: "treeitem", "aria-disabled": s.disabled, children: [
+    /* @__PURE__ */ a.jsx("button", { type: "button", disabled: s.disabled, onClick: () => r?.(s.id), children: s.label }),
+    s.children && t(s.children)
+  ] }, s.id)) });
+  return t(e);
+}
+export {
+  At as Accordion,
+  $t as Alert,
+  Ze as ApiError,
+  Nt as Avatar,
+  zt as Badge,
+  ee as BoundFormField,
+  It as Button,
+  Ft as Card,
+  Mt as Carousel,
+  Lt as Checkbox,
+  Et as ColorInput,
+  Dt as Combobox,
+  Vt as CommandPalette,
+  Ut as ContextMenu,
+  wt as CrudExample,
+  Tt as DateInput,
+  Yt as DatePicker,
+  Bt as Drawer,
+  Wt as DropdownMenu,
+  Jt as EmptyState,
+  Qt as ErrorState,
+  Ct as FileInput,
+  Gt as FileUpload,
+  pt as Form,
+  qt as FormField,
+  ht as FormFieldAdapter,
+  le as FormProvider,
+  Ue as FormReset,
+  Ve as FormSubmit,
+  yt as Grid,
+  Zt as Heading,
+  Ht as IconButton,
+  Xt as Input,
+  Kt as Label,
+  er as Link,
+  et as LoadingState,
+  tr as Menubar,
+  rr as Modal,
+  nr as MultiSelect,
+  ar as NavigationMenu,
+  kt as NumberInput,
+  sr as Pagination,
+  Rt as PasswordInput,
+  or as Popover,
+  ir as Progress,
+  lr as Radio,
+  _t as RadioGroup,
+  cr as ResizablePanel,
+  tt as ResourceTable,
+  ur as SearchBar,
+  Pt as SearchInput,
+  dr as Select,
+  fr as Separator,
+  mr as Sidebar,
+  pr as Skeleton,
+  Ot as Slider,
+  hr as Spinner,
+  St as Stack,
+  br as StatCard,
+  xr as Stepper,
+  vr as Switch,
+  qe as Table,
+  gr as Tabs,
+  jr as Text,
+  yr as Textarea,
+  dt as ThemeProvider,
+  Sr as Toast,
+  wr as Tooltip,
+  Er as TreeView,
+  $e as applyTheme,
+  gt as createApiResource,
+  We as createArrayResource,
+  Xe as createCrudController,
+  vt as createFetchApiClient,
+  bt as createFieldAdapter,
+  Le as createFieldController,
+  Y as createFormStore,
+  Je as createResourceController,
+  xt as createResourceForm,
+  Qe as createTableController,
+  Re as createTheme,
+  _e as darkTheme,
+  R as defaultTheme,
+  Ee as fontSize,
+  Te as fontWeight,
+  Ye as inferTableColumns,
+  we as radius,
+  Ce as shadows,
+  Se as spacing,
+  ut as themeToCss,
+  se as themeToCssVariables,
+  jt as useCrud,
+  ce as useField,
+  mt as useForm,
+  De as useFormState,
+  B as useFormStore,
+  Ke as useResourceCrud,
+  Ge as useTable,
+  ft as useTheme,
+  Ae as validateTheme,
+  ke as zIndex
+};