@furcrer/fullstack-components 0.1.0 → 1.0.1

package/dist/index.js

@@ -1,5 +1,5 @@
-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 = {
+import Re, { createContext as ae, useState as w, useEffect as P, useMemo as I, useContext as H, useRef as A, useSyncExternalStore as Z, useCallback as R, useId as fe } from "react";
+const Pe = {
   0: "0rem",
   1: "0.25rem",
   2: "0.5rem",
@@ -11,13 +11,13 @@ const Se = {
   10: "2.5rem",
   12: "3rem",
   16: "4rem"
-}, we = {
+}, Oe = {
   none: "0",
   small: "0.25rem",
   medium: "0.5rem",
   large: "0.75rem",
   full: "9999px"
-}, Ee = {
+}, Ae = {
   xs: "0.75rem",
   sm: "0.875rem",
   md: "1rem",
@@ -25,24 +25,24 @@ const Se = {
   xl: "1.25rem",
   "2xl": "1.5rem",
   "3xl": "1.875rem"
-}, Te = {
+}, ze = {
   regular: 400,
   medium: 500,
   semibold: 600,
   bold: 700
-}, Ce = {
+}, $e = {
   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 = {
+}, Le = {
   base: 0,
   dropdown: 100,
   sticky: 200,
   overlay: 300,
   modal: 400,
   toast: 500
-}, R = {
+}, M = {
   colors: {
     surface: "#ffffff",
     surfaceMuted: "#f7f7f7",
@@ -69,26 +69,26 @@ const Se = {
     warningContrast: "#ffffff",
     warningSurface: "#fffbeb"
   },
-  spacing: Se,
-  radius: we,
-  fontSize: Ee,
-  fontWeight: Te,
-  shadows: Ce,
-  zIndex: ke
+  spacing: Pe,
+  radius: Oe,
+  fontSize: Ae,
+  fontWeight: ze,
+  shadows: $e,
+  zIndex: Le
 };
-function Re(e = {}) {
+function Ie(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 }
+    colors: { ...M.colors, ...e.colors },
+    states: { ...M.states, ...e.states },
+    spacing: { ...M.spacing, ...e.spacing },
+    radius: { ...M.radius, ...e.radius },
+    fontSize: { ...M.fontSize, ...e.fontSize },
+    fontWeight: { ...M.fontWeight, ...e.fontWeight },
+    shadows: { ...M.shadows, ...e.shadows },
+    zIndex: { ...M.zIndex, ...e.zIndex }
   };
 }
-const _e = Re({
+const Fe = Ie({
   colors: {
     surface: "#171717",
     surfaceMuted: "#262626",
@@ -116,10 +116,10 @@ const _e = Re({
     warningSurface: "#422006"
   }
 });
-function Pe(e) {
+function Me(e) {
   return e.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
 }
-const Oe = {
+const De = {
   colors: "color",
   states: "state",
   spacing: "space",
@@ -129,364 +129,364 @@ const Oe = {
   shadows: "shadow",
   zIndex: "z-index"
 };
-function se(e) {
+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);
+  for (const [n, a] of Object.entries(e)) {
+    const s = De[n];
+    for (const [o, i] of Object.entries(a))
+      r[`--fsc-${s}-${Me(o)}`] = String(i);
   }
   return r;
 }
-function ut(e) {
-  const r = se(e);
+function Qt(e) {
+  const r = Se(e);
   return `:root {
-${Object.entries(r).map(([n, s]) => `  ${n}: ${s};`).join(`
+${Object.entries(r).map(([a, s]) => `  ${a}: ${s};`).join(`
 `)}
 }`;
 }
-function Ae(e) {
+function Be(e) {
   const r = [];
-  for (const [t, n] of Object.entries(e)) {
-    if (!n || typeof n != "object") {
-      r.push(`Missing theme group: ${t}`);
+  for (const [n, a] of Object.entries(e)) {
+    if (!a || typeof a != "object") {
+      r.push(`Missing theme group: ${n}`);
       continue;
     }
-    for (const [s, o] of Object.entries(n))
-      (o == null || typeof o == "string" && o.trim() === "") && r.push(`Missing theme value: ${t}.${s}`);
+    for (const [s, o] of Object.entries(a))
+      (o == null || typeof o == "string" && o.trim() === "") && r.push(`Missing theme value: ${n}.${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;
+function Ve(e, r, n) {
+  const a = Be(r);
+  if (a.length > 0)
+    throw new Error(`Invalid theme: ${a.join(", ")}`);
+  const s = Se(r), o = /* @__PURE__ */ new Map(), i = e.style.colorScheme, l = e.dataset.theme;
+  for (const [c, d] of Object.entries(s))
+    o.set(c, e.style.getPropertyValue(c)), e.style.setProperty(c, d);
+  return n && (e.dataset.theme = n, e.style.colorScheme = n), () => {
+    for (const [c, d] of o)
+      d ? e.style.setProperty(c, d) : e.style.removeProperty(c);
+    l === void 0 ? delete e.dataset.theme : e.dataset.theme = l, e.style.colorScheme = i;
   };
 }
-var F = { exports: {} }, z = {};
-var H;
-function Ne() {
-  if (H) return z;
-  H = 1;
+var te = { exports: {} }, J = {};
+var pe;
+function Ue() {
+  if (pe) return J;
+  pe = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function t(n, s, o) {
+  function n(a, 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]);
+      for (var l in s)
+        l !== "key" && (o[l] = s[l]);
     } else o = s;
     return s = o.ref, {
       $$typeof: e,
-      type: n,
+      type: a,
       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 J.Fragment = r, J.jsx = n, J.jsxs = n, J;
+}
+var G = {};
+var be;
+function We() {
+  return be || (be = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(u) {
+      if (u == null) return null;
+      if (typeof u == "function")
+        return u.$$typeof === U ? null : u.displayName || u.name || null;
+      if (typeof u == "string") return u;
+      switch (u) {
+        case p:
           return "Fragment";
         case C:
           return "Profiler";
-        case v:
+        case j:
           return "StrictMode";
-        case me:
+        case q:
           return "Suspense";
-        case pe:
+        case le:
           return "SuspenseList";
-        case be:
+        case ce:
           return "Activity";
-        case xe:
+        case F:
           return "ViewTransition";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      if (typeof u == "object")
+        switch (typeof u.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:
+        ), u.$$typeof) {
+          case b:
             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;
+          case oe:
+            return u.displayName || "Context";
+          case T:
+            return (u._context.displayName || "Context") + ".Consumer";
+          case ie:
+            var y = u.render;
+            return u = u.displayName, u || (u = y.displayName || y.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+          case K:
+            return y = u.displayName || null, y !== null ? y : e(u.type) || "Memo";
+          case V:
+            y = u._payload, u = u._init;
             try {
-              return e(l(p));
+              return e(u(y));
             } catch {
             }
         }
       return null;
     }
-    function r(l) {
-      return "" + l;
+    function r(u) {
+      return "" + u;
     }
-    function t(l) {
+    function n(u) {
       try {
-        r(l);
-        var p = !1;
+        r(u);
+        var y = !1;
       } catch {
-        p = !0;
+        y = !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,
+      if (y) {
+        y = console;
+        var N = y.error, E = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        return N.call(
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
-        ), r(l);
+          E
+        ), r(u);
       }
     }
-    function n(l) {
-      if (l === m) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === L)
+    function a(u) {
+      if (u === p) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === V)
         return "<...>";
       try {
-        var p = e(l);
-        return p ? "<" + p + ">" : "<...>";
+        var y = e(u);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var l = D.A;
-      return l === null ? null : l.getOwner();
+      var u = D.A;
+      return u === null ? null : u.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;
+    function i(u) {
+      if ($.call(u, "key")) {
+        var y = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return u.key !== void 0;
     }
-    function c(l, p) {
-      function y() {
-        J || (J = !0, console.error(
+    function l(u, y) {
+      function N() {
+        L || (L = !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
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: y,
+      N.isReactWarning = !0, Object.defineProperty(u, "key", {
+        get: N,
         configurable: !0
       });
     }
-    function u() {
-      var l = e(this.type);
-      return Q[l] || (Q[l] = !0, console.error(
+    function c() {
+      var u = e(this.type);
+      return B[u] || (B[u] = !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;
+      )), u = this.props.ref, u !== void 0 ? u : 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", {
+    function d(u, y, N, E, g, S) {
+      var _ = N.ref;
+      return u = {
+        $$typeof: x,
+        type: u,
+        key: y,
+        props: N,
+        _owner: E
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+        get: c
+      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(u, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(u, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: _
-      }), Object.defineProperty(l, "_debugTask", {
+        value: g
+      }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: k
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+        value: S
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    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);
+    function m(u, y, N, E, g, S) {
+      var _ = y.children;
+      if (_ !== void 0)
+        if (E)
+          if (Q(_)) {
+            for (E = 0; E < _.length; E++)
+              f(_[E]);
+            Object.freeze && Object.freeze(_);
           } 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";
+        else f(_);
+      if ($.call(y, "key")) {
+        _ = e(u);
+        var k = Object.keys(y).filter(function(z) {
+          return z !== "key";
         });
-        S = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", Z[w + S] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", ee[_ + E] || (k = 0 < k.length ? "{" + k.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);
+          E,
+          _,
+          k,
+          _
+        ), ee[_ + E] = !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(),
+      if (_ = null, N !== void 0 && (n(N), _ = "" + N), i(y) && (n(y.key), _ = "" + y.key), "key" in y) {
+        N = {};
+        for (var O in y)
+          O !== "key" && (N[O] = y[O]);
+      } else N = y;
+      return _ && l(
+        N,
+        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
+      ), d(
+        u,
         _,
-        k
+        N,
+        s(),
+        g,
+        S
       );
     }
-    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 f(u) {
+      v(u) ? u._store && (u._store.validated = 1) : typeof u == "object" && u !== null && u.$$typeof === V && (u._payload.status === "fulfilled" ? v(u._payload.value) && u._payload.value._store && (u._payload.value._store.validated = 1) : u._store && (u._store.validated = 1));
     }
-    function g(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === j;
+    function v(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === x;
     }
-    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() {
+    var h = Re, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), T = /* @__PURE__ */ Symbol.for("react.consumer"), oe = /* @__PURE__ */ Symbol.for("react.context"), ie = /* @__PURE__ */ Symbol.for("react.forward_ref"), q = /* @__PURE__ */ Symbol.for("react.suspense"), le = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), V = /* @__PURE__ */ Symbol.for("react.lazy"), ce = /* @__PURE__ */ Symbol.for("react.activity"), F = /* @__PURE__ */ Symbol.for("react.view_transition"), U = /* @__PURE__ */ Symbol.for("react.client.reference"), D = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, Q = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
-      react_stack_bottom_frame: function(l) {
-        return l();
+    h = {
+      react_stack_bottom_frame: function(u) {
+        return u();
       }
     };
-    var J, Q = {}, G = b.react_stack_bottom_frame.bind(
-      b,
+    var L, B = {}, Y = h.react_stack_bottom_frame.bind(
+      h,
       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;
+    )(), X = W(a(o)), ee = {};
+    G.Fragment = p, G.jsx = function(u, y, N) {
+      var E = 1e4 > D.recentlyCreatedOwnerStacks++;
+      if (E) {
+        var g = Error.stackTraceLimit;
         Error.stackTraceLimit = 10;
-        var k = Error("react-stack-top-frame");
-        Error.stackTraceLimit = _;
-      } else k = G;
-      return h(
-        l,
-        p,
+        var S = Error("react-stack-top-frame");
+        Error.stackTraceLimit = g;
+      } else S = Y;
+      return m(
+        u,
         y,
+        N,
         !1,
-        k,
-        S ? V(n(l)) : q
+        S,
+        E ? W(a(u)) : X
       );
-    }, I.jsxs = function(l, p, y) {
-      var S = 1e4 > D.recentlyCreatedOwnerStacks++;
-      if (S) {
-        var _ = Error.stackTraceLimit;
+    }, G.jsxs = function(u, y, N) {
+      var E = 1e4 > D.recentlyCreatedOwnerStacks++;
+      if (E) {
+        var g = Error.stackTraceLimit;
         Error.stackTraceLimit = 10;
-        var k = Error("react-stack-top-frame");
-        Error.stackTraceLimit = _;
-      } else k = G;
-      return h(
-        l,
-        p,
+        var S = Error("react-stack-top-frame");
+        Error.stackTraceLimit = g;
+      } else S = Y;
+      return m(
+        u,
         y,
+        N,
         !0,
-        k,
-        S ? V(n(l)) : q
+        S,
+        E ? W(a(u)) : X
       );
     };
-  })()), I;
+  })()), G;
 }
-var K;
-function Ie() {
-  return K || (K = 1, process.env.NODE_ENV === "production" ? F.exports = Ne() : F.exports = ze()), F.exports;
+var xe;
+function Ye() {
+  return xe || (xe = 1, process.env.NODE_ENV === "production" ? te.exports = Ue() : te.exports = We()), te.exports;
 }
-var a = Ie();
-const oe = re(null);
-function Fe() {
+var t = Ye();
+const we = ae(null);
+function Ze() {
   return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Me() {
-  return Fe() ? "dark" : "light";
+function Qe() {
+  return Ze() ? "dark" : "light";
 }
-function dt({
+function Jt({
   children: e,
   mode: r,
-  defaultMode: t = "system",
-  lightTheme: n = R,
-  darkTheme: s = _e,
+  defaultMode: n = "system",
+  lightTheme: a = M,
+  darkTheme: s = Fe,
   container: o
 }) {
-  const [i, c] = T(t), u = r ?? i, [f, h] = T(Me);
-  M(() => {
+  const [i, l] = w(n), c = r ?? i, [d, m] = w(Qe);
+  P(() => {
     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 x = window.matchMedia("(prefers-color-scheme: dark)"), b = () => m(x.matches ? "dark" : "light");
+    return b(), x.addEventListener?.("change", b), () => x.removeEventListener?.("change", b);
   }, []);
-  const d = u === "system" ? f : u, g = d === "dark" ? s : n, b = P(
+  const f = c === "system" ? d : c, v = f === "dark" ? s : a, h = I(
     () => ({
-      mode: u,
-      resolvedMode: d,
-      theme: g,
-      setMode: c
+      mode: c,
+      resolvedMode: f,
+      theme: v,
+      setMode: l
     }),
-    [u, d, g]
+    [c, f, v]
   );
-  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);
+  return P(() => {
+    const x = o ?? (typeof document < "u" ? document.documentElement : null);
+    if (x)
+      return Ve(x, v, f);
+  }, [o, f, v]), /* @__PURE__ */ t.jsx(we.Provider, { value: h, children: e });
+}
+function Gt() {
+  const e = H(we);
   if (!e) throw new Error("useTheme must be used within a ThemeProvider.");
   return e;
 }
-function Y(e) {
-  let r = { ...e.initialValues }, t = {
+function me(e) {
+  let r = { ...e.initialValues }, n = {
     values: { ...r },
     errors: {},
     touched: {},
@@ -494,39 +494,39 @@ function Y(e) {
     submitting: !1,
     status: "idle"
   };
-  const n = /* @__PURE__ */ new Set(), s = () => {
-    for (const f of n) f();
-  }, o = (f) => {
-    t = f, s();
+  const a = /* @__PURE__ */ new Set(), s = () => {
+    for (const d of a) d();
+  }, o = (d) => {
+    n = d, 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 Object.keys(n.errors).length === 0 ? {} : (o({ ...n, errors: {} }), {});
+    const d = await e.validate(n.values);
+    return o({ ...n, errors: d }), d;
   };
   return {
-    getState: () => t,
-    setValue: (f, h) => {
+    getState: () => n,
+    setValue: (d, m) => {
       o({
-        ...t,
-        values: { ...t.values, [f]: h },
+        ...n,
+        values: { ...n.values, [d]: m },
         dirty: !0,
-        status: t.status === "success" || t.status === "error" ? "idle" : t.status,
+        status: n.status === "success" || n.status === "error" ? "idle" : n.status,
         submitError: void 0
       });
     },
-    setTouched: (f, h = !0) => {
+    setTouched: (d, m = !0) => {
       o({
-        ...t,
-        touched: { ...t.touched, [f]: h }
+        ...n,
+        touched: { ...n.touched, [d]: m }
       });
     },
-    setErrors: (f) => {
-      o({ ...t, errors: f, status: "error" });
+    setErrors: (d) => {
+      o({ ...n, errors: d, status: "error" });
     },
-    reset: (f = r) => {
-      r = { ...f }, o({
-        values: { ...f },
+    reset: (d = r) => {
+      r = { ...d }, o({
+        values: { ...d },
         errors: {},
         touched: {},
         dirty: !1,
@@ -537,352 +537,354 @@ function Y(e) {
     },
     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 });
+      if (n.submitting) return !1;
+      const d = await i();
+      if (Object.keys(d).length > 0)
+        return o({ ...n, errors: d, status: "error", submitting: !1 }), !1;
+      const m = n.values;
+      o({ ...n, submitting: !0, status: "submitting", submitError: void 0 });
       try {
-        return await e.onSubmit(h), o({ ...t, submitting: !1, status: "success", errors: {} }), !0;
-      } catch (d) {
+        return await e.onSubmit(m), o({ ...n, submitting: !1, status: "success", errors: {} }), !0;
+      } catch (f) {
         return o({
-          ...t,
+          ...n,
           submitting: !1,
           status: "error",
-          submitError: d instanceof Error ? d.message : String(d)
+          submitError: f instanceof Error ? f.message : String(f)
         }), !1;
       }
     },
-    subscribe: (f) => (n.add(f), () => n.delete(f))
+    subscribe: (d) => (a.add(d), () => a.delete(d))
   };
 }
-function Le(e, r) {
-  let t, n;
+function Je(e, r) {
+  let n, a;
   return {
     name: r,
     getState: () => {
       const o = e.getState();
-      return o === t && n || (t = o, n = {
+      return o === n && a || (n = o, a = {
         value: o.values[r],
         error: o.errors[r],
         touched: o.touched[r] === !0,
         dirty: o.dirty,
         submitting: o.submitting
-      }), n;
+      }), a;
     },
     setValue: (o) => e.setValue(r, o),
     setTouched: (o = !0) => e.setTouched(r, o)
   };
 }
-const ie = re(null);
-function le({
+const Ne = ae(null);
+function ke({
+  /** Form store exposed to descendants. */
   store: e,
+  /** Descendant form fields and actions. */
   children: r
 }) {
-  return /* @__PURE__ */ a.jsx(ie.Provider, { value: e, children: r });
+  return /* @__PURE__ */ t.jsx(Ne.Provider, { value: e, children: r });
 }
-function B() {
-  const e = ne(ie);
+function he() {
+  const e = H(Ne);
   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
+function Ht(e) {
+  const r = A(null);
+  r.current || (r.current = me(e));
+  const n = r.current, a = Z(
+    n.subscribe,
+    n.getState,
+    n.getState
   );
   return {
-    store: t,
-    state: n,
-    submit: t.submit,
-    reset: t.reset,
-    validate: t.validate
+    store: n,
+    state: a,
+    submit: n.submit,
+    reset: n.reset,
+    validate: n.validate
   };
 }
-function De() {
-  const e = B();
-  return N(
+function Ge() {
+  const e = he();
+  return Z(
     e.subscribe,
     e.getState,
     e.getState
   );
 }
-function ce(e) {
-  const r = B(), t = P(
-    () => Le(r, e),
+function Ee(e) {
+  const r = he(), n = I(
+    () => Je(r, e),
     [r, e]
   );
   return {
-    ...N(
+    ...Z(
       r.subscribe,
-      t.getState,
-      t.getState
+      n.getState,
+      n.getState
     ),
-    setValue: t.setValue,
-    setTouched: t.setTouched
+    setValue: n.setValue,
+    setTouched: n.setTouched
   };
 }
-function pt({
+function qt({
   store: e,
   children: r,
-  onSubmitResult: t,
-  onReset: n,
+  onSubmitResult: n,
+  onReset: a,
   ...s
 }) {
-  const o = async (c) => {
-    c.preventDefault();
-    const u = await e.submit();
-    await t?.(u);
-  }, i = (c) => {
-    c.preventDefault(), e.reset(), n?.();
+  const o = async (l) => {
+    l.preventDefault();
+    const c = await e.submit();
+    await n?.(c);
+  }, i = (l) => {
+    l.preventDefault(), e.reset(), a?.();
   };
-  return /* @__PURE__ */ a.jsx(le, { store: e, children: /* @__PURE__ */ a.jsx("form", { ...s, onSubmit: o, onReset: i, children: r }) });
+  return /* @__PURE__ */ t.jsx(ke, { store: e, children: /* @__PURE__ */ t.jsx("form", { ...s, onSubmit: o, onReset: i, children: r }) });
 }
-function ee({ name: e, children: r, ...t }) {
-  const n = ce(e);
+function ve({ name: e, children: r, ...n }) {
+  const a = Ee(e);
   if (r)
-    return r(n);
-  const s = n.value, o = typeof s == "string" || typeof s == "number" ? s : "";
-  return /* @__PURE__ */ a.jsx(
+    return r(a);
+  const s = a.value, o = typeof s == "string" || typeof s == "number" ? s : "";
+  return /* @__PURE__ */ t.jsx(
     "input",
     {
-      ...t,
+      ...n,
       name: String(e),
       value: o,
-      onChange: (i) => n.setValue(i.target.value),
-      onBlur: () => n.setTouched(),
-      "aria-invalid": n.error ? !0 : void 0
+      onChange: (i) => a.setValue(i.target.value),
+      onBlur: () => a.setTouched(),
+      "aria-invalid": a.error ? !0 : void 0
     }
   );
 }
-function ue(e, r) {
+function Ce(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(
+function He(e) {
+  const { children: r = "Submit", disabled: n, className: a, ...s } = e, { submitting: o } = he().getState();
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
       ...s,
-      className: ue(n, "fsc-form-action"),
+      className: Ce(a, "fsc-form-action"),
       type: "submit",
-      disabled: t || o,
+      disabled: n || o,
       "aria-busy": o || void 0,
       children: r
     }
   );
 }
-function Ue(e) {
-  const { children: r = "Reset", className: t, ...n } = e;
-  return /* @__PURE__ */ a.jsx(
+function qe(e) {
+  const { children: r = "Reset", className: n, ...a } = e;
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      ...n,
-      className: ue(t, "fsc-form-action"),
+      ...a,
+      className: Ce(n, "fsc-form-action"),
       type: "reset",
       children: r
     }
   );
 }
-function ht({ name: e, render: r }) {
-  const t = ce(e);
+function Kt({ name: e, render: r }) {
+  const n = Ee(e);
   return r({
-    value: t.value,
-    onChange: t.setValue,
-    onBlur: () => t.setTouched(),
-    error: t.error
+    value: n.value,
+    onChange: n.setValue,
+    onBlur: () => n.setTouched(),
+    error: n.error
   });
 }
-function bt(e) {
-  return function(t) {
-    const { field: n, ...s } = t;
-    return /* @__PURE__ */ a.jsx(e, { ...s, ...n });
+function Xt(e) {
+  return function(n) {
+    const { field: a, ...s } = n;
+    return /* @__PURE__ */ t.jsx(e, { ...s, ...a });
   };
 }
-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)
+function er(e) {
+  const { resource: r, mode: n, id: a, initialValues: s, validate: o, transform: i, onSuccess: l } = e;
+  if (n === "edit" && a === void 0)
     throw new Error("An id is required when creating an edit resource form.");
-  return Y({
+  return me({
     initialValues: s,
     validate: o,
-    onSubmit: async (f) => {
-      const h = i ? i(f) : f;
-      let d;
-      if (t === "create") {
+    onSubmit: async (d) => {
+      const m = i ? i(d) : d;
+      let f;
+      if (n === "create") {
         if (!r.create)
           throw new Error(`Resource "${r.name}" does not support create.`);
-        d = await r.create(h);
+        f = await r.create(m);
       } else {
         if (!r.update)
           throw new Error(`Resource "${r.name}" does not support update.`);
-        d = await r.update(n, h);
+        f = await r.update(a, m);
       }
-      await c?.(d);
+      await l?.(f);
     }
   });
 }
-function Ye(e) {
+function Ke(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
+  for (const n of e)
+    for (const a of Object.keys(n)) r.add(a);
+  return [...r].map((n) => ({
+    key: n,
+    header: n
   }));
 }
-function Be(e, r) {
+function Xe(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];
+function et(e, r) {
+  let n = [...r];
   return {
     name: e,
-    async list(n = {}) {
-      let s = [...t];
-      if (n.search) {
-        const i = n.search.trim().toLowerCase();
+    async list(a = {}) {
+      let s = [...n];
+      if (a.search) {
+        const i = a.search.trim().toLowerCase();
         i && (s = s.filter(
-          (c) => Object.values(c).some(
-            (u) => String(u ?? "").toLowerCase().includes(i)
+          (l) => Object.values(l).some(
+            (c) => String(c ?? "").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;
+      if (a.sort) {
+        const { field: i, direction: l } = a.sort;
+        s.sort((c, d) => {
+          const m = Xe(c[i], d[i]);
+          return l === "desc" ? -m : m;
         });
       }
       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);
+      if (a.pageSize && a.pageSize > 0) {
+        const l = (Math.max(a.page ?? 1, 1) - 1) * a.pageSize;
+        s = s.slice(l, l + a.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.`);
+    async get(a) {
+      const s = n.find((o) => String(o.id) === a);
+      if (!s) throw new Error(`${e} record "${a}" was not found.`);
       return s;
     },
-    async create(n) {
+    async create(a) {
       const s = {
-        ...n,
+        ...a,
         id: globalThis.crypto.randomUUID()
       };
-      return t.push(s), s;
+      return n.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 update(a, s) {
+      const o = n.findIndex((l) => String(l.id) === a);
+      if (o < 0) throw new Error(`${e} record "${a}" was not found.`);
+      const i = { ...n[o], ...s };
+      return n[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);
+    async delete(a) {
+      const s = n.findIndex((o) => String(o.id) === a);
+      if (s < 0) throw new Error(`${e} record "${a}" was not found.`);
+      n.splice(s, 1);
     }
   };
 }
-function Je(e, r = {}) {
-  let t = {
+function tt(e, r = {}) {
+  let n = {
     data: [],
     operation: "idle",
     lastQuery: r.initialQuery
   };
-  const n = /* @__PURE__ */ new Set(), s = () => {
-    for (const m of n) m();
-  }, o = (m) => {
-    t = {
-      ...t,
-      ...m,
+  const a = /* @__PURE__ */ new Set(), s = () => {
+    for (const p of a) p();
+  }, o = (p) => {
+    n = {
+      ...n,
+      ...p,
       lastUpdated: Date.now()
     }, s();
-  }, i = (m) => m instanceof Error ? m : new Error(String(m)), c = async (m, v) => {
-    o({ operation: m, error: void 0 });
+  }, i = (p) => p instanceof Error ? p : new Error(String(p)), l = async (p, j) => {
+    o({ operation: p, error: void 0 });
     try {
-      const C = await v();
+      const C = await j();
       return o({ operation: "idle" }), C;
     } catch (C) {
-      const O = i(C);
+      const T = i(C);
       throw o({
         operation: "idle",
-        error: O
-      }), O;
+        error: T
+      }), T;
     }
-  }, u = async (m = t.lastQuery ?? {}) => {
-    const v = await e.list(m);
+  }, c = async (p = n.lastQuery ?? {}) => {
+    const j = await e.list(p);
     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) => {
+      data: j.data,
+      total: j.total,
+      lastQuery: p
+    }), j;
+  }, d = (p = n.lastQuery ?? {}) => l("listing", () => c(p)), m = (p) => l("reading", async () => {
+    const j = await e.get(p);
+    return o({ selected: j }), j;
+  }), f = (p) => {
     if (!e.create) {
-      const v = new Error(
+      const j = new Error(
         `Resource "${e.name}" does not support create().`
       );
-      return o({ operation: "idle", error: v }), Promise.reject(v);
+      return o({ operation: "idle", error: j }), Promise.reject(j);
     }
-    return c("creating", async () => {
-      const v = await e.create(m);
-      return await j(), o({ selected: v }), v;
+    return l("creating", async () => {
+      const j = await e.create(p);
+      return await x(), o({ selected: j }), j;
     });
-  }, g = (m, v) => {
+  }, v = (p, j) => {
     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;
+    return l("updating", async () => {
+      const C = await e.update(p, j);
+      return await x(), o({ selected: C }), C;
     });
-  }, b = (m) => {
+  }, h = (p) => {
     if (!e.delete) {
-      const v = new Error(
+      const j = new Error(
         `Resource "${e.name}" does not support delete().`
       );
-      return o({ operation: "idle", error: v }), Promise.reject(v);
+      return o({ operation: "idle", error: j }), Promise.reject(j);
     }
-    return c("deleting", async () => {
-      await e.delete(m), await j(), t.selected && String(t.selected.id) === String(m) && o({ selected: void 0 });
+    return l("deleting", async () => {
+      await e.delete(p), await x(), n.selected && String(n.selected.id) === String(p) && o({ selected: void 0 });
     });
-  }, j = async () => {
-    const m = t.lastQuery ?? {}, v = await e.list(m);
+  }, x = async () => {
+    const p = n.lastQuery ?? {}, j = await e.list(p);
     o({
-      data: v.data,
-      total: v.total,
-      lastQuery: m
+      data: j.data,
+      total: j.total,
+      lastQuery: p
     });
   };
   return {
-    getState: () => t,
-    list: f,
-    get: h,
-    create: d,
-    update: g,
-    remove: b,
-    refresh: () => f(t.lastQuery ?? {}),
-    select: (m) => o({ selected: m }),
+    getState: () => n,
+    list: d,
+    get: m,
+    create: f,
+    update: v,
+    remove: h,
+    refresh: () => d(n.lastQuery ?? {}),
+    select: (p) => o({ selected: p }),
     clearSelection: () => o({ selected: void 0 }),
     clearError: () => o({ error: void 0 }),
-    subscribe: (m) => (n.add(m), () => n.delete(m))
+    subscribe: (p) => (a.add(p), () => a.delete(p))
   };
 }
-function Qe(e) {
+function rt(e) {
   let r = {
     data: [],
     columns: e.columns ?? [],
@@ -894,171 +896,155 @@ function Qe(e) {
     search: "",
     sort: void 0
   };
-  const t = /* @__PURE__ */ new Set(), n = () => t.forEach((d) => d()), s = (d) => {
-    r = d, n();
+  const n = /* @__PURE__ */ new Set(), a = () => n.forEach((f) => f()), s = (f) => {
+    r = f, a();
   }, o = async () => {
-    const d = r;
-    s({ ...d, loading: !0, error: null });
+    const f = r;
+    s({ ...f, 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
+      const v = await e.resource.list({
+        page: f.page,
+        pageSize: f.pageSize,
+        search: f.search || void 0,
+        sort: f.sort
       });
-      if (r.page !== d.page || r.pageSize !== d.pageSize || r.search !== d.search || r.sort !== d.sort)
+      if (r.page !== f.page || r.pageSize !== f.pageSize || r.search !== f.search || r.sort !== f.sort)
         return;
       s({
         ...r,
-        data: g.data,
-        columns: e.columns ?? Ye(g.data),
-        total: g.total,
+        data: v.data,
+        columns: e.columns ?? Ke(v.data),
+        total: v.total,
         loading: !1,
         error: null
       });
-    } catch (g) {
-      if (r.page !== d.page || r.pageSize !== d.pageSize || r.search !== d.search || r.sort !== d.sort)
+    } catch (v) {
+      if (r.page !== f.page || r.pageSize !== f.pageSize || r.search !== f.search || r.sort !== f.sort)
         return;
       s({
         ...r,
         loading: !1,
-        error: g instanceof Error ? g : new Error(String(g))
+        error: v instanceof Error ? v : new Error(String(v))
       });
     }
   };
   return {
     getState: () => r,
     load: o,
-    setSearch: async (d) => {
-      s({ ...r, search: d, page: 1 }), await o();
+    setSearch: async (f) => {
+      s({ ...r, search: f, page: 1 }), await o();
     },
-    setPage: async (d) => {
-      !Number.isInteger(d) || d < 1 || (s({ ...r, page: d }), await o());
+    setPage: async (f) => {
+      !Number.isInteger(f) || f < 1 || (s({ ...r, page: f }), await o());
     },
-    setPageSize: async (d) => {
-      !Number.isInteger(d) || d < 1 || (s({ ...r, pageSize: d, page: 1 }), await o());
+    setPageSize: async (f) => {
+      !Number.isInteger(f) || f < 1 || (s({ ...r, pageSize: f, 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();
+    setSort: async (f) => {
+      const v = r.sort, h = v?.field === f && v.direction === "asc" ? "desc" : "asc";
+      s({ ...r, sort: { field: f, direction: h }, 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))
+    subscribe: (f) => (n.add(f), () => n.delete(f))
   };
 }
-function Ge(e) {
-  const r = P(
-    () => Qe(e),
+function nt(e) {
+  const r = I(
+    () => rt(e),
     [e.resource, e.columns, e.pageSize]
-  ), t = E(
+  ), n = R(
     (o) => r.subscribe(o),
     [r]
-  ), n = E(() => r.getState(), [r]), s = N(t, n, n);
+  ), a = R(() => r.getState(), [r]), s = Z(n, a, a);
   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 {
+class at 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;
+  constructor(r, n) {
+    super(n?.message ?? `API request failed with status ${r}.`), this.name = "ApiError", this.status = r, this.code = n?.code, this.details = n?.details;
   }
 }
-function He(e, r) {
-  const t = new URLSearchParams();
+function st(e, r) {
+  const n = 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;
+    o != null && (typeof o == "object" ? n.set(s, JSON.stringify(o)) : n.set(s, String(o)));
+  const a = n.toString();
+  return a ? `${e}${e.includes("?") ? "&" : "?"}${a}` : e;
 }
-function te(e) {
+function je(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,
+function tr(e = "") {
+  const r = async (n, a) => {
+    const s = await fetch(`${e}${n}`, {
+      ...a,
       headers: {
         Accept: "application/json",
-        ...n?.body !== void 0 ? { "Content-Type": "application/json" } : {},
-        ...n?.headers
+        ...a?.body !== void 0 ? { "Content-Type": "application/json" } : {},
+        ...a?.headers
       }
     });
     if (!s.ok) {
       let o;
-      if (te(s))
+      if (je(s))
         try {
           o = await s.json();
         } catch {
           o = void 0;
         }
-      throw new Ze(s.status, o);
+      throw new at(s.status, o);
     }
-    if (s.status !== 204 && te(s))
+    if (s.status !== 204 && je(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" })
+    get: (n, a = {}) => r(st(n, a)),
+    post: (n, a) => r(n, { method: "POST", body: JSON.stringify(a) }),
+    patch: (n, a) => r(n, { method: "PATCH", body: JSON.stringify(a) }),
+    delete: (n) => r(n, { method: "DELETE" })
   };
 }
-function gt(e) {
-  const { client: r, path: t } = e;
+function rr(e) {
+  const { client: r, path: n } = e;
   return {
-    name: t.replace(/^\/+/, "").replace(/\/+$/, "") || "resource",
-    async list(n = {}) {
-      return r.get(t, n);
+    name: n.replace(/^\/+/, "").replace(/\/+$/, "") || "resource",
+    async list(a = {}) {
+      return r.get(n, a);
     },
-    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))}`);
+    get: (a) => r.get(`${n}/${encodeURIComponent(String(a))}`),
+    create: (a) => r.post(n, a),
+    update: (a, s) => r.patch(`${n}/${encodeURIComponent(String(a))}`, s),
+    delete: async (a) => {
+      await r.delete(`${n}/${encodeURIComponent(String(a))}`);
     }
   };
 }
-function Xe({ resource: e }) {
+function ot({ resource: e }) {
   let r = {
     status: "idle",
     error: null
   };
-  const t = /* @__PURE__ */ new Set(), n = () => t.forEach((i) => i()), s = (i) => {
-    r = i, n();
+  const n = /* @__PURE__ */ new Set(), a = () => n.forEach((i) => i()), s = (i) => {
+    r = i, a();
   }, o = async (i) => {
     s({ ...r, status: "loading", error: null });
     try {
-      const c = await i();
+      const l = await i();
       return s({
         status: "success",
-        data: c && typeof c == "object" ? c : r.data,
+        data: l && typeof l == "object" ? l : r.data,
         error: null
-      }), c;
-    } catch (c) {
+      }), l;
+    } catch (l) {
       s({
         ...r,
         status: "error",
-        error: c instanceof Error ? c : new Error(String(c))
+        error: l instanceof Error ? l : new Error(String(l))
       });
       return;
     }
@@ -1068,247 +1054,491 @@ function Xe({ resource: e }) {
     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 });
+        const l = new Error(`Resource "${e.name}" does not support create.`);
+        s({ ...r, status: "error", error: l });
         return;
       }
       return o(() => e.create(i));
     },
-    update: async (i, c) => {
+    update: async (i, l) => {
       if (!e.update) {
-        const u = new Error(`Resource "${e.name}" does not support update.`);
-        s({ ...r, status: "error", error: u });
+        const c = new Error(`Resource "${e.name}" does not support update.`);
+        s({ ...r, status: "error", error: c });
         return;
       }
-      return o(() => e.update(i, c));
+      return o(() => e.update(i, l));
     },
     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;
+        const c = new Error(`Resource "${e.name}" does not support delete.`);
+        return s({ ...r, status: "error", error: c }), !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))
+    subscribe: (i) => (n.add(i), () => n.delete(i))
   };
 }
-function jt(e) {
-  const r = $(null);
+function nr(e) {
+  const r = A(null);
   (!r.current || r.current.resource !== e) && (r.current = {
     resource: e,
-    controller: Xe({ resource: e })
+    controller: ot({ resource: e })
   });
-  const t = r.current.controller, n = N(
-    t.subscribe,
-    t.getState,
-    t.getState
+  const n = r.current.controller, a = Z(
+    n.subscribe,
+    n.getState,
+    n.getState
   );
   return {
-    ...t,
-    ...n
+    ...n,
+    ...a
   };
 }
-function Ke(e) {
-  const r = $(null);
+function it(e) {
+  const r = A(null);
   (!r.current || r.current.resource !== e) && (r.current = {
     resource: e,
-    controller: Je(e)
+    controller: tt(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]);
+  const n = r.current.controller, a = Z(
+    n.subscribe,
+    n.getState,
+    n.getState
+  ), s = R(
+    (h) => n.list(h),
+    [n]
+  ), o = R((h) => n.get(h), [n]), i = R((h) => n.create(h), [n]), l = R(
+    (h, x) => n.update(h, x),
+    [n]
+  ), c = R((h) => n.remove(h), [n]), d = R(() => n.refresh(), [n]), m = R((h) => n.select(h), [n]), f = R(() => n.clearSelection(), [n]), v = R(() => n.clearError(), [n]);
   return {
-    ...t,
     ...n,
+    ...a,
     list: s,
     get: o,
     create: i,
-    update: c,
-    remove: u,
-    refresh: f,
-    select: h,
-    clearSelection: d,
-    clearError: g
+    update: l,
+    remove: c,
+    refresh: d,
+    select: m,
+    clearSelection: f,
+    clearError: v
   };
 }
-function yt({ children: e, columns: r = 1, gap: t, ...n }) {
+function ar({ children: e, columns: r = 1, gap: n, ...a }) {
   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 });
+  return /* @__PURE__ */ t.jsx("div", { ...a, style: { display: "grid", gridTemplateColumns: s, gap: n, ...a.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 sr({ children: e, direction: r = "column", gap: n, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { ...a, "data-direction": r, style: { display: "flex", flexDirection: r, gap: n, ...a.style }, children: e });
 }
-function et({
+function lt({
   label: e = "Loading…",
   "aria-label": r,
-  ...t
+  ...n
 }) {
-  const n = r ?? (typeof e == "string" || typeof e == "number" ? String(e) : void 0);
-  return /* @__PURE__ */ a.jsx(
+  const a = r ?? (typeof e == "string" || typeof e == "number" ? String(e) : void 0);
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ...t,
+      ...n,
       role: "status",
-      "aria-label": n,
+      "aria-label": a,
       "aria-live": "polite",
       "aria-busy": "true",
       children: e
     }
   );
 }
-function tt({
+function ct({ icon: e, label: r, className: n, type: a = "button", onClick: s, ...o }) {
+  return /* @__PURE__ */ t.jsx(
+    "button",
+    {
+      ...o,
+      type: a,
+      className: ["fsc-ohm-table__action", n].filter(Boolean).join(" "),
+      "aria-label": o["aria-label"] ?? r,
+      title: o.title ?? r,
+      onClick: (i) => {
+        i.stopPropagation(), s?.(i);
+      },
+      children: e
+    }
+  );
+}
+function de({ children: e }) {
+  return /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: e });
+}
+const dt = [
+  { id: "edit", label: "Upraviť", icon: /* @__PURE__ */ t.jsxs(de, { children: [
+    /* @__PURE__ */ t.jsx("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ t.jsx("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L8 18l-4 1 1-4Z" })
+  ] }) },
+  { id: "share", label: "Zdieľať", icon: /* @__PURE__ */ t.jsxs(de, { children: [
+    /* @__PURE__ */ t.jsx("circle", { cx: "18", cy: "5", r: "2" }),
+    /* @__PURE__ */ t.jsx("circle", { cx: "6", cy: "12", r: "2" }),
+    /* @__PURE__ */ t.jsx("circle", { cx: "18", cy: "19", r: "2" }),
+    /* @__PURE__ */ t.jsx("path", { d: "m8 11 8-5" }),
+    /* @__PURE__ */ t.jsx("path", { d: "m8 13 8 5" })
+  ] }) },
+  { id: "delete", label: "Vymazať", icon: /* @__PURE__ */ t.jsxs(de, { children: [
+    /* @__PURE__ */ t.jsx("path", { d: "M4 7h16" }),
+    /* @__PURE__ */ t.jsx("path", { d: "M10 11v6" }),
+    /* @__PURE__ */ t.jsx("path", { d: "M14 11v6" }),
+    /* @__PURE__ */ t.jsx("path", { d: "M6 7l1 13h10l1-13" }),
+    /* @__PURE__ */ t.jsx("path", { d: "M9 7V4h6v3" })
+  ] }) }
+];
+function ut({ row: e, actions: r = dt, className: n }) {
+  return /* @__PURE__ */ t.jsx("div", { className: ["fsc-ohm-table__actions", n].filter(Boolean).join(" "), children: r.map(({ id: a, onClick: s, ...o }) => /* @__PURE__ */ t.jsx(ct, { ...o, onClick: () => s?.(e) }, a)) });
+}
+function ft({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("tbody", { className: r, children: e });
+}
+function re({ children: e, className: r, colSpan: n }) {
+  return /* @__PURE__ */ t.jsx("td", { className: r, colSpan: n, children: e });
+}
+function mt({ colSpan: e, children: r }) {
+  return /* @__PURE__ */ t.jsx("tr", { className: "fsc-ohm-table__state-row", children: /* @__PURE__ */ t.jsx("td", { colSpan: e, children: r }) });
+}
+function ht({ colSpan: e, children: r }) {
+  return /* @__PURE__ */ t.jsx("tr", { className: "fsc-ohm-table__state-row fsc-ohm-table__state-row--error", children: /* @__PURE__ */ t.jsx("td", { colSpan: e, children: r }) });
+}
+function pt({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("thead", { className: r, children: e });
+}
+function bt({ direction: e }) {
+  return /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-table__sort-icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: e === "asc" ? /* @__PURE__ */ t.jsx("path", { d: "m4 10 4-4 4 4" }) : e === "desc" ? /* @__PURE__ */ t.jsx("path", { d: "m4 6 4 4 4-4" }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("path", { d: "m4 6 4-3 4 3" }),
+    /* @__PURE__ */ t.jsx("path", { d: "m4 10 4 3 4-3" })
+  ] }) }) });
+}
+function xt({ direction: e, onClick: r, children: n }) {
+  return /* @__PURE__ */ t.jsxs("button", { type: "button", className: "fsc-ohm-table__sort", onClick: r, "aria-label": "Zoradiť", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-table__sort-label", children: n }),
+    /* @__PURE__ */ t.jsx(bt, { direction: e })
+  ] });
+}
+function ne({ children: e, sortable: r = !1, sortDirection: n, onSort: a, scope: s = "col", className: o }) {
+  return /* @__PURE__ */ t.jsx("th", { scope: s, className: o, children: r ? /* @__PURE__ */ t.jsx(xt, { direction: n, onClick: a, children: e }) : e });
+}
+function vt({ colSpan: e, rows: r = 3 }) {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: Array.from({ length: r }, (n, a) => /* @__PURE__ */ t.jsx("tr", { className: "fsc-ohm-table__state-row", "aria-busy": "true", children: /* @__PURE__ */ t.jsx("td", { colSpan: e, children: /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-table__skeleton" }) }) }, a)) });
+}
+function jt({ page: e, pageCount: r, onPageChange: n }) {
+  return r > 1 ? /* @__PURE__ */ t.jsxs("nav", { className: "fsc-ohm-table__pagination", "aria-label": "Stránkovanie", children: [
+    /* @__PURE__ */ t.jsx("button", { type: "button", disabled: e <= 1, onClick: () => n?.(e - 1), children: "Predchádzajúca" }),
+    /* @__PURE__ */ t.jsxs("span", { children: [
+      "Strana ",
+      e,
+      " / ",
+      r
+    ] }),
+    /* @__PURE__ */ t.jsx("button", { type: "button", disabled: e >= r, onClick: () => n?.(e + 1), children: "Ďalšia" })
+  ] }) : null;
+}
+function gt({ children: e, className: r, selected: n = !1, onClick: a }) {
+  const s = (o) => {
+    a && (o.key !== "Enter" && o.key !== " " || (o.preventDefault(), a()));
+  };
+  return /* @__PURE__ */ t.jsx(
+    "tr",
+    {
+      className: ["fsc-ohm-table__row", r].filter(Boolean).join(" "),
+      "data-selected": n || void 0,
+      "data-clickable": a ? !0 : void 0,
+      tabIndex: a ? 0 : void 0,
+      onClick: a,
+      onKeyDown: s,
+      children: e
+    }
+  );
+}
+function yt({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("div", { className: ["fsc-ohm-table__row-actions", r].filter(Boolean).join(" "), children: e });
+}
+function ge({ checked: e = !1, onChange: r, disabled: n = !1, "aria-label": a = "Vybrať riadok" }) {
+  return /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: e, disabled: n, "aria-label": a, onChange: (s) => r?.(s.target.checked) });
+}
+function _t(e, r) {
+  const n = e.id;
+  return n == null ? String(r) : String(n);
+}
+function St({
+  data: e,
+  columns: r,
+  caption: n,
+  sortable: a = !1,
+  pagination: s = !1,
+  pageSize: o = 10,
+  actions: i = !1,
+  actionItems: l,
+  selectable: c = !1,
+  selectedRowIds: d,
+  getRowId: m = _t,
+  onSelectionChange: f,
+  onRowClick: v,
+  renderRowActions: h,
+  renderExpandedRow: x,
+  loading: b = !1,
+  emptyState: p,
+  error: j,
+  className: C
+}) {
+  const [T, oe] = w(null), [ie, q] = w(1), [le, K] = w([]), [V, ce] = w([]), F = d ?? le, U = i || !!h, D = !!x, $ = Math.max(1, o), Q = I(() => T ? [...e].sort((g, S) => {
+    const _ = g[T.key], k = S[T.key];
+    if (_ == null && k == null) return 0;
+    if (_ == null) return 1;
+    if (k == null) return -1;
+    const O = String(_).localeCompare(String(k), void 0, {
+      numeric: !0,
+      sensitivity: "base"
+    });
+    return T.direction === "asc" ? O : -O;
+  }) : e, [e, T]), W = s ? Math.max(1, Math.ceil(Q.length / $)) : 1, L = Math.min(ie, W), B = s ? Q.slice((L - 1) * $, L * $) : Q, Y = r.length + Number(c) + Number(U) + Number(D), X = (g) => {
+    !a || g.sortable === !1 || (oe((S) => !S || S.key !== g.key ? { key: g.key, direction: "asc" } : S.direction === "asc" ? { key: g.key, direction: "desc" } : null), q(1));
+  }, ee = (g, S) => {
+    const _ = S ? [...F, g] : F.filter((k) => k !== g);
+    d === void 0 && K(_), f?.(_, e.filter((k, O) => _.includes(m(k, O))));
+  }, u = B.map(
+    (g, S) => m(g, (L - 1) * $ + S)
+  ), y = u.length > 0 && u.every((g) => F.includes(g)), N = (g) => {
+    const S = g ? Array.from(/* @__PURE__ */ new Set([...F, ...u])) : F.filter((_) => !u.includes(_));
+    d === void 0 && K(S), f?.(S, e.filter((_, k) => S.includes(m(_, k))));
+  }, E = (g) => {
+    ce(
+      (S) => S.includes(g) ? S.filter((_) => _ !== g) : [...S, g]
+    );
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: ["fsc-ohm-table__container", C].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ t.jsxs("table", { className: "fsc-ohm-table", children: [
+      n && /* @__PURE__ */ t.jsx("caption", { className: "fsc-ohm-table__caption", children: n }),
+      /* @__PURE__ */ t.jsxs("colgroup", { children: [
+        U && /* @__PURE__ */ t.jsx("col", { style: { width: "8.5rem" } }),
+        D && /* @__PURE__ */ t.jsx("col", { style: { width: "3rem" } }),
+        c && /* @__PURE__ */ t.jsx("col", { style: { width: "3rem" } }),
+        r.map((g) => /* @__PURE__ */ t.jsx("col", { style: g.width ? { width: g.width } : void 0 }, g.key))
+      ] }),
+      /* @__PURE__ */ t.jsx(pt, { children: /* @__PURE__ */ t.jsxs("tr", { children: [
+        U && /* @__PURE__ */ t.jsx(ne, { className: "fsc-ohm-table__actions-header", scope: "col", children: "Akcie" }),
+        D && /* @__PURE__ */ t.jsx(ne, { scope: "col", children: "Rozbaliť" }),
+        c && /* @__PURE__ */ t.jsx(ne, { scope: "col", children: /* @__PURE__ */ t.jsx(
+          ge,
+          {
+            checked: y,
+            onChange: N,
+            "aria-label": "Vybrať všetky riadky"
+          }
+        ) }),
+        r.map((g) => /* @__PURE__ */ t.jsx(
+          ne,
+          {
+            scope: "col",
+            sortable: a && g.sortable !== !1,
+            sortDirection: T?.key === g.key ? T.direction : void 0,
+            onSort: () => X(g),
+            children: g.header
+          },
+          g.key
+        ))
+      ] }) }),
+      /* @__PURE__ */ t.jsx(ft, { children: b ? /* @__PURE__ */ t.jsx(vt, { colSpan: Y }) : j ? /* @__PURE__ */ t.jsx(ht, { colSpan: Y, children: j }) : B.length === 0 ? /* @__PURE__ */ t.jsx(mt, { colSpan: Y, children: p ?? "Žiadne záznamy." }) : B.map((g, S) => {
+        const _ = s ? (L - 1) * $ + S : S, k = m(g, _), O = V.includes(k);
+        return /* @__PURE__ */ t.jsxs(
+          gt,
+          {
+            selected: F.includes(k),
+            onClick: v ? () => v(g) : void 0,
+            children: [
+              U && /* @__PURE__ */ t.jsxs(re, { className: "fsc-ohm-table__actions-cell", children: [
+                /* @__PURE__ */ t.jsx(ut, { row: g, actions: l }),
+                h ? /* @__PURE__ */ t.jsx(yt, { children: h(g) }) : null
+              ] }),
+              D && /* @__PURE__ */ t.jsx(re, { children: /* @__PURE__ */ t.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "fsc-ohm-table__icon-button",
+                  onClick: (z) => {
+                    z.stopPropagation(), E(k);
+                  },
+                  "aria-expanded": O,
+                  "aria-label": O ? "Zbaliť riadok" : "Rozbaliť riadok",
+                  children: O ? "−" : "+"
+                }
+              ) }),
+              c && /* @__PURE__ */ t.jsx(re, { children: /* @__PURE__ */ t.jsx(
+                ge,
+                {
+                  checked: F.includes(k),
+                  onChange: (z) => ee(k, z),
+                  "aria-label": `Vybrať riadok ${k}`
+                }
+              ) }),
+              r.map((z) => /* @__PURE__ */ t.jsx(re, { children: z.render ? z.render(g[z.key], g) : String(g[z.key] ?? "—") }, z.key))
+            ]
+          },
+          k
+        );
+      }) })
+    ] }),
+    B.some(
+      (g, S) => x && V.includes(m(g, (L - 1) * $ + S))
+    ) && /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-table__expanded-content", children: B.map((g, S) => {
+      const _ = m(g, (L - 1) * $ + S);
+      return V.includes(_) ? /* @__PURE__ */ t.jsx("div", { children: x?.(g) }, _) : null;
+    }) }),
+    s && !b && !j && /* @__PURE__ */ t.jsx(jt, { page: L, pageCount: W, onPageChange: q })
+  ] });
+}
+function wt({
   resource: e,
   columns: r,
-  pageSize: t,
-  emptyState: n = "No records.",
+  pageSize: n,
+  emptyState: a = "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,
+  const { controller: l, state: c } = nt({ resource: e, columns: r, pageSize: n }), d = c.columns.map((m) => ({
+    ...m,
+    header: m.header ?? m.key
+  }));
+  return P(() => {
+    l.load();
+  }, [l, s]), /* @__PURE__ */ t.jsx(
+    St,
     {
       ...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
+      data: c.data,
+      columns: d,
+      emptyState: c.loading ? /* @__PURE__ */ t.jsx(lt, {}) : c.error?.message ?? a
     }
   );
 }
-const rt = [
+const Nt = [
   { 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;
+], kt = { name: "", price: "" };
+function Et(e) {
+  return e ? { name: e.name, price: String(e.price) } : kt;
 }
-function st({
+function Ct({
   store: e,
   operation: r,
-  controllerError: t,
-  editing: n,
+  controllerError: n,
+  editing: a,
   onSuccess: s,
   onCancel: o
 }) {
-  const i = De(), c = i.submitting || r === "creating" || r === "updating";
-  return /* @__PURE__ */ a.jsxs(
+  const i = Ge(), l = i.submitting || r === "creating" || r === "updating";
+  return /* @__PURE__ */ t.jsxs(
     "form",
     {
       className: "fsc-crud-example__editor",
-      onSubmit: async (u) => {
-        u.preventDefault(), await e.submit() && s();
+      onSubmit: async (c) => {
+        c.preventDefault(), await e.submit() && s();
       },
-      onReset: (u) => {
-        u.preventDefault(), e.reset();
+      onReset: (c) => {
+        c.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(
+        /* @__PURE__ */ t.jsx("strong", { children: a ? "Upraviť záznam" : "Nový záznam" }),
+        /* @__PURE__ */ t.jsx(ve, { name: "name", children: (c) => /* @__PURE__ */ t.jsxs("label", { className: "fsc-crud-example__field", children: [
+          /* @__PURE__ */ t.jsx("span", { children: "Názov" }),
+          /* @__PURE__ */ t.jsx(
             "input",
             {
-              value: u.value,
-              onChange: (f) => u.setValue(f.target.value),
-              onBlur: () => u.setTouched(),
-              disabled: c,
-              "aria-invalid": u.error ? !0 : void 0
+              value: c.value,
+              onChange: (d) => c.setValue(d.target.value),
+              onBlur: () => c.setTouched(),
+              disabled: l,
+              "aria-invalid": c.error ? !0 : void 0
             }
           ),
-          u.error ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: u.error }) : null
+          c.error ? /* @__PURE__ */ t.jsx("small", { role: "alert", children: c.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(
+        /* @__PURE__ */ t.jsx(ve, { name: "price", children: (c) => /* @__PURE__ */ t.jsxs("label", { className: "fsc-crud-example__field", children: [
+          /* @__PURE__ */ t.jsx("span", { children: "Cena (€)" }),
+          /* @__PURE__ */ t.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
+              value: c.value,
+              onChange: (d) => c.setValue(d.target.value),
+              onBlur: () => c.setTouched(),
+              disabled: l,
+              "aria-invalid": c.error ? !0 : void 0
             }
           ),
-          u.error ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: u.error }) : null
+          c.error ? /* @__PURE__ */ t.jsx("small", { role: "alert", children: c.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
+        n ? /* @__PURE__ */ t.jsx("small", { role: "alert", children: n.message }) : null,
+        i.submitError && !n ? /* @__PURE__ */ t.jsx("small", { role: "alert", children: i.submitError }) : null,
+        /* @__PURE__ */ t.jsxs("div", { className: "fsc-crud-example__actions", children: [
+          /* @__PURE__ */ t.jsx(He, { disabled: l, children: r === "creating" ? "Vytváram…" : r === "updating" ? "Ukladám…" : a ? "Uložiť zmeny" : "Vytvoriť" }),
+          /* @__PURE__ */ t.jsx(qe, { disabled: l, children: "Reset" }),
+          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: o, disabled: l, children: "Zrušiť" }),
+          l ? /* @__PURE__ */ t.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 Tt(e) {
+  return /* @__PURE__ */ t.jsx(ke, { store: e.store, children: /* @__PURE__ */ t.jsx(Ct, { ...e }) });
 }
-function wt({ onEvent: e } = {}) {
-  const r = P(
-    () => We("crud-example", rt),
+function or({ onEvent: e } = {}) {
+  const r = I(
+    () => et("crud-example", Nt),
     []
-  ), t = Ke(r), [n, s] = T(!1), [o, i] = T(), [c, u] = T(0), f = E(() => {
+  ), n = it(r), [a, s] = w(!1), [o, i] = w(), [l, c] = w(0), d = R(() => {
     i(void 0), s(!0);
-  }, []), h = E((x) => {
-    i(x), s(!0);
-  }, []), d = E(
-    async (x) => {
-      if (t.operation === "idle")
+  }, []), m = R((b) => {
+    i(b), s(!0);
+  }, []), f = R(
+    async (b) => {
+      if (n.operation === "idle")
         try {
-          await t.remove(x.id), u((m) => m + 1), e?.("delete");
+          await n.remove(b.id), c((p) => p + 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;
+    [n, e]
+  ), v = I(
+    () => me({
+      initialValues: Et(o),
+      validate: async (b) => {
+        const p = {};
+        b.name.trim() || (p.name = "Názov je povinný.");
+        const j = Number(b.price);
+        return (!b.price.trim() || !Number.isFinite(j) || j < 0) && (p.price = "Zadajte platnú cenu."), p;
       },
-      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"));
+      onSubmit: async (b) => {
+        const p = { name: b.name.trim(), price: Number(b.price) };
+        o ? (await n.update(o.id, p), e?.("update")) : (await n.create(p), e?.("create"));
       }
     }),
-    [t.create, t.update, o, e]
-  ), b = P(
+    [n.create, n.update, o, e]
+  ), h = I(
     () => [
       {
         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(
+        render: (b, p) => /* @__PURE__ */ t.jsxs("div", { className: "fsc-crud-example__row-action", children: [
+          /* @__PURE__ */ t.jsx("span", { children: String(b) }),
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               type: "button",
-              onClick: () => h(m),
-              disabled: t.operation !== "idle",
+              onClick: () => m(p),
+              disabled: n.operation !== "idle",
               children: "Upraviť"
             }
           )
@@ -1317,54 +1547,54 @@ function wt({ onEvent: e } = {}) {
       {
         key: "price",
         header: "Cena",
-        render: (x) => `${String(x)} €`
+        render: (b) => `${String(b)} €`
       },
       {
         key: "id",
         header: "Akcie",
-        render: (x, m) => /* @__PURE__ */ a.jsx(
+        render: (b, p) => /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
             onClick: () => {
-              d(m);
+              f(p);
             },
-            disabled: t.operation !== "idle",
+            disabled: n.operation !== "idle",
             children: "Zmazať"
           }
         )
       }
     ],
-    [t.operation, d, h]
-  ), j = E(() => {
-    u((x) => x + 1), s(!1), i(void 0);
+    [n.operation, f, m]
+  ), x = R(() => {
+    c((b) => b + 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: [
+  return /* @__PURE__ */ t.jsxs("div", { className: "fsc-crud-example", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "fsc-crud-example__toolbar", children: [
+      /* @__PURE__ */ t.jsx("button", { type: "button", onClick: d, disabled: n.operation !== "idle", children: "Vytvoriť nový záznam" }),
+      /* @__PURE__ */ t.jsxs("span", { "aria-live": "polite", children: [
         "Stav: ",
-        t.operation === "idle" ? "Pripravené" : t.operation
+        n.operation === "idle" ? "Pripravené" : n.operation
       ] }),
-      t.error ? /* @__PURE__ */ a.jsx("small", { role: "alert", children: t.error.message }) : null
+      n.error ? /* @__PURE__ */ t.jsx("small", { role: "alert", children: n.error.message }) : null
     ] }),
-    /* @__PURE__ */ a.jsx(
-      tt,
+    /* @__PURE__ */ t.jsx(
+      wt,
       {
         resource: r,
-        columns: b,
+        columns: h,
         pageSize: 10,
-        reloadKey: c
+        reloadKey: l
       }
     ),
-    n ? /* @__PURE__ */ a.jsx(
-      ot,
+    a ? /* @__PURE__ */ t.jsx(
+      Tt,
       {
-        store: g,
-        operation: t.operation,
-        controllerError: t.error,
+        store: v,
+        operation: n.operation,
+        controllerError: n.error,
         editing: !!o,
-        onSuccess: j,
+        onSuccess: x,
         onCancel: () => {
           s(!1), i(void 0);
         }
@@ -1372,318 +1602,970 @@ function wt({ onEvent: e } = {}) {
     ) : null
   ] });
 }
-function Et(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "color" });
+function ir({
+  count: e,
+  singularLabel: r = "result",
+  pluralLabel: n = "results",
+  className: a,
+  ...s
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    "span",
+    {
+      ...s,
+      className: a ? `fsc-results-count ${a}` : "fsc-results-count",
+      "aria-live": "polite",
+      children: [
+        e,
+        " ",
+        e === 1 ? r : n
+      ]
+    }
+  );
 }
-function Tt(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "date" });
+function lr(e) {
+  return /* @__PURE__ */ t.jsx("input", { ...e, type: "color" });
 }
-function Ct(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "file" });
+function cr(e) {
+  return /* @__PURE__ */ t.jsx("input", { ...e, type: "date" });
 }
-function kt(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "number" });
+function dr(e) {
+  return /* @__PURE__ */ t.jsx("input", { ...e, type: "file" });
 }
-function Rt(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "password" });
+function ur({
+  label: e,
+  options: r,
+  value: n = [],
+  onValueChange: a,
+  disabled: s = !1
+}) {
+  const o = new Set(n), i = (l) => {
+    const c = new Set(o);
+    c.has(l) ? c.delete(l) : c.add(l), a?.([...c]);
+  };
+  return /* @__PURE__ */ t.jsxs("fieldset", { className: "fsc-multi-select-filter", disabled: s, children: [
+    e ? /* @__PURE__ */ t.jsx("legend", { className: "fsc-multi-select-filter__label", children: e }) : null,
+    /* @__PURE__ */ t.jsx("div", { className: "fsc-multi-select-filter__options", children: r.map((l) => /* @__PURE__ */ t.jsxs("label", { className: "fsc-multi-select-filter__option", children: [
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: o.has(l.value),
+          disabled: l.disabled,
+          onChange: () => i(l.value)
+        }
+      ),
+      /* @__PURE__ */ t.jsx("span", { children: l.label })
+    ] }, l.value)) })
+  ] });
+}
+function fr(e) {
+  return /* @__PURE__ */ t.jsx("input", { ...e, type: "number" });
+}
+function mr(e) {
+  return /* @__PURE__ */ t.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) }),
+function hr({ name: e, options: r, value: n, onValueChange: a }) {
+  return /* @__PURE__ */ t.jsx("div", { role: "radiogroup", children: r.map((s) => /* @__PURE__ */ t.jsxs("label", { children: [
+    /* @__PURE__ */ t.jsx("input", { type: "radio", name: e, value: s.value, checked: n === s.value, disabled: s.disabled, onChange: () => a?.(s.value) }),
     s.label
   ] }, s.value)) });
 }
-function Pt(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "search" });
+function pr(e) {
+  return /* @__PURE__ */ t.jsx("input", { ...e, type: "search" });
 }
-function Ot(e) {
-  return /* @__PURE__ */ a.jsx("input", { ...e, type: "range" });
+function br({
+  label: e,
+  options: r,
+  onValueChange: n,
+  value: a,
+  defaultValue: s,
+  id: o,
+  ...i
+}) {
+  return /* @__PURE__ */ t.jsxs("label", { className: "fsc-select-filter", children: [
+    e ? /* @__PURE__ */ t.jsx("span", { className: "fsc-select-filter__label", children: e }) : null,
+    /* @__PURE__ */ t.jsx(
+      "select",
+      {
+        ...i,
+        id: o,
+        value: a,
+        defaultValue: s,
+        onChange: (l) => n?.(l.target.value),
+        "data-size": "medium",
+        children: r.map((l) => /* @__PURE__ */ t.jsx("option", { value: l.value, disabled: l.disabled, children: l.label }, l.value))
+      }
+    )
+  ] });
+}
+function xr(e) {
+  return /* @__PURE__ */ t.jsx("input", { ...e, type: "range" });
+}
+function vr({
+  search: e,
+  filters: r,
+  leading: n,
+  results: a,
+  actions: s,
+  ariaLabel: o = "Page actions",
+  className: i,
+  ...l
+}) {
+  const c = ["fsc-ohm-action-bar", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      ...l,
+      className: c,
+      role: "toolbar",
+      "aria-label": o,
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-action-bar__controls", children: [
+          n ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-action-bar__leading", children: n }) : null,
+          e ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-action-bar__search", children: e }) : null,
+          r ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-action-bar__filters", children: r }) : null
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-action-bar__meta", children: [
+          a ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-action-bar__results", children: a }) : null,
+          s ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-action-bar__actions", children: s }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Rt({
+  value: e,
+  options: r,
+  placeholder: n,
+  searchPlaceholder: a,
+  add: s,
+  disabled: o,
+  onChange: i
+}) {
+  const [l, c] = w(!1), [d, m] = w(""), f = A(null), v = A(null), h = r.find((j) => String(j.value) === String(e)), x = d.trim().toLocaleLowerCase(), b = x ? r.filter((j) => String(j.label).toLocaleLowerCase().includes(x)) : r;
+  P(() => {
+    if (!l) return;
+    const j = (C) => {
+      f.current?.contains(C.target) || (c(!1), m(""));
+    };
+    return document.addEventListener("mousedown", j), requestAnimationFrame(() => v.current?.focus()), () => document.removeEventListener("mousedown", j);
+  }, [l]);
+  const p = (j) => {
+    i(j.value), c(!1), m("");
+  };
+  return /* @__PURE__ */ t.jsxs("div", { ref: f, className: "fsc-ohm-data-field__select-search", children: [
+    /* @__PURE__ */ t.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "fsc-ohm-data-field__select-search-trigger",
+        "aria-expanded": l,
+        disabled: o,
+        onClick: () => c((j) => !j),
+        children: [
+          /* @__PURE__ */ t.jsx("span", { className: h ? "fsc-ohm-data-field__select-search-value" : "fsc-ohm-data-field__select-search-placeholder", children: h?.label ?? n }),
+          /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-data-field__select-search-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    l ? /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-data-field__select-search-dropdown", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-data-field__select-search-input", children: /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          ref: v,
+          value: d,
+          placeholder: a,
+          "aria-label": a,
+          onChange: (j) => m(j.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-data-field__select-search-options", children: [
+        s ? /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            className: "fsc-ohm-data-field__select-search-option fsc-ohm-data-field__select-search-option--add",
+            onClick: () => s.onAdd(),
+            children: s.label ?? "+ Pridať"
+          }
+        ) : null,
+        b.map((j) => /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            className: "fsc-ohm-data-field__select-search-option",
+            "aria-pressed": String(j.value) === String(e),
+            onClick: () => p(j),
+            children: j.label
+          },
+          j.value
+        )),
+        b.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-data-field__select-search-empty", children: "Žiadne výsledky" }) : null
+      ] })
+    ] }) : null
+  ] });
 }
-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 })
+function jr({
+  label: e,
+  value: r = "",
+  state: n = "display",
+  type: a = "text",
+  options: s = [],
+  add: o = !1,
+  placeholder: i,
+  disabled: l = !1,
+  required: c = !1,
+  className: d,
+  onChange: m
+}) {
+  const f = [
+    "fsc-ohm-data-field",
+    "fsc-ohm-data-field--" + n,
+    d
+  ].filter(Boolean).join(" "), v = a === "select" || a === "select-search" ? s.find((b) => String(b.value) === String(r))?.label ?? r : r, h = (b) => {
+    m?.(b);
+  }, x = o === !0 ? { label: "+ Pridať", onAdd: () => {
+  } } : o === !1 ? void 0 : o;
+  return /* @__PURE__ */ t.jsxs("div", { className: f, children: [
+    /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-data-field__label", children: e }),
+    n === "display" ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-data-field__value", children: v === "" || v === void 0 ? /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-data-field__empty", children: "—" }) : v }) : /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-data-field__control", children: a === "textarea" ? /* @__PURE__ */ t.jsx(
+      "textarea",
+      {
+        value: String(r),
+        placeholder: i,
+        disabled: l,
+        required: c,
+        onChange: (b) => h(b.target.value)
+      }
+    ) : a === "select-search" ? /* @__PURE__ */ t.jsx(
+      Rt,
+      {
+        value: r,
+        options: s,
+        placeholder: i ?? "Vybrať...",
+        searchPlaceholder: "Hľadať...",
+        add: x,
+        disabled: l,
+        onChange: h
+      }
+    ) : a === "select" ? /* @__PURE__ */ t.jsx(
+      "select",
+      {
+        value: String(r),
+        disabled: l,
+        required: c,
+        onChange: (b) => h(b.target.value),
+        children: s.map((b) => /* @__PURE__ */ t.jsx("option", { value: b.value, children: b.label }, b.value))
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        type: a,
+        value: String(r),
+        placeholder: i,
+        disabled: l,
+        required: c,
+        onChange: (b) => h(b.target.value)
+      }
+    ) })
+  ] });
+}
+function Pt({
+  document: e,
+  onPreview: r
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "button",
+    {
+      type: "button",
+      className: "fsc-ohm-document-list__preview",
+      "aria-label": `Náhľad dokumentu ${e.name}`,
+      disabled: !r,
+      onClick: () => r?.(e),
+      children: e.previewUrl ? /* @__PURE__ */ t.jsx("img", { src: e.previewUrl, alt: "" }) : /* @__PURE__ */ t.jsxs("span", { className: "fsc-ohm-document-list__preview-sheet", "aria-hidden": "true", children: [
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {}),
+        /* @__PURE__ */ t.jsx("span", {})
+      ] })
+    }
+  );
+}
+function gr({
+  documents: e = [],
+  emptyState: r = "Žiadne dokumenty",
+  className: n,
+  onPreview: a,
+  onDelete: s,
+  onDownload: o,
+  onShare: i
+}) {
+  const l = [
+    "fsc-ohm-document-list",
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsx("div", { className: l, children: e.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-document-list__empty", children: r }) : /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-document-list__items", children: e.map((c) => /* @__PURE__ */ t.jsxs("article", { className: "fsc-ohm-document-list__item", children: [
+    /* @__PURE__ */ t.jsx(Pt, { document: c, onPreview: a }),
+    /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-document-list__info", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-document-list__name", title: c.name, children: c.name }),
+      /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-document-list__meta", children: [
+        c.type ? /* @__PURE__ */ t.jsx("span", { children: c.type }) : null,
+        c.size ? /* @__PURE__ */ t.jsx("span", { children: c.size }) : null,
+        c.date ? /* @__PURE__ */ t.jsx("span", { children: c.date }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-document-list__actions", "aria-label": "Akcie dokumentu", children: [
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "fsc-ohm-document-list__action",
+          "aria-label": `Stiahnuť ${c.name}`,
+          disabled: !o,
+          onClick: () => o?.(c),
+          children: "Stiahnuť"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "fsc-ohm-document-list__action",
+          "aria-label": `Zdieľať ${c.name}`,
+          disabled: !i,
+          onClick: () => i?.(c),
+          children: "Zdieľať"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "fsc-ohm-document-list__action fsc-ohm-document-list__action--danger",
+          "aria-label": `Odstrániť ${c.name}`,
+          disabled: !s,
+          onClick: () => s?.(c),
+          children: "Odstrániť"
+        }
+      )
+    ] })
+  ] }, c.id)) }) });
+}
+function yr({
+  title: e,
+  description: r,
+  children: n,
+  variant: a = "default",
+  collapsible: s = !1,
+  defaultCollapsed: o = !1,
+  collapsed: i,
+  onCollapsedChange: l,
+  className: c,
+  ...d
+}) {
+  const [m, f] = w(o), v = fe(), h = i !== void 0, x = h ? i : m, b = (p) => {
+    h || f(p), l?.(p);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "article",
+    {
+      ...d,
+      className: ["fsc-ohm-entity-card", `fsc-ohm-entity-card--${a}`, c].filter(Boolean).join(" "),
+      "data-state": x ? "collapsed" : "expanded",
+      children: [
+        /* @__PURE__ */ t.jsxs("header", { className: "fsc-ohm-entity-card__header", children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-entity-card__heading", children: [
+            /* @__PURE__ */ t.jsx("h2", { className: "fsc-ohm-entity-card__title", children: e }),
+            r ? /* @__PURE__ */ t.jsx("p", { className: "fsc-ohm-entity-card__description", children: r }) : null
+          ] }),
+          s ? /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              className: "fsc-ohm-entity-card__toggle",
+              "aria-expanded": !x,
+              "aria-controls": v,
+              "aria-label": x ? "Rozbaliť sekciu" : "Zbaliť sekciu",
+              onClick: () => b(!x),
+              children: /* @__PURE__ */ t.jsx("span", { className: `fsc-ohm-entity-card__chevron ${x ? "fsc-ohm-entity-card__chevron--down" : "fsc-ohm-entity-card__chevron--up"}`, "aria-hidden": "true" })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { id: v, className: "fsc-ohm-entity-card__content", hidden: x, children: n })
+      ]
+    }
+  );
+}
+function _r({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("main", { className: r ? `fsc-ohm-main ${r}` : "fsc-ohm-main", children: e });
+}
+const Te = ae(null), ue = ae(!1);
+function se() {
+  const e = H(Te);
+  if (!e) throw new Error("Navbar child components must be inside Navbar.");
+  return e;
+}
+function Ot(e, r) {
+  const n = e.mobile ?? 768, a = e.desktop ?? 1024;
+  if (n >= a) throw new Error("Navbar responsive.mobile must be smaller than responsive.desktop.");
+  const [s, o] = w(a);
+  return P(() => {
+    const i = r.current;
+    if (!i) return;
+    const l = () => {
+      const c = Number.parseFloat(
+        getComputedStyle(i).getPropertyValue("--fsc-preview-viewport-width")
+      ), d = Number.isFinite(c) && c > 0 ? c : i.getBoundingClientRect().width || i.clientWidth;
+      d > 0 && o(d);
+    };
+    if (l(), typeof ResizeObserver < "u") {
+      const c = new ResizeObserver(l);
+      return c.observe(i), () => c.disconnect();
+    }
+    return window.addEventListener("resize", l), () => window.removeEventListener("resize", l);
+  }, [r]), { mobile: s < n, collapsedMode: s >= n && s < a };
+}
+function Sr({ children: e, responsive: r, width: n, sections: a, profile: s, brand: o }) {
+  const i = A(null), l = Ot(r ?? {}, i), [c, d] = w(!1), [m, f] = w(!1), v = A(null);
+  P(() => {
+    try {
+      const p = localStorage.getItem("fsc-navbar-collapsed");
+      p && d(p === "true");
+    } catch {
+    }
+  }, []), P(() => {
+    if (!l.mobile) try {
+      localStorage.setItem("fsc-navbar-collapsed", String(c));
+    } catch {
+    }
+  }, [c, l.mobile]), P(() => {
+    l.mobile && f(!1);
+  }, [l.mobile]), P(() => {
+    document.documentElement.style.setProperty("--fsc-navbar-current-width", l.mobile ? "0px" : l.collapsedMode || c ? n?.collapsed ?? "64px" : n?.expanded ?? "280px");
+  }, [l.mobile, l.collapsedMode, c, n?.collapsed, n?.expanded]);
+  const h = () => f(!1), x = I(() => ({ mobile: l.mobile, collapsed: l.collapsedMode || c, open: m, setOpen: f, setCollapsed: d, toggleRef: v, closeMobile: h }), [l.mobile, l.collapsedMode, c, m]), b = a ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(At, { children: [
+      o ? /* @__PURE__ */ t.jsxs(zt, { href: o.href, children: [
+        /* @__PURE__ */ t.jsx($t, { children: o.logo }),
+        /* @__PURE__ */ t.jsx(Lt, { children: o.name })
+      ] }) : null,
+      /* @__PURE__ */ t.jsx(It, {})
+    ] }),
+    /* @__PURE__ */ t.jsx(Ft, { children: a.map((p, j) => /* @__PURE__ */ t.jsx(Mt, { ...p, children: p.items.map((C, T) => /* @__PURE__ */ t.jsx(Bt, { ...C }, T)) }, j)) }),
+    s ? /* @__PURE__ */ t.jsx(Vt, { children: /* @__PURE__ */ t.jsx(Ut, { ...s }) }) : null
+  ] }) : e;
+  return /* @__PURE__ */ t.jsx(Te.Provider, { value: x, children: /* @__PURE__ */ t.jsxs("div", { ref: i, className: "fsc-ohm-navbar__anchor", children: [
+    /* @__PURE__ */ t.jsx("aside", { className: "fsc-ohm-navbar", "data-mobile": l.mobile || void 0, "data-open": m || void 0, "data-collapsed": !l.mobile && x.collapsed || void 0, style: { "--fsc-navbar-mobile-width": n?.mobile ?? "100%", "--fsc-navbar-collapsed-width": n?.collapsed ?? "64px", "--fsc-navbar-expanded-width": n?.expanded ?? "280px" }, children: b }),
+    l.mobile && m ? /* @__PURE__ */ t.jsx("button", { className: "fsc-ohm-navbar__backdrop", "aria-label": "Close navigation", onClick: h }) : null
+  ] }) });
+}
+function At({ children: e }) {
+  return /* @__PURE__ */ t.jsx("header", { className: "fsc-ohm-navbar__header", children: e });
+}
+function zt({ children: e, href: r }) {
+  return /* @__PURE__ */ t.jsx("a", { className: "fsc-ohm-navbar__brand", href: r, children: e });
+}
+function $t({ children: e }) {
+  return /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-navbar__brand-logo", "aria-hidden": "true", children: e });
+}
+function Lt({ children: e }) {
+  return /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-navbar__brand-name", children: e });
+}
+function It({ expandedIcon: e = "‹", collapsedIcon: r = "›", mobileOpenIcon: n = "×", mobileClosedIcon: a = "☰" }) {
+  const { mobile: s, collapsed: o, open: i, setOpen: l, setCollapsed: c, toggleRef: d } = se();
+  return P(() => {
+    if (!s || !i) return;
+    const m = d.current?.closest(".fsc-ohm-navbar"), f = () => Array.from(m?.querySelectorAll('a[href],button:not([disabled]),[tabindex]:not([tabindex="-1"])') ?? []), v = (h) => {
+      if (h.key === "Escape") {
+        h.preventDefault(), l(!1), d.current?.focus();
+        return;
+      }
+      if (h.key !== "Tab") return;
+      const x = f();
+      if (!x.length) return;
+      const b = x[0], p = x[x.length - 1];
+      !b || !p || (h.shiftKey && document.activeElement === b ? (h.preventDefault(), p.focus()) : !h.shiftKey && document.activeElement === p && (h.preventDefault(), b.focus()));
+    };
+    return document.addEventListener("keydown", v), requestAnimationFrame(() => f()[0]?.focus()), () => document.removeEventListener("keydown", v);
+  }, [s, i, l, d]), /* @__PURE__ */ t.jsx("button", { ref: d, className: "fsc-ohm-navbar__toggle", type: "button", "aria-label": s ? i ? "Close navigation" : "Open navigation" : o ? "Expand navigation" : "Collapse navigation", "aria-expanded": s ? i : !o, onClick: () => s ? l(!i) : c(!o), children: s ? i ? n : a : o ? r : e });
+}
+function Ft({ children: e }) {
+  const { mobile: r, open: n } = se();
+  return /* @__PURE__ */ t.jsx("nav", { className: "fsc-ohm-navbar__main", "aria-label": "Primary navigation", "data-mobile-open": r && n || void 0, children: e });
+}
+function Mt({ name: e, icon: r, disabled: n = !1, hidden: a = !1, children: s }) {
+  const o = H(ue);
+  return a ? null : /* @__PURE__ */ t.jsxs("section", { className: "fsc-ohm-navbar__section", "data-disabled": n || void 0, children: [
+    /* @__PURE__ */ t.jsx(Dt, { name: e, icon: r }),
+    /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-navbar__section-items", children: /* @__PURE__ */ t.jsx(ue.Provider, { value: o || n, children: s }) })
+  ] });
+}
+function Dt({ name: e, icon: r }) {
+  return /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-navbar__section-name", children: [
+    /* @__PURE__ */ t.jsx("span", { "aria-hidden": "true", children: r }),
+    /* @__PURE__ */ t.jsx("span", { children: e })
+  ] });
+}
+function ye(e) {
+  if (typeof window > "u") return !1;
+  const r = window.location.pathname, n = e.split(/[?#]/), a = e === "/" ? "/" : (n[0] ?? "").replace(/\/$/, "") || "/";
+  return a === "/" ? r === "/" : r === a || r.startsWith(a + "/");
+}
+function Bt({ name: e, href: r, icon: n, disabled: a = !1, hidden: s = !1, tooltip: o, ariaLabel: i }) {
+  const { collapsed: l, closeMobile: c } = se(), d = H(ue), m = a || d, [f, v] = w(() => ye(r));
+  if (P(() => {
+    const x = () => v(ye(r));
+    return addEventListener("popstate", x), addEventListener("hashchange", x), x(), () => {
+      removeEventListener("popstate", x), removeEventListener("hashchange", x);
+    };
+  }, [r]), s) return null;
+  const h = o ?? e;
+  return /* @__PURE__ */ t.jsxs("a", { className: "fsc-ohm-navbar__item", href: m ? void 0 : r, "aria-label": i, "aria-current": f ? "page" : void 0, "aria-disabled": m || void 0, "data-active": f || void 0, "data-disabled": m || void 0, title: l && typeof h == "string" ? h : void 0, onClick: (x) => {
+    m ? x.preventDefault() : c();
+  }, children: [
+    /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-navbar__item-icon", "aria-hidden": "true", children: n }),
+    /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-navbar__item-name", children: e })
+  ] });
+}
+function wr({ children: e }) {
+  return /* @__PURE__ */ t.jsx("span", { "aria-hidden": "true", children: e });
+}
+function Nr({ children: e }) {
+  return /* @__PURE__ */ t.jsx("span", { children: e });
+}
+function Vt({ children: e }) {
+  return /* @__PURE__ */ t.jsx("footer", { className: "fsc-ohm-navbar__footer", children: e });
+}
+function _e({ src: e, fallback: r }) {
+  const [n, a] = w(!1);
+  return !e || n ? /* @__PURE__ */ t.jsx("span", { className: "fsc-ohm-navbar__profile-picture", children: r ?? "U" }) : /* @__PURE__ */ t.jsx("img", { className: "fsc-ohm-navbar__profile-picture", src: e, alt: "", onError: () => a(!0) });
+}
+function Ut({ picture: e, name: r, profileHref: n, settingsHref: a, onLogout: s, settingsIcon: o = "⚙", logoutIcon: i = "↪" }) {
+  const { collapsed: l } = se(), [c, d] = w(!1), m = A(null);
+  return P(() => {
+    if (!c) return;
+    const f = (h) => {
+      (!(h.target instanceof Node) || !m.current?.parentElement?.contains(h.target)) && d(!1);
+    }, v = (h) => {
+      h.key === "Escape" && (d(!1), m.current?.focus());
+    };
+    return document.addEventListener("mousedown", f), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", f), document.removeEventListener("keydown", v);
+    };
+  }, [c]), l ? /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-navbar__profile fsc-ohm-navbar__profile--collapsed", children: [
+    /* @__PURE__ */ t.jsx("button", { ref: m, type: "button", "aria-label": typeof r == "string" ? r : "Profile", "aria-expanded": c, onClick: () => d(!c), children: /* @__PURE__ */ t.jsx(_e, { ...e }) }),
+    c ? /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-navbar__profile-popup", role: "menu", children: [
+      /* @__PURE__ */ t.jsx("a", { role: "menuitem", href: n, children: "Profile" }),
+      /* @__PURE__ */ t.jsx("a", { role: "menuitem", href: a, children: "Settings" }),
+      /* @__PURE__ */ t.jsx("button", { role: "menuitem", type: "button", onClick: () => {
+        d(!1), s();
+      }, children: "Logout" })
+    ] }) : null
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-navbar__profile", children: [
+    /* @__PURE__ */ t.jsxs("a", { href: n, children: [
+      /* @__PURE__ */ t.jsx(_e, { ...e }),
+      /* @__PURE__ */ t.jsx("span", { children: r })
+    ] }),
+    /* @__PURE__ */ t.jsx("a", { href: a, "aria-label": "Settings", title: "Settings", children: o }),
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: s, "aria-label": "Logout", title: "Logout", children: i })
+  ] });
+}
+function kr({
+  title: e,
+  description: r,
+  breadcrumb: n,
+  backAction: a,
+  actions: s,
+  className: o
+}) {
+  const i = ["fsc-ohm-page-header", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsxs("header", { className: i, children: [
+    (n || a) && /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-page-header__navigation", children: [
+      a,
+      n && /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-page-header__breadcrumb", children: n })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-page-header__main", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-page-header__content", children: [
+        /* @__PURE__ */ t.jsx("h1", { className: "fsc-ohm-page-header__title", children: e }),
+        r && /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-page-header__description", children: r })
+      ] }),
+      s && /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-page-header__actions", children: s })
+    ] })
+  ] });
+}
+function Er({ photos: e = [], columns: r = 4, emptyState: n = "Žiadne fotografie", className: a, onOpen: s, onShare: o, onDelete: i }) {
+  const l = ["fsc-ohm-photo-grid", a].filter(Boolean).join(" "), c = { "--fsc-ohm-photo-grid-columns": Math.max(1, r) };
+  return /* @__PURE__ */ t.jsx("div", { className: l, style: c, children: e.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-photo-grid__empty", children: n }) : /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-photo-grid__items", children: e.map((d) => /* @__PURE__ */ t.jsxs("article", { className: "fsc-ohm-photo-grid__item", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-photo-grid__media", children: [
+      /* @__PURE__ */ t.jsx("button", { type: "button", className: "fsc-ohm-photo-grid__preview", "aria-label": "Otvoriť fotografiu " + (d.alt ?? ""), onClick: () => s?.(d), children: /* @__PURE__ */ t.jsx("img", { src: d.src, alt: d.alt ?? "" }) }),
+      o || i ? /* @__PURE__ */ t.jsxs("div", { className: "fsc-ohm-photo-grid__overlay", children: [
+        /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-photo-grid__overlay-left", children: o ? /* @__PURE__ */ t.jsx("button", { type: "button", className: "fsc-ohm-photo-grid__overlay-action", "aria-label": "Zdieľať fotografiu " + (d.alt ?? ""), onClick: () => o(d), children: "Zdieľať" }) : null }),
+        /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-photo-grid__overlay-right", children: i ? /* @__PURE__ */ t.jsx("button", { type: "button", className: "fsc-ohm-photo-grid__overlay-action", "aria-label": "Odstrániť fotografiu " + (d.alt ?? ""), onClick: () => i(d), children: "Odstrániť" }) : null })
+      ] }) : null
+    ] }),
+    d.title ? /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-photo-grid__footer", children: /* @__PURE__ */ t.jsx("div", { className: "fsc-ohm-photo-grid__title", title: String(d.title), children: d.title }) }) : null
+  ] }, d.id)) }) });
+}
+function Cr({
+  search: e,
+  filters: r,
+  actions: n,
+  className: a,
+  "aria-label": s = "Vyhľadávanie a filtre",
+  ...o
+}) {
+  const i = ["ohm-search-filter-section", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsxs(
+    "section",
+    {
+      ...o,
+      className: i,
+      "aria-label": s,
+      "data-has-filters": r ? "true" : "false",
+      "data-has-actions": n ? "true" : "false",
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "ohm-search-filter-section__controls", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "ohm-search-filter-section__search", children: e }),
+          r ? /* @__PURE__ */ t.jsx("div", { className: "ohm-search-filter-section__filters", children: r }) : null
+        ] }),
+        n ? /* @__PURE__ */ t.jsx("div", { className: "ohm-search-filter-section__actions", children: n }) : null
+      ]
+    }
+  );
+}
+function Tr({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("div", { className: ["fsc-ohm-table__structure", r].filter(Boolean).join(" "), children: e });
+}
+function Rr({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("div", { className: ["fsc-ohm-table__standalone-caption", r].filter(Boolean).join(" "), children: e });
+}
+function Pr({ children: e, className: r }) {
+  return /* @__PURE__ */ t.jsx("tfoot", { className: r, children: e });
+}
+function Or({ expanded: e = !1, onChange: r, disabled: n = !1, label: a = "Rozbaliť riadok" }) {
+  return /* @__PURE__ */ t.jsx("button", { type: "button", className: "fsc-ohm-table__icon-button", disabled: n, "aria-expanded": e, "aria-label": a, onClick: () => r?.(!e), children: e ? "−" : "+" });
+}
+function Ar({
+  trigger: e,
+  children: r,
+  open: n,
+  defaultOpen: a = !1,
+  onOpenChange: s,
+  ariaLabel: o = "Filters"
+}) {
+  const [i, l] = w(a), c = A(null), d = n !== void 0, m = d ? n : i, f = (v) => {
+    d || l(v), s?.(v);
+  };
+  return P(() => {
+    if (!m) return;
+    const v = (x) => {
+      c.current?.contains(x.target) || f(!1);
+    }, h = (x) => {
+      x.key === "Escape" && f(!1);
+    };
+    return document.addEventListener("pointerdown", v), document.addEventListener("keydown", h), () => {
+      document.removeEventListener("pointerdown", v), document.removeEventListener("keydown", h);
+    };
+  }, [m]), /* @__PURE__ */ t.jsxs("div", { ref: c, className: "fsc-filter-menu", children: [
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        type: "button",
+        className: "fsc-filter-menu__trigger",
+        "aria-haspopup": "dialog",
+        "aria-expanded": m,
+        onClick: () => f(!m),
+        children: e
+      }
+    ),
+    m ? /* @__PURE__ */ t.jsx("div", { className: "fsc-filter-menu__popup", role: "dialog", "aria-label": o, children: r }) : null
+  ] });
+}
+function zr({ items: e }) {
+  return /* @__PURE__ */ t.jsx("div", { children: e.map((r) => /* @__PURE__ */ t.jsxs("details", { children: [
+    /* @__PURE__ */ t.jsx("summary", { children: r.title }),
+    /* @__PURE__ */ t.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 $r({ children: e, variant: r = "info", ...n }) {
+  return /* @__PURE__ */ t.jsx("div", { ...n, 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 Lr({ src: e, alt: r = "", fallback: n, ...a }) {
+  return e ? /* @__PURE__ */ t.jsx("img", { ...a, src: e, alt: r }) : /* @__PURE__ */ t.jsx("span", { ...a, role: "img", "aria-label": r, children: n });
 }
-function zt({
+function Ir({
   children: e,
   variant: r = "neutral",
-  size: t = "medium",
-  ...n
+  size: n = "medium",
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "span",
     {
-      ...n,
+      ...a,
       "data-variant": r,
-      "data-size": t,
+      "data-size": n,
       children: e
     }
   );
 }
-function It({
+function Fr({
   children: e,
   variant: r = "primary",
-  size: t = "medium",
-  loading: n = !1,
+  size: n = "medium",
+  loading: a = !1,
   disabled: s = !1,
   type: o = "button",
   className: i,
-  ...c
+  ...l
 }) {
-  const u = s || n;
-  return /* @__PURE__ */ a.jsx(
+  const c = s || a;
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      ...c,
+      ...l,
       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,
+      "data-size": n,
+      "data-loading": a || void 0,
+      "aria-busy": a || void 0,
+      "aria-disabled": c || void 0,
+      disabled: c,
       children: e
     }
   );
 }
-function Ft({
+function Mr({
   children: e,
   padding: r = "medium",
-  variant: t = "default",
-  ...n
+  variant: n = "default",
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ...n,
+      ...a,
       "data-padding": r,
-      "data-variant": t,
+      "data-variant": n,
       children: e
     }
   );
 }
-function Mt({ items: e, initialIndex: r = 0, onIndexChange: t }) {
-  const [n, s] = T(r);
+function Dr({ items: e, initialIndex: r = 0, onIndexChange: n }) {
+  const [a, s] = w(r);
   if (!e.length) return null;
   const o = (i) => {
-    const c = (i + e.length) % e.length;
-    s(c), t?.(c);
+    const l = (i + e.length) % e.length;
+    s(l), n?.(l);
   };
-  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,
+  return /* @__PURE__ */ t.jsxs("section", { "aria-roledescription": "carousel", children: [
+    /* @__PURE__ */ t.jsx("div", { "aria-live": "polite", children: e[a] }),
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => o(a - 1), children: "Previous" }),
+    /* @__PURE__ */ t.jsxs("span", { children: [
+      a + 1,
       " / ",
       e.length
     ] }),
-    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => o(n + 1), children: "Next" })
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => o(a + 1), children: "Next" })
   ] });
 }
-function Lt({
+function Br({
   size: e = "medium",
   disabled: r = !1,
-  ...t
+  ...n
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "input",
     {
-      ...t,
+      ...n,
       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 Vr({ options: e, value: r, defaultValue: n, placeholder: a = "Select...", onValueChange: s }) {
+  const [o, i] = w(""), [l, c] = w(n ?? ""), d = r ?? l, m = I(() => e.filter((f) => String(f.label).toLowerCase().includes(o.toLowerCase())), [e, o]);
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("input", { role: "combobox", value: o, placeholder: d ? String(e.find((f) => f.value === d)?.label ?? d) : a, onChange: (f) => i(f.target.value), "aria-expanded": "true" }),
+    /* @__PURE__ */ t.jsx("ul", { role: "listbox", children: m.map((f) => /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx("button", { type: "button", role: "option", "aria-selected": f.value === d, disabled: f.disabled, onClick: () => {
+      c(f.value), s?.(f.value), i("");
+    }, children: f.label }) }, f.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)) })
+function Ur({ items: e, open: r = !0, placeholder: n = "Search commands" }) {
+  const [a, s] = w(""), o = I(() => e.filter((i) => (String(i.label) + " " + (i.keywords ?? []).join(" ")).toLowerCase().includes(a.toLowerCase())), [e, a]);
+  return r ? /* @__PURE__ */ t.jsxs("div", { role: "dialog", "aria-label": "Command palette", children: [
+    /* @__PURE__ */ t.jsx("input", { autoFocus: !0, value: a, placeholder: n, onChange: (i) => s(i.target.value) }),
+    /* @__PURE__ */ t.jsx("div", { role: "listbox", children: o.map((i) => /* @__PURE__ */ t.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: [
+function Wr({ children: e, items: r }) {
+  const [n, a] = w(!1);
+  return /* @__PURE__ */ t.jsxs("div", { onContextMenu: (s) => {
+    s.preventDefault(), a(!0);
+  }, onBlur: () => a(!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);
+    n && /* @__PURE__ */ t.jsx("div", { role: "menu", children: r.map((s, o) => /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", disabled: s.disabled, onClick: () => {
+      s.onSelect?.(), a(!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 Yr({ value: e, defaultValue: r, min: n, max: a, onValueChange: s }) {
+  const [o, i] = w(r ?? ""), l = e ?? o;
+  return /* @__PURE__ */ t.jsx("input", { type: "date", value: l, min: n, max: a, onChange: (c) => {
+    i(c.target.value), s?.(c.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" }),
+function Zr({ open: e, children: r, title: n, onClose: a, side: s = "right" }) {
+  return e ? /* @__PURE__ */ t.jsxs("aside", { "data-side": s, "aria-label": typeof n == "string" ? n : void 0, children: [
+    n && /* @__PURE__ */ t.jsx("h2", { children: n }),
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: a, 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 Qr({ label: e, items: r }) {
+  return /* @__PURE__ */ t.jsxs("details", { children: [
+    /* @__PURE__ */ t.jsx("summary", { children: e }),
+    /* @__PURE__ */ t.jsx("div", { role: "menu", children: r.map((n, a) => /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", disabled: n.disabled, onClick: n.onSelect, children: n.label }, a)) })
   ] });
 }
-function Jt({
+function Jr({
   title: e,
   description: r,
-  action: t,
-  ...n
+  action: n,
+  ...a
 }) {
-  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
+  return /* @__PURE__ */ t.jsxs("div", { ...a, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ t.jsx("h2", { children: e }),
+    r ? /* @__PURE__ */ t.jsx("p", { children: r }) : null,
+    n ? /* @__PURE__ */ t.jsx("div", { children: n }) : null
   ] });
 }
-function Qt({
+function Gr({
   title: e = "Something went wrong",
   description: r,
-  action: t,
-  ...n
+  action: n,
+  ...a
 }) {
-  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
+  return /* @__PURE__ */ t.jsxs("div", { ...a, role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ t.jsx("h2", { children: e }),
+    r ? /* @__PURE__ */ t.jsx("p", { children: r }) : null,
+    n ? /* @__PURE__ */ t.jsx("div", { children: n }) : 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 Hr({ accept: e, multiple: r, children: n = "Choose files", onFilesChange: a }) {
+  const s = (o) => a?.(Array.from(o.target.files ?? []));
+  return /* @__PURE__ */ t.jsxs("label", { children: [
+    n,
+    /* @__PURE__ */ t.jsx("input", { type: "file", hidden: !0, accept: e, multiple: r, onChange: s })
   ] });
 }
-function qt({
+function qr({
   label: e,
   description: r,
-  error: t,
-  size: n = "medium",
+  error: n,
+  size: a = "medium",
   id: s,
   required: o = !1,
   className: i,
-  ...c
+  ...l
 }) {
-  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(
+  const c = fe(), d = s ?? c, m = r ? `${d}-description` : void 0, f = n ? `${d}-error` : void 0, h = [l["aria-describedby"], m, f].filter(Boolean).join(" ") || void 0, x = l["aria-invalid"];
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: i ? `fsc-form-field ${i}` : "fsc-form-field",
-      "data-size": n,
-      "data-invalid": t ? "true" : void 0,
+      "data-size": a,
+      "data-invalid": n ? "true" : void 0,
       children: [
-        /* @__PURE__ */ a.jsxs("label", { htmlFor: f, children: [
+        /* @__PURE__ */ t.jsxs("label", { htmlFor: d, children: [
           e,
-          o ? /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: " *" }) : null
+          o ? /* @__PURE__ */ t.jsx("span", { "aria-hidden": "true", children: " *" }) : null
         ] }),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ t.jsx(
           "input",
           {
-            ...c,
-            id: f,
+            ...l,
+            id: d,
             required: o,
-            "aria-describedby": b,
-            "aria-invalid": t ? !0 : j
+            "aria-describedby": h,
+            "aria-invalid": n ? !0 : x
           }
         ),
-        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
+        r ? /* @__PURE__ */ t.jsx("div", { "data-role": "description", id: m, children: r }) : null,
+        n ? /* @__PURE__ */ t.jsx("div", { "data-role": "error", id: f, role: "alert", children: n }) : 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 Kr({ children: e, level: r = 2, ...n }) {
+  const a = { 1: "h1", 2: "h2", 3: "h3", 4: "h4", 5: "h5", 6: "h6" }[r];
+  return /* @__PURE__ */ t.jsx(a, { ...n, children: e });
 }
-function Ht({
+function Xr({
   icon: e,
   label: r,
-  variant: t = "ghost",
-  size: n = "medium",
+  variant: n = "ghost",
+  size: a = "medium",
   loading: s = !1,
   disabled: o = !1,
   type: i = "button",
-  ...c
+  ...l
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      ...c,
+      ...l,
       type: i,
       "aria-label": r,
       "aria-busy": s || void 0,
-      "data-variant": t,
-      "data-size": n,
+      "data-variant": n,
+      "data-size": a,
       disabled: o || s,
       children: e
     }
   );
 }
-function Xt({
+function en({
   size: e = "medium",
   disabled: r = !1,
-  className: t,
-  ...n
+  className: n,
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "input",
     {
-      ...n,
-      className: t ? `fsc-input ${t}` : "fsc-input",
+      ...a,
+      className: n ? `fsc-input ${n}` : "fsc-input",
       "data-size": e,
       disabled: r
     }
   );
 }
-function Kt({
+function tn({
   children: e,
   required: r = !1,
-  "aria-label": t,
-  ...n
+  "aria-label": n,
+  ...a
 }) {
-  const s = t ?? (r && typeof e == "string" ? e : void 0);
-  return /* @__PURE__ */ a.jsxs("label", { ...n, "aria-label": s, children: [
+  const s = n ?? (r && typeof e == "string" ? e : void 0);
+  return /* @__PURE__ */ t.jsxs("label", { ...a, "aria-label": s, children: [
     e,
-    r ? /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: " *" }) : null
+    r ? /* @__PURE__ */ t.jsx("span", { "aria-hidden": "true", children: " *" }) : null
   ] });
 }
-function er({ children: e, ...r }) {
-  return /* @__PURE__ */ a.jsx("a", { ...r, children: e });
+function rn({ children: e, ...r }) {
+  return /* @__PURE__ */ t.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)) }) });
+function nn({ items: e }) {
+  return /* @__PURE__ */ t.jsx("nav", { "aria-label": "Menu", children: /* @__PURE__ */ t.jsx("ul", { role: "menubar", children: e.map((r, n) => /* @__PURE__ */ t.jsxs("li", { children: [
+    /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", children: r.label }),
+    r.items && /* @__PURE__ */ t.jsx("ul", { role: "menu", children: r.items.map((a, s) => /* @__PURE__ */ t.jsx("li", { children: a }, s)) })
+  ] }, n)) }) });
 }
-const it = [
+const Wt = [
   "a[href]",
   "area[href]",
   "button:not([disabled])",
@@ -1693,163 +2575,163 @@ const it = [
   '[contenteditable="true"]',
   '[tabindex]:not([tabindex="-1"])'
 ].join(",");
-function rr({
+function an({
   open: e,
   title: r,
-  children: t,
-  onClose: n,
+  children: n,
+  onClose: a,
   dismissible: s = !0,
   ...o
 }) {
-  const i = ae(), c = $(null), u = $(null), f = $(n);
-  return f.current = n, M(() => {
+  const i = fe(), l = A(null), c = A(null), d = A(a);
+  return d.current = a, P(() => {
     if (!e) return;
-    u.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    const h = document.body.style.overflow;
+    c.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const m = 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?.();
+    const f = requestAnimationFrame(() => {
+      l.current?.focus();
+    }), v = (h) => {
+      if (h.key === "Escape" && s) {
+        h.preventDefault(), d.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();
+      if (h.key !== "Tab") return;
+      const x = l.current;
+      if (!x) return;
+      const b = Array.from(
+        x.querySelectorAll(Wt)
+      ).filter((T) => T.getAttribute("aria-hidden") !== "true");
+      if (b.length === 0) {
+        h.preventDefault(), x.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();
+      const p = document.activeElement, j = b.indexOf(p);
+      if (h.preventDefault(), p === x || j === -1) {
+        (h.shiftKey ? b[b.length - 1] : b[0]).focus();
         return;
       }
-      const C = b.shiftKey ? (v - 1 + x.length) % x.length : (v + 1) % x.length;
-      x[C].focus();
+      const C = h.shiftKey ? (j - 1 + b.length) % b.length : (j + 1) % b.length;
+      b[C].focus();
     };
-    return document.addEventListener("keydown", g), () => {
-      cancelAnimationFrame(d), document.removeEventListener("keydown", g), document.body.style.overflow = h, u.current?.focus();
+    return document.addEventListener("keydown", v), () => {
+      cancelAnimationFrame(f), document.removeEventListener("keydown", v), document.body.style.overflow = m, c.current?.focus();
     };
-  }, [s, e]), e ? /* @__PURE__ */ a.jsx(
+  }, [s, e]), e ? /* @__PURE__ */ t.jsx(
     "div",
     {
       role: "presentation",
       "data-modal-backdrop": "true",
-      onMouseDown: (h) => {
-        s && h.target === h.currentTarget && f.current?.();
+      onMouseDown: (m) => {
+        s && m.target === m.currentTarget && d.current?.();
       },
-      children: /* @__PURE__ */ a.jsxs(
+      children: /* @__PURE__ */ t.jsxs(
         "div",
         {
           ...o,
-          ref: c,
+          ref: l,
           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 })
+            /* @__PURE__ */ t.jsx("header", { children: /* @__PURE__ */ t.jsx("h2", { id: i, children: r }) }),
+            /* @__PURE__ */ t.jsx("div", { children: n })
           ]
         }
       )
     }
   ) : 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);
+function sn({ options: e, value: r, defaultValue: n = [], onValueChange: a }) {
+  const [s, o] = w(n), i = r ?? s, l = (c) => {
+    const d = i.includes(c) ? i.filter((m) => m !== c) : [...i, c];
+    o(d), a?.(d);
   };
-  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) })
+  return /* @__PURE__ */ t.jsx("div", { role: "group", children: e.map((c) => /* @__PURE__ */ t.jsxs("label", { children: [
+    /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: i.includes(c.value), disabled: c.disabled, onChange: () => l(c.value) }),
+    c.label
+  ] }, c.value)) });
+}
+function on({ items: e }) {
+  const r = (n) => n.map((a, s) => /* @__PURE__ */ t.jsxs("li", { children: [
+    a.href ? /* @__PURE__ */ t.jsx("a", { href: a.href, children: a.label }) : /* @__PURE__ */ t.jsx("span", { children: a.label }),
+    a.children && /* @__PURE__ */ t.jsx("ul", { children: r(a.children) })
   ] }, s));
-  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "Navigation", children: /* @__PURE__ */ a.jsx("ul", { children: r(e) }) });
+  return /* @__PURE__ */ t.jsx("nav", { "aria-label": "Navigation", children: /* @__PURE__ */ t.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: [
+function ln({ page: e, pageCount: r, onPageChange: n, ...a }) {
+  return /* @__PURE__ */ t.jsxs("nav", { ...a, "aria-label": "Pagination", children: [
+    /* @__PURE__ */ t.jsx("button", { type: "button", disabled: e <= 1, onClick: () => n?.(e - 1), children: "Previous" }),
+    /* @__PURE__ */ t.jsxs("span", { children: [
       e,
       " / ",
       r
     ] }),
-    /* @__PURE__ */ a.jsx("button", { type: "button", disabled: e >= r, onClick: () => t?.(e + 1), children: "Next" })
+    /* @__PURE__ */ t.jsx("button", { type: "button", disabled: e >= r, onClick: () => n?.(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);
+function cn({ trigger: e, children: r, open: n, onOpenChange: a }) {
+  const [s, o] = w(!1), i = n ?? s, l = (c) => {
+    o(c), a?.(c);
   };
-  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: [
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => l(!i), "aria-expanded": i, children: e }),
+    i && /* @__PURE__ */ t.jsxs("div", { role: "dialog", children: [
       r,
-      /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => c(!1), children: "Close" })
+      /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => l(!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 dn({ value: e = 0, max: r = 100, label: n, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { ...a, role: "progressbar", "aria-label": n, "aria-valuenow": e, "aria-valuemin": 0, "aria-valuemax": r });
 }
-function lr({
+function un({
   size: e = "medium",
   disabled: r = !1,
-  ...t
+  ...n
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "input",
     {
-      ...t,
+      ...n,
       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 fn({ children: e, initialSize: r = 300, minSize: n = 120, maxSize: a = 800 }) {
+  const [s, o] = w(r);
+  return /* @__PURE__ */ t.jsxs("div", { style: { width: s }, children: [
+    /* @__PURE__ */ t.jsx("div", { children: e }),
+    /* @__PURE__ */ t.jsx("input", { "aria-label": "Panel size", type: "range", min: n, max: a, 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" })
+function mn({ onClear: e, ...r }) {
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("input", { ...r, type: "search" }),
+    e && /* @__PURE__ */ t.jsx("button", { type: "button", onClick: e, children: "Clear" })
   ] });
 }
-const lt = [
+const Yt = [
   { value: "first", label: "First option" },
   { value: "second", label: "Second option" },
   { value: "third", label: "Third option" }
 ];
-function dr({
+function hn({
   size: e = "medium",
-  options: r = lt,
-  disabled: t = !1,
-  ...n
+  options: r = Yt,
+  disabled: n = !1,
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "select",
     {
-      ...n,
+      ...a,
       "data-size": e,
-      disabled: t,
-      children: r.map((s) => /* @__PURE__ */ a.jsx(
+      disabled: n,
+      children: r.map((s) => /* @__PURE__ */ t.jsx(
         "option",
         {
           value: s.value,
@@ -1861,57 +2743,57 @@ function dr({
     }
   );
 }
-function fr({ orientation: e = "horizontal", ...r }) {
-  return /* @__PURE__ */ a.jsx("hr", { ...r, "aria-orientation": e });
+function pn({ orientation: e = "horizontal", ...r }) {
+  return /* @__PURE__ */ t.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 bn({ children: e, open: r = !0, width: n = "280px" }) {
+  return /* @__PURE__ */ t.jsx("aside", { hidden: !r, style: { width: n }, "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 xn({ width: e, height: r, variant: n = "rect", style: a, ...s }) {
+  return /* @__PURE__ */ t.jsx("div", { ...s, "aria-hidden": "true", "data-variant": n, style: { width: e, height: r, ...a } });
 }
-function hr({ label: e = "Loading", ...r }) {
-  return /* @__PURE__ */ a.jsx("span", { ...r, role: "status", "aria-label": e });
+function vn({ label: e = "Loading", ...r }) {
+  return /* @__PURE__ */ t.jsx("span", { ...r, role: "status", "aria-label": e });
 }
-function br({
+function jn({
   label: e,
   value: r,
-  description: t,
-  trend: n = "neutral",
+  description: n,
+  trend: a = "neutral",
   trendValue: s,
   className: o,
   ...i
 }) {
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
       ...i,
       className: o ? `fsc-stat-card ${o}` : "fsc-stat-card",
-      "data-trend": n,
+      "data-trend": a,
       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
+        /* @__PURE__ */ t.jsx("span", { "data-role": "label", children: e }),
+        /* @__PURE__ */ t.jsx("strong", { "data-role": "value", children: r }),
+        n ? /* @__PURE__ */ t.jsx("span", { "data-role": "description", children: n }) : null,
+        s ? /* @__PURE__ */ t.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 gn({ steps: e, current: r, orientation: n = "horizontal" }) {
+  return /* @__PURE__ */ t.jsx("ol", { "data-orientation": n, children: e.map((a, s) => /* @__PURE__ */ t.jsxs("li", { "aria-current": s === r ? "step" : void 0, "aria-disabled": a.disabled, children: [
+    a.label,
+    a.description && /* @__PURE__ */ t.jsx("small", { children: a.description })
+  ] }, a.id)) });
 }
-function vr({
+function yn({
   size: e = "medium",
   disabled: r = !1,
-  ...t
+  ...n
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "input",
     {
-      ...t,
+      ...n,
       type: "checkbox",
       role: "switch",
       "data-size": e,
@@ -1919,149 +2801,194 @@ function vr({
     }
   );
 }
-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 _n({ items: e, value: r, defaultValue: n, onValueChange: a }) {
+  const s = r ?? n ?? e[0]?.id;
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("div", { role: "tablist", children: e.map((o) => /* @__PURE__ */ t.jsx("button", { type: "button", role: "tab", "aria-selected": o.id === s, disabled: o.disabled, onClick: () => a?.(o.id), children: o.label }, o.id)) }),
+    e.map((o) => o.id === s ? /* @__PURE__ */ t.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 Sn({ children: e, as: r = "p", ...n }) {
+  const a = r;
+  return /* @__PURE__ */ t.jsx(a, { ...n, children: e });
 }
-function yr({
+function wn({
   size: e = "medium",
   rows: r = 4,
-  disabled: t = !1,
-  ...n
+  disabled: n = !1,
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "textarea",
     {
-      ...n,
+      ...a,
       rows: r,
       "data-size": e,
-      disabled: t
+      disabled: n
     }
   );
 }
-function Sr({ open: e = !0, children: r, variant: t = "info", onClose: n }) {
-  return e ? /* @__PURE__ */ a.jsxs("div", { role: "status", "data-variant": t, children: [
+function Nn({ open: e = !0, children: r, variant: n = "info", onClose: a }) {
+  return e ? /* @__PURE__ */ t.jsxs("div", { role: "status", "data-variant": n, children: [
     r,
-    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: n, children: "Close" })
+    /* @__PURE__ */ t.jsx("button", { type: "button", onClick: a, children: "Close" })
   ] }) : null;
 }
-function wr({ content: e, children: r }) {
-  return /* @__PURE__ */ a.jsx("span", { title: typeof e == "string" ? e : void 0, children: r });
+function kn({ content: e, children: r }) {
+  return /* @__PURE__ */ t.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)
+function En({ nodes: e, onSelect: r }) {
+  const n = (a) => /* @__PURE__ */ t.jsx("ul", { role: "tree", children: a.map((s) => /* @__PURE__ */ t.jsxs("li", { role: "treeitem", "aria-disabled": s.disabled, children: [
+    /* @__PURE__ */ t.jsx("button", { type: "button", disabled: s.disabled, onClick: () => r?.(s.id), children: s.label }),
+    s.children && n(s.children)
   ] }, s.id)) });
-  return t(e);
+  return n(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
+  zr as Accordion,
+  vr as ActionBar,
+  $r as Alert,
+  at as ApiError,
+  Lr as Avatar,
+  Ir as Badge,
+  ve as BoundFormField,
+  Fr as Button,
+  Mr as Card,
+  Dr as Carousel,
+  Br as Checkbox,
+  lr as ColorInput,
+  Vr as Combobox,
+  Ur as CommandPalette,
+  Wr as ContextMenu,
+  or as CrudExample,
+  jr as DataField,
+  cr as DateInput,
+  Yr as DatePicker,
+  gr as DocumentList,
+  Zr as Drawer,
+  Qr as DropdownMenu,
+  Jr as EmptyState,
+  yr as EntityCard,
+  Gr as ErrorState,
+  dr as FileInput,
+  Hr as FileUpload,
+  Ar as FilterMenu,
+  qt as Form,
+  qr as FormField,
+  Kt as FormFieldAdapter,
+  ke as FormProvider,
+  qe as FormReset,
+  He as FormSubmit,
+  ar as Grid,
+  Kr as Heading,
+  Xr as IconButton,
+  en as Input,
+  tn as Label,
+  rn as Link,
+  lt as LoadingState,
+  _r as Main,
+  nn as Menubar,
+  an as Modal,
+  sn as MultiSelect,
+  ur as MultiSelectFilter,
+  Sr as Navbar,
+  zt as NavbarBrand,
+  $t as NavbarBrandLogo,
+  Lt as NavbarBrandName,
+  Vt as NavbarFooter,
+  At as NavbarHeader,
+  Bt as NavbarItem,
+  wr as NavbarItemIcon,
+  Nr as NavbarItemName,
+  Ft as NavbarMain,
+  Ut as NavbarProfile,
+  _e as NavbarProfilePicture,
+  Mt as NavbarSection,
+  Dt as NavbarSectionName,
+  It as NavbarToggle,
+  on as NavigationMenu,
+  fr as NumberInput,
+  kr as PageHeader,
+  ln as Pagination,
+  mr as PasswordInput,
+  Er as PhotoGrid,
+  cn as Popover,
+  dn as Progress,
+  un as Radio,
+  hr as RadioGroup,
+  fn as ResizablePanel,
+  wt as ResourceTable,
+  ir as ResultsCount,
+  mn as SearchBar,
+  Cr as SearchFilterSection,
+  pr as SearchInput,
+  hn as Select,
+  br as SelectFilter,
+  pn as Separator,
+  bn as Sidebar,
+  xn as Skeleton,
+  xr as Slider,
+  vn as Spinner,
+  sr as Stack,
+  jn as StatCard,
+  gn as Stepper,
+  yn as Switch,
+  St as Table,
+  ct as TableAction,
+  ut as TableActions,
+  ft as TableBody,
+  Rr as TableCaption,
+  re as TableCell,
+  mt as TableEmpty,
+  ht as TableError,
+  Or as TableExpand,
+  Pr as TableFooter,
+  pt as TableHeader,
+  ne as TableHeaderCell,
+  vt as TableLoading,
+  jt as TablePagination,
+  gt as TableRow,
+  yt as TableRowActions,
+  ge as TableSelection,
+  xt as TableSort,
+  Tr as TableStructure,
+  _n as Tabs,
+  Sn as Text,
+  wn as Textarea,
+  Jt as ThemeProvider,
+  Nn as Toast,
+  kn as Tooltip,
+  En as TreeView,
+  Ve as applyTheme,
+  rr as createApiResource,
+  et as createArrayResource,
+  ot as createCrudController,
+  tr as createFetchApiClient,
+  Xt as createFieldAdapter,
+  Je as createFieldController,
+  me as createFormStore,
+  tt as createResourceController,
+  er as createResourceForm,
+  rt as createTableController,
+  Ie as createTheme,
+  Fe as darkTheme,
+  M as defaultTheme,
+  Ae as fontSize,
+  ze as fontWeight,
+  Ke as inferTableColumns,
+  Oe as radius,
+  $e as shadows,
+  Pe as spacing,
+  Qt as themeToCss,
+  Se as themeToCssVariables,
+  nr as useCrud,
+  Ee as useField,
+  Ht as useForm,
+  Ge as useFormState,
+  he as useFormStore,
+  it as useResourceCrud,
+  nt as useTable,
+  Gt as useTheme,
+  Be as validateTheme,
+  Le as zIndex
 };