sls-ui-library 1.0.1 → 1.0.3

package/dist/sls-ui.es.js

@@ -1,649 +1,24 @@
-import * as v from "react";
-import Je, { forwardRef as Ge, createElement as xe } from "react";
-import { createPortal as Xe } from "react-dom";
-var me = { exports: {} }, Z = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ve;
-function Ft() {
-  if (Ve) return Z;
-  Ve = 1;
-  var n = Je, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(h, c, m) {
-    var d, x = {}, y = null, D = null;
-    m !== void 0 && (y = "" + m), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (D = c.ref);
-    for (d in c) a.call(c, d) && !l.hasOwnProperty(d) && (x[d] = c[d]);
-    if (h && h.defaultProps) for (d in c = h.defaultProps, c) x[d] === void 0 && (x[d] = c[d]);
-    return { $$typeof: r, type: h, key: y, ref: D, props: x, _owner: i.current };
-  }
-  return Z.Fragment = s, Z.jsx = f, Z.jsxs = f, Z;
-}
-var Q = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var qe;
-function It() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Je, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), h = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), O = Symbol.iterator, j = "@@iterator";
-    function _(t) {
-      if (t === null || typeof t != "object")
-        return null;
-      var o = O && t[O] || t[j];
-      return typeof o == "function" ? o : null;
-    }
-    var C = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(t) {
-      {
-        for (var o = arguments.length, u = new Array(o > 1 ? o - 1 : 0), p = 1; p < o; p++)
-          u[p - 1] = arguments[p];
-        H("error", t, u);
-      }
-    }
-    function H(t, o, u) {
-      {
-        var p = C.ReactDebugCurrentFrame, R = p.getStackAddendum();
-        R !== "" && (o += "%s", u = u.concat([R]));
-        var E = u.map(function(w) {
-          return String(w);
-        });
-        E.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, E);
-      }
-    }
-    var J = !1, N = !1, k = !1, I = !1, lt = !1, ve;
-    ve = Symbol.for("react.module.reference");
-    function ct(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === a || t === l || lt || t === i || t === m || t === d || I || t === D || J || N || k || typeof t == "object" && t !== null && (t.$$typeof === y || t.$$typeof === x || t.$$typeof === f || t.$$typeof === h || t.$$typeof === c || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      t.$$typeof === ve || t.getModuleId !== void 0));
-    }
-    function dt(t, o, u) {
-      var p = t.displayName;
-      if (p)
-        return p;
-      var R = o.displayName || o.name || "";
-      return R !== "" ? u + "(" + R + ")" : u;
-    }
-    function ge(t) {
-      return t.displayName || "Context";
-    }
-    function $(t) {
-      if (t == null)
-        return null;
-      if (typeof t.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
-        return t.displayName || t.name || null;
-      if (typeof t == "string")
-        return t;
-      switch (t) {
-        case a:
-          return "Fragment";
-        case s:
-          return "Portal";
-        case l:
-          return "Profiler";
-        case i:
-          return "StrictMode";
-        case m:
-          return "Suspense";
-        case d:
-          return "SuspenseList";
-      }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case h:
-            var o = t;
-            return ge(o) + ".Consumer";
-          case f:
-            var u = t;
-            return ge(u._context) + ".Provider";
-          case c:
-            return dt(t, t.render, "ForwardRef");
-          case x:
-            var p = t.displayName || null;
-            return p !== null ? p : $(t.type) || "Memo";
-          case y: {
-            var R = t, E = R._payload, w = R._init;
-            try {
-              return $(w(E));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var Y = Object.assign, G = 0, ye, je, ke, we, Ne, Ce, Re;
-    function Ee() {
-    }
-    Ee.__reactDisabledLog = !0;
-    function ut() {
-      {
-        if (G === 0) {
-          ye = console.log, je = console.info, ke = console.warn, we = console.error, Ne = console.group, Ce = console.groupCollapsed, Re = console.groupEnd;
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            value: Ee,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: t,
-            log: t,
-            warn: t,
-            error: t,
-            group: t,
-            groupCollapsed: t,
-            groupEnd: t
-          });
-        }
-        G++;
-      }
-    }
-    function ft() {
-      {
-        if (G--, G === 0) {
-          var t = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: Y({}, t, {
-              value: ye
-            }),
-            info: Y({}, t, {
-              value: je
-            }),
-            warn: Y({}, t, {
-              value: ke
-            }),
-            error: Y({}, t, {
-              value: we
-            }),
-            group: Y({}, t, {
-              value: Ne
-            }),
-            groupCollapsed: Y({}, t, {
-              value: Ce
-            }),
-            groupEnd: Y({}, t, {
-              value: Re
-            })
-          });
-        }
-        G < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ae = C.ReactCurrentDispatcher, ie;
-    function K(t, o, u) {
-      {
-        if (ie === void 0)
-          try {
-            throw Error();
-          } catch (R) {
-            var p = R.stack.trim().match(/\n( *(at )?)/);
-            ie = p && p[1] || "";
-          }
-        return `
-` + ie + t;
-      }
-    }
-    var oe = !1, ee;
-    {
-      var xt = typeof WeakMap == "function" ? WeakMap : Map;
-      ee = new xt();
-    }
-    function Se(t, o) {
-      if (!t || oe)
-        return "";
-      {
-        var u = ee.get(t);
-        if (u !== void 0)
-          return u;
-      }
-      var p;
-      oe = !0;
-      var R = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var E;
-      E = ae.current, ae.current = null, ut();
-      try {
-        if (o) {
-          var w = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(w.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(w, []);
-            } catch (A) {
-              p = A;
-            }
-            Reflect.construct(t, [], w);
-          } else {
-            try {
-              w.call();
-            } catch (A) {
-              p = A;
-            }
-            t.call(w.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (A) {
-            p = A;
-          }
-          t();
-        }
-      } catch (A) {
-        if (A && p && typeof A.stack == "string") {
-          for (var g = A.stack.split(`
-`), z = p.stack.split(`
-`), M = g.length - 1, P = z.length - 1; M >= 1 && P >= 0 && g[M] !== z[P]; )
-            P--;
-          for (; M >= 1 && P >= 0; M--, P--)
-            if (g[M] !== z[P]) {
-              if (M !== 1 || P !== 1)
-                do
-                  if (M--, P--, P < 0 || g[M] !== z[P]) {
-                    var L = `
-` + g[M].replace(" at new ", " at ");
-                    return t.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", t.displayName)), typeof t == "function" && ee.set(t, L), L;
-                  }
-                while (M >= 1 && P >= 0);
-              break;
-            }
-        }
-      } finally {
-        oe = !1, ae.current = E, ft(), Error.prepareStackTrace = R;
-      }
-      var q = t ? t.displayName || t.name : "", W = q ? K(q) : "";
-      return typeof t == "function" && ee.set(t, W), W;
-    }
-    function mt(t, o, u) {
-      return Se(t, !1);
-    }
-    function ht(t) {
-      var o = t.prototype;
-      return !!(o && o.isReactComponent);
-    }
-    function te(t, o, u) {
-      if (t == null)
-        return "";
-      if (typeof t == "function")
-        return Se(t, ht(t));
-      if (typeof t == "string")
-        return K(t);
-      switch (t) {
-        case m:
-          return K("Suspense");
-        case d:
-          return K("SuspenseList");
-      }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case c:
-            return mt(t.render);
-          case x:
-            return te(t.type, o, u);
-          case y: {
-            var p = t, R = p._payload, E = p._init;
-            try {
-              return te(E(R), o, u);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var X = Object.prototype.hasOwnProperty, _e = {}, Te = C.ReactDebugCurrentFrame;
-    function re(t) {
-      if (t) {
-        var o = t._owner, u = te(t.type, t._source, o ? o.type : null);
-        Te.setExtraStackFrame(u);
-      } else
-        Te.setExtraStackFrame(null);
-    }
-    function bt(t, o, u, p, R) {
-      {
-        var E = Function.call.bind(X);
-        for (var w in t)
-          if (E(t, w)) {
-            var g = void 0;
-            try {
-              if (typeof t[w] != "function") {
-                var z = Error((p || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw z.name = "Invariant Violation", z;
-              }
-              g = t[w](o, w, p, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (M) {
-              g = M;
-            }
-            g && !(g instanceof Error) && (re(R), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", u, w, typeof g), re(null)), g instanceof Error && !(g.message in _e) && (_e[g.message] = !0, re(R), T("Failed %s type: %s", u, g.message), re(null));
-          }
-      }
-    }
-    var pt = Array.isArray;
-    function le(t) {
-      return pt(t);
-    }
-    function vt(t) {
-      {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, u = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return u;
-      }
-    }
-    function gt(t) {
-      try {
-        return Me(t), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Me(t) {
-      return "" + t;
-    }
-    function Pe(t) {
-      if (gt(t))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vt(t)), Me(t);
-    }
-    var Oe = C.ReactCurrentOwner, yt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, De, ze;
-    function jt(t) {
-      if (X.call(t, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (o && o.isReactWarning)
-          return !1;
-      }
-      return t.ref !== void 0;
-    }
-    function kt(t) {
-      if (X.call(t, "key")) {
-        var o = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (o && o.isReactWarning)
-          return !1;
-      }
-      return t.key !== void 0;
-    }
-    function wt(t, o) {
-      typeof t.ref == "string" && Oe.current;
-    }
-    function Nt(t, o) {
-      {
-        var u = function() {
-          De || (De = !0, T("%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://reactjs.org/link/special-props)", o));
-        };
-        u.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: u,
-          configurable: !0
-        });
-      }
-    }
-    function Ct(t, o) {
-      {
-        var u = function() {
-          ze || (ze = !0, T("%s: `ref` 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://reactjs.org/link/special-props)", o));
-        };
-        u.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: u,
-          configurable: !0
-        });
-      }
-    }
-    var Rt = function(t, o, u, p, R, E, w) {
-      var g = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: r,
-        // Built-in properties that belong on the element
-        type: t,
-        key: o,
-        ref: u,
-        props: w,
-        // Record the component responsible for creating this element.
-        _owner: E
-      };
-      return g._store = {}, Object.defineProperty(g._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(g, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: p
-      }), Object.defineProperty(g, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
-    };
-    function Et(t, o, u, p, R) {
-      {
-        var E, w = {}, g = null, z = null;
-        u !== void 0 && (Pe(u), g = "" + u), kt(o) && (Pe(o.key), g = "" + o.key), jt(o) && (z = o.ref, wt(o, R));
-        for (E in o)
-          X.call(o, E) && !yt.hasOwnProperty(E) && (w[E] = o[E]);
-        if (t && t.defaultProps) {
-          var M = t.defaultProps;
-          for (E in M)
-            w[E] === void 0 && (w[E] = M[E]);
-        }
-        if (g || z) {
-          var P = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          g && Nt(w, P), z && Ct(w, P);
-        }
-        return Rt(t, g, z, R, p, Oe.current, w);
-      }
-    }
-    var ce = C.ReactCurrentOwner, Ae = C.ReactDebugCurrentFrame;
-    function V(t) {
-      if (t) {
-        var o = t._owner, u = te(t.type, t._source, o ? o.type : null);
-        Ae.setExtraStackFrame(u);
-      } else
-        Ae.setExtraStackFrame(null);
-    }
-    var de;
-    de = !1;
-    function ue(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === r;
-    }
-    function Le() {
-      {
-        if (ce.current) {
-          var t = $(ce.current.type);
-          if (t)
-            return `
-
-Check the render method of \`` + t + "`.";
-        }
-        return "";
-      }
-    }
-    function St(t) {
-      return "";
-    }
-    var Fe = {};
-    function _t(t) {
-      {
-        var o = Le();
-        if (!o) {
-          var u = typeof t == "string" ? t : t.displayName || t.name;
-          u && (o = `
-
-Check the top-level render call using <` + u + ">.");
-        }
-        return o;
-      }
-    }
-    function Ie(t, o) {
-      {
-        if (!t._store || t._store.validated || t.key != null)
-          return;
-        t._store.validated = !0;
-        var u = _t(o);
-        if (Fe[u])
-          return;
-        Fe[u] = !0;
-        var p = "";
-        t && t._owner && t._owner !== ce.current && (p = " It was passed a child from " + $(t._owner.type) + "."), V(t), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, p), V(null);
-      }
-    }
-    function $e(t, o) {
-      {
-        if (typeof t != "object")
-          return;
-        if (le(t))
-          for (var u = 0; u < t.length; u++) {
-            var p = t[u];
-            ue(p) && Ie(p, o);
-          }
-        else if (ue(t))
-          t._store && (t._store.validated = !0);
-        else if (t) {
-          var R = _(t);
-          if (typeof R == "function" && R !== t.entries)
-            for (var E = R.call(t), w; !(w = E.next()).done; )
-              ue(w.value) && Ie(w.value, o);
-        }
-      }
-    }
-    function Tt(t) {
-      {
-        var o = t.type;
-        if (o == null || typeof o == "string")
-          return;
-        var u;
-        if (typeof o == "function")
-          u = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === c || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        o.$$typeof === x))
-          u = o.propTypes;
-        else
-          return;
-        if (u) {
-          var p = $(o);
-          bt(u, t.props, "prop", p, t);
-        } else if (o.PropTypes !== void 0 && !de) {
-          de = !0;
-          var R = $(o);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
-        }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function Mt(t) {
-      {
-        for (var o = Object.keys(t.props), u = 0; u < o.length; u++) {
-          var p = o[u];
-          if (p !== "children" && p !== "key") {
-            V(t), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), V(null);
-            break;
-          }
-        }
-        t.ref !== null && (V(t), T("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
-      }
-    }
-    var Ye = {};
-    function We(t, o, u, p, R, E) {
-      {
-        var w = ct(t);
-        if (!w) {
-          var g = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var z = St();
-          z ? g += z : g += Le();
-          var M;
-          t === null ? M = "null" : le(t) ? M = "array" : t !== void 0 && t.$$typeof === r ? (M = "<" + ($(t.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : M = typeof t, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", M, g);
-        }
-        var P = Et(t, o, u, R, E);
-        if (P == null)
-          return P;
-        if (w) {
-          var L = o.children;
-          if (L !== void 0)
-            if (p)
-              if (le(L)) {
-                for (var q = 0; q < L.length; q++)
-                  $e(L[q], t);
-                Object.freeze && Object.freeze(L);
-              } else
-                T("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
-              $e(L, t);
-        }
-        if (X.call(o, "key")) {
-          var W = $(t), A = Object.keys(o).filter(function(Lt) {
-            return Lt !== "key";
-          }), fe = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ye[W + fe]) {
-            var At = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
-            T(`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} />`, fe, W, At, W), Ye[W + fe] = !0;
-          }
-        }
-        return t === a ? Mt(P) : Tt(P), P;
-      }
-    }
-    function Pt(t, o, u) {
-      return We(t, o, u, !0);
-    }
-    function Ot(t, o, u) {
-      return We(t, o, u, !1);
-    }
-    var Dt = Ot, zt = Pt;
-    Q.Fragment = a, Q.jsx = Dt, Q.jsxs = zt;
-  }()), Q;
-}
-process.env.NODE_ENV === "production" ? me.exports = Ft() : me.exports = It();
-var e = me.exports;
-function Ze(n) {
-  var r, s, a = "";
-  if (typeof n == "string" || typeof n == "number") a += n;
-  else if (typeof n == "object") if (Array.isArray(n)) {
-    var i = n.length;
-    for (r = 0; r < i; r++) n[r] && (s = Ze(n[r])) && (a && (a += " "), a += s);
-  } else for (s in n) n[s] && (a && (a += " "), a += s);
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
+import * as b from "react";
+import { forwardRef as Y, createElement as O } from "react";
+import { createPortal as H } from "react-dom";
+function V(t) {
+  var r, n, a = "";
+  if (typeof t == "string" || typeof t == "number") a += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var i = t.length;
+    for (r = 0; r < i; r++) t[r] && (n = V(t[r])) && (a && (a += " "), a += n);
+  } else for (n in t) t[n] && (a && (a += " "), a += n);
   return a;
 }
-function $t() {
-  for (var n, r, s = 0, a = "", i = arguments.length; s < i; s++) (n = arguments[s]) && (r = Ze(n)) && (a && (a += " "), a += r);
+function ae() {
+  for (var t, r, n = 0, a = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (r = V(t)) && (a && (a += " "), a += r);
   return a;
 }
-function b(...n) {
-  return $t(n);
+function h(...t) {
+  return ae(t);
 }
-const Yt = {
+const ie = {
   neutral: "bg-tag text-tag border border-tag-border",
   online: "bg-status-online-bg text-status-online",
   warn: "bg-status-warn-bg text-status-warn",
@@ -651,21 +26,21 @@ const Yt = {
   live: "bg-live-bg text-live-text",
   accent: "bg-accent-muted text-accent"
 };
-function Rr({ tone: n = "neutral", className: r, children: s, ...a }) {
-  return /* @__PURE__ */ e.jsx(
+function _e({ tone: t = "neutral", className: r, children: n, ...a }) {
+  return /* @__PURE__ */ e(
     "span",
     {
-      className: b(
+      className: h(
         "inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-medium",
-        Yt[n],
+        ie[t],
         r
       ),
       ...a,
-      children: s
+      children: n
     }
   );
 }
-const Wt = {
+const se = {
   primary: "bg-accent text-white hover:brightness-110 focus-visible:ring-accent/50",
   secondary: "bg-accent-muted text-accent hover:brightness-105 focus-visible:ring-accent/40",
   outline: "border border-card-border text-ink-primary bg-transparent hover:bg-accent-muted focus-visible:ring-accent/30",
@@ -673,65 +48,65 @@ const Wt = {
   danger: "bg-status-offline text-white hover:brightness-110 focus-visible:ring-status-offline/50",
   add: "bg-status-online text-white hover:brightness-110 focus-visible:ring-status-online/50",
   cancel: "border border-card-border text-ink-secondary bg-transparent hover:bg-card focus-visible:ring-ink-muted/30"
-}, Vt = {
+}, ce = {
   sm: "h-8 px-3 text-sm gap-1.5",
   md: "h-10 px-4 text-sm gap-2",
   lg: "h-12 px-6 text-base gap-2"
-}, F = v.forwardRef(
-  ({ variant: n = "primary", size: r = "md", icon: s, trailingIcon: a, loading: i, fullWidth: l, disabled: f, className: h, children: c, ...m }, d) => /* @__PURE__ */ e.jsxs(
+}, B = b.forwardRef(
+  ({ variant: t = "primary", size: r = "md", icon: n, trailingIcon: a, loading: i, fullWidth: c, disabled: l, className: f, children: o, ...d }, u) => /* @__PURE__ */ s(
     "button",
     {
-      ref: d,
-      disabled: f || i,
-      className: b(
+      ref: u,
+      disabled: l || i,
+      className: h(
         "inline-flex items-center justify-center rounded-md font-primary font-medium",
         "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2",
         "disabled:opacity-50 disabled:cursor-not-allowed",
-        Wt[n],
-        Vt[r],
-        l && "w-full",
-        h
+        se[t],
+        ce[r],
+        c && "w-full",
+        f
       ),
-      ...m,
+      ...d,
       children: [
-        i ? /* @__PURE__ */ e.jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : s && /* @__PURE__ */ e.jsx("span", { className: "inline-flex shrink-0", children: s }),
-        c,
-        !i && a && /* @__PURE__ */ e.jsx("span", { className: "inline-flex shrink-0", children: a })
+        i ? /* @__PURE__ */ e("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : n && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0", children: n }),
+        o,
+        !i && a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0", children: a })
       ]
     }
   )
 );
-F.displayName = "Button";
-const qt = v.forwardRef(
-  ({ padded: n = !0, className: r, children: s, ...a }, i) => /* @__PURE__ */ e.jsx(
+B.displayName = "Button";
+const le = b.forwardRef(
+  ({ padded: t = !0, className: r, children: n, ...a }, i) => /* @__PURE__ */ e(
     "div",
     {
       ref: i,
-      className: b(
+      className: h(
         "rounded-lg border border-card-border bg-card shadow-md text-ink-primary",
-        n && "p-4",
+        t && "p-4",
         r
       ),
       ...a,
-      children: s
+      children: n
     }
   )
 );
-qt.displayName = "Card";
+le.displayName = "Card";
 /**
  * @license lucide-react v0.400.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bt = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Qe = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
+const oe = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (...t) => t.filter((r, n, a) => !!r && a.indexOf(r) === n).join(" ");
 /**
  * @license lucide-react v0.400.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Ut = {
+var de = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -748,31 +123,31 @@ var Ut = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ht = Ge(
+const ue = Y(
   ({
-    color: n = "currentColor",
+    color: t = "currentColor",
     size: r = 24,
-    strokeWidth: s = 2,
+    strokeWidth: n = 2,
     absoluteStrokeWidth: a,
     className: i = "",
-    children: l,
-    iconNode: f,
-    ...h
-  }, c) => xe(
+    children: c,
+    iconNode: l,
+    ...f
+  }, o) => O(
     "svg",
     {
-      ref: c,
-      ...Ut,
+      ref: o,
+      ...de,
       width: r,
       height: r,
-      stroke: n,
-      strokeWidth: a ? Number(s) * 24 / Number(r) : s,
-      className: Qe("lucide", i),
-      ...h
+      stroke: t,
+      strokeWidth: a ? Number(n) * 24 / Number(r) : n,
+      className: U("lucide", i),
+      ...f
     },
     [
-      ...f.map(([m, d]) => xe(m, d)),
-      ...Array.isArray(l) ? l : [l]
+      ...l.map(([d, u]) => O(d, u)),
+      ...Array.isArray(c) ? c : [c]
     ]
   )
 );
@@ -782,16 +157,16 @@ const Ht = Ge(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const S = (n, r) => {
-  const s = Ge(
-    ({ className: a, ...i }, l) => xe(Ht, {
-      ref: l,
+const k = (t, r) => {
+  const n = Y(
+    ({ className: a, ...i }, c) => O(ue, {
+      ref: c,
       iconNode: r,
-      className: Qe(`lucide-${Bt(n)}`, a),
+      className: U(`lucide-${oe(t)}`, a),
       ...i
     })
   );
-  return s.displayName = `${n}`, s;
+  return n.displayName = `${t}`, n;
 };
 /**
  * @license lucide-react v0.400.0 - ISC
@@ -799,7 +174,7 @@ const S = (n, r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jt = S("ArrowDown", [
+const fe = k("ArrowDown", [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ]);
@@ -809,7 +184,7 @@ const Jt = S("ArrowDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = S("ArrowUpDown", [
+const F = k("ArrowUpDown", [
   ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
@@ -821,7 +196,7 @@ const Be = S("ArrowUpDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gt = S("ArrowUp", [
+const me = k("ArrowUp", [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ]);
@@ -831,7 +206,7 @@ const Gt = S("ArrowUp", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = S("Bot", [
+const he = k("Bot", [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -845,7 +220,7 @@ const Xt = S("Bot", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = S("Calendar", [
+const G = k("Calendar", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -857,14 +232,14 @@ const Ke = S("Calendar", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const et = S("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+const _ = k("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 /**
  * @license lucide-react v0.400.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tt = S("ChevronDown", [
+const Q = k("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
 /**
@@ -873,7 +248,7 @@ const tt = S("ChevronDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zt = S("ChevronLeft", [
+const be = k("ChevronLeft", [
   ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
 ]);
 /**
@@ -882,7 +257,7 @@ const Zt = S("ChevronLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qt = S("ChevronRight", [
+const xe = k("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
 ]);
 /**
@@ -891,7 +266,7 @@ const Qt = S("ChevronRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rt = S("ChevronsLeft", [
+const Z = k("ChevronsLeft", [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ]);
@@ -901,7 +276,7 @@ const rt = S("ChevronsLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nt = S("ChevronsRight", [
+const J = k("ChevronsRight", [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ]);
@@ -911,7 +286,7 @@ const nt = S("ChevronsRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kt = S("CircleAlert", [
+const pe = k("CircleAlert", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
@@ -922,7 +297,7 @@ const Kt = S("CircleAlert", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const er = S("Download", [
+const ge = k("Download", [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
@@ -933,7 +308,7 @@ const er = S("Download", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tr = S("EyeOff", [
+const ve = k("EyeOff", [
   ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
   [
     "path",
@@ -954,7 +329,7 @@ const tr = S("EyeOff", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rr = S("Eye", [
+const ye = k("Eye", [
   ["path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z", key: "rwhkz3" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
@@ -964,7 +339,7 @@ const rr = S("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nr = S("Grid3x3", [
+const ke = k("Grid3x3", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
@@ -977,7 +352,7 @@ const nr = S("Grid3x3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sr = S("LogOut", [
+const we = k("LogOut", [
   ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }],
   ["polyline", { points: "16 17 21 12 16 7", key: "1gabdz" }],
   ["line", { x1: "21", x2: "9", y1: "12", y2: "12", key: "1uyos4" }]
@@ -988,7 +363,7 @@ const sr = S("LogOut", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ar = S("Mail", [
+const Ne = k("Mail", [
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ]);
@@ -998,7 +373,7 @@ const ar = S("Mail", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const st = S("Plus", [
+const X = k("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -1008,7 +383,7 @@ const st = S("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ir = S("RefreshCw", [
+const Ce = k("RefreshCw", [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
@@ -1020,7 +395,7 @@ const ir = S("RefreshCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = S("Search", [
+const P = k("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
 ]);
@@ -1030,7 +405,7 @@ const he = S("Search", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const at = S("SlidersHorizontal", [
+const K = k("SlidersHorizontal", [
   ["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
   ["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
   ["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
@@ -1047,7 +422,7 @@ const at = S("SlidersHorizontal", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const or = S("Trash2", [
+const Be = k("Trash2", [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
@@ -1060,7 +435,7 @@ const or = S("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const lr = S("User", [
+const Me = k("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
@@ -1070,110 +445,110 @@ const lr = S("User", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = S("X", [
+const D = k("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), be = v.forwardRef(
-  ({ label: n, id: r, className: s, checked: a, ...i }, l) => {
-    const f = r ?? v.useId();
-    return /* @__PURE__ */ e.jsxs("label", { htmlFor: f, className: "inline-flex cursor-pointer items-center gap-2 select-none", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "relative inline-flex h-4 w-4 shrink-0 items-center justify-center", children: [
-        /* @__PURE__ */ e.jsx("input", { ref: l, id: f, type: "checkbox", checked: a, className: "peer sr-only", ...i }),
-        /* @__PURE__ */ e.jsx(
+]), E = b.forwardRef(
+  ({ label: t, id: r, className: n, checked: a, ...i }, c) => {
+    const l = r ?? b.useId();
+    return /* @__PURE__ */ s("label", { htmlFor: l, className: "inline-flex cursor-pointer items-center gap-2 select-none", children: [
+      /* @__PURE__ */ s("span", { className: "relative inline-flex h-4 w-4 shrink-0 items-center justify-center", children: [
+        /* @__PURE__ */ e("input", { ref: c, id: l, type: "checkbox", checked: a, className: "peer sr-only", ...i }),
+        /* @__PURE__ */ e(
           "span",
           {
-            className: b(
+            className: h(
               "h-4 w-4 rounded border border-card-border bg-input transition-colors",
               "peer-checked:border-accent peer-checked:bg-accent",
               "peer-focus-visible:ring-2 peer-focus-visible:ring-accent/40",
-              s
+              n
             )
           }
         ),
-        a && /* @__PURE__ */ e.jsx(et, { size: 12, strokeWidth: 3, className: "pointer-events-none absolute text-white" })
+        a && /* @__PURE__ */ e(_, { size: 12, strokeWidth: 3, className: "pointer-events-none absolute text-white" })
       ] }),
-      n && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-ink-primary", children: n })
+      t && /* @__PURE__ */ e("span", { className: "text-sm text-ink-primary", children: t })
     ] });
   }
 );
-be.displayName = "Checkbox";
-const cr = {
+E.displayName = "Checkbox";
+const ze = {
   idle: "text-icon-idle hover:text-icon-active hover:bg-accent-muted",
   active: "text-icon-active bg-accent-muted",
   danger: "text-status-offline hover:bg-status-offline-bg"
-}, dr = { sm: "h-8 w-8", md: "h-10 w-10" }, B = v.forwardRef(
-  ({ icon: n, label: r, variant: s = "idle", size: a = "md", className: i, ...l }, f) => /* @__PURE__ */ e.jsx(
+}, Se = { sm: "h-8 w-8", md: "h-10 w-10" }, S = b.forwardRef(
+  ({ icon: t, label: r, variant: n = "idle", size: a = "md", className: i, ...c }, l) => /* @__PURE__ */ e(
     "button",
     {
-      ref: f,
+      ref: l,
       "aria-label": r,
       title: r,
-      className: b(
+      className: h(
         "inline-flex items-center justify-center rounded-full transition-colors duration-150",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40",
         "disabled:opacity-40 disabled:cursor-not-allowed",
-        cr[s],
-        dr[a],
+        ze[n],
+        Se[a],
         i
       ),
-      ...l,
-      children: n
+      ...c,
+      children: t
     }
   )
 );
-B.displayName = "IconButton";
-function Er({ columns: n, visible: r, onChange: s, className: a }) {
-  const [i, l] = v.useState(!1), f = v.useRef(null);
-  v.useEffect(() => {
-    function c(m) {
-      f.current && !f.current.contains(m.target) && l(!1);
-    }
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+S.displayName = "IconButton";
+function Qe({ columns: t, visible: r, onChange: n, className: a }) {
+  const [i, c] = b.useState(!1), l = b.useRef(null);
+  b.useEffect(() => {
+    function o(d) {
+      l.current && !l.current.contains(d.target) && c(!1);
+    }
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
   }, []);
-  function h(c) {
-    s(r.includes(c) ? r.filter((m) => m !== c) : [...r, c]);
+  function f(o) {
+    n(r.includes(o) ? r.filter((d) => d !== o) : [...r, o]);
   }
-  return /* @__PURE__ */ e.jsxs("div", { ref: f, className: b("relative", a), children: [
-    /* @__PURE__ */ e.jsx(B, { icon: /* @__PURE__ */ e.jsx(nr, { size: 16 }), label: "Choose columns", onClick: () => l((c) => !c), variant: i ? "active" : "idle" }),
-    i && /* @__PURE__ */ e.jsx("div", { className: "absolute right-0 z-20 mt-1 w-52 rounded-md border border-card-border bg-card p-2 shadow-lg", children: n.map((c) => /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent-muted", children: [
-      /* @__PURE__ */ e.jsx(be, { checked: r.includes(c.key), onChange: () => h(c.key) }),
-      /* @__PURE__ */ e.jsx("span", { className: "text-ink-primary", children: c.label })
-    ] }, c.key)) })
+  return /* @__PURE__ */ s("div", { ref: l, className: h("relative", a), children: [
+    /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(ke, { size: 16 }), label: "Choose columns", onClick: () => c((o) => !o), variant: i ? "active" : "idle" }),
+    i && /* @__PURE__ */ e("div", { className: "absolute right-0 z-20 mt-1 w-52 rounded-md border border-card-border bg-card p-2 shadow-lg", children: t.map((o) => /* @__PURE__ */ s("label", { className: "flex items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent-muted", children: [
+      /* @__PURE__ */ e(E, { checked: r.includes(o.key), onChange: () => f(o.key) }),
+      /* @__PURE__ */ e("span", { className: "text-ink-primary", children: o.label })
+    ] }, o.key)) })
   ] });
 }
-const ur = {
+const Le = {
   sm: "max-w-sm",
   md: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl"
 };
-function pe({ open: n, onClose: r, title: s, footer: a, size: i = "md", children: l, className: f }) {
-  return v.useEffect(() => {
-    if (!n) return;
-    function h(c) {
-      c.key === "Escape" && r();
+function R({ open: t, onClose: r, title: n, footer: a, size: i = "md", children: c, className: l }) {
+  return b.useEffect(() => {
+    if (!t) return;
+    function f(o) {
+      o.key === "Escape" && r();
     }
-    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [n, r]), n ? Xe(
-    /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-black/50", onClick: r, "aria-hidden": !0 }),
-      /* @__PURE__ */ e.jsxs(
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [t, r]), t ? H(
+    /* @__PURE__ */ s("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/50", onClick: r, "aria-hidden": !0 }),
+      /* @__PURE__ */ s(
         "div",
         {
           role: "dialog",
           "aria-modal": "true",
-          className: b(
+          className: h(
             "relative z-10 flex max-h-[90vh] w-full flex-col rounded-lg border border-card-border bg-card shadow-xl",
-            ur[i],
-            f
+            Le[i],
+            l
           ),
           children: [
-            s && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between border-b border-card-border px-5 py-4", children: [
-              /* @__PURE__ */ e.jsx("h2", { className: "font-secondary text-base font-semibold text-ink-primary", children: s }),
-              /* @__PURE__ */ e.jsx("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e.jsx(se, { size: 18 }) })
+            n && /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-5 py-4", children: [
+              /* @__PURE__ */ e("h2", { className: "font-secondary text-base font-semibold text-ink-primary", children: n }),
+              /* @__PURE__ */ e("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(D, { size: 18 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: l }),
-            a && /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-end gap-2 border-t border-card-border px-5 py-4", children: a })
+            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: c }),
+            a && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-2 border-t border-card-border px-5 py-4", children: a })
           ]
         }
       )
@@ -1181,765 +556,765 @@ function pe({ open: n, onClose: r, title: s, footer: a, size: i = "md", children
     document.body
   ) : null;
 }
-function Sr({
-  open: n,
+function Ze({
+  open: t,
   title: r,
-  message: s,
+  message: n,
   confirmLabel: a = "Ok",
   cancelLabel: i = "Close",
-  tone: l = "default",
-  onConfirm: f,
-  onClose: h,
-  loading: c
+  tone: c = "default",
+  onConfirm: l,
+  onClose: f,
+  loading: o
 }) {
-  return /* @__PURE__ */ e.jsx(
-    pe,
+  return /* @__PURE__ */ e(
+    R,
     {
-      open: n,
-      onClose: h,
+      open: t,
+      onClose: f,
       title: r,
       size: "sm",
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(F, { variant: "cancel", onClick: h, children: i }),
-        /* @__PURE__ */ e.jsx(F, { variant: l === "danger" ? "danger" : "primary", onClick: f, loading: c, children: a })
+      footer: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(B, { variant: "cancel", onClick: f, children: i }),
+        /* @__PURE__ */ e(B, { variant: c === "danger" ? "danger" : "primary", onClick: l, loading: o, children: a })
       ] }),
-      children: /* @__PURE__ */ e.jsx("p", { className: "text-sm text-ink-secondary", children: s })
+      children: /* @__PURE__ */ e("p", { className: "text-sm text-ink-secondary", children: n })
     }
   );
 }
-function it({ fullPage: n, label: r = "Loading...", className: s }) {
-  const a = /* @__PURE__ */ e.jsxs("div", { className: b("flex flex-col items-center justify-center gap-3", s), children: [
-    /* @__PURE__ */ e.jsx("span", { className: "h-10 w-10 animate-spin rounded-full border-4 border-accent-muted border-t-accent" }),
-    r && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-ink-secondary", children: r })
+function ee({ fullPage: t, label: r = "Loading...", className: n }) {
+  const a = /* @__PURE__ */ s("div", { className: h("flex flex-col items-center justify-center gap-3", n), children: [
+    /* @__PURE__ */ e("span", { className: "h-10 w-10 animate-spin rounded-full border-4 border-accent-muted border-t-accent" }),
+    r && /* @__PURE__ */ e("span", { className: "text-sm text-ink-secondary", children: r })
   ] });
-  return n ? /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-canvas/70 backdrop-blur-sm", children: a }) : a;
+  return t ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-canvas/70 backdrop-blur-sm", children: a }) : a;
 }
-function Ue({ checked: n, indeterminate: r, onChange: s, label: a = "Select row" }) {
-  const i = v.useRef(null);
-  return v.useEffect(() => {
+function I({ checked: t, indeterminate: r, onChange: n, label: a = "Select row" }) {
+  const i = b.useRef(null);
+  return b.useEffect(() => {
     i.current && (i.current.indeterminate = !!r);
-  }, [r]), /* @__PURE__ */ e.jsx(be, { ref: i, checked: n, onChange: (l) => s(l.target.checked), "aria-label": a });
+  }, [r]), /* @__PURE__ */ e(E, { ref: i, checked: t, onChange: (c) => n(c.target.checked), "aria-label": a });
 }
-function _r({
-  columns: n,
+function Je({
+  columns: t,
   data: r,
-  rowKey: s,
+  rowKey: n,
   loading: a,
   emptyMessage: i = "No records found.",
-  visibleColumns: l,
-  sortKey: f,
-  sortDirection: h,
-  onSortChange: c,
-  selectable: m,
-  selectedKeys: d = [],
-  onSelectedKeysChange: x,
-  onRowClick: y,
-  className: D
+  visibleColumns: c,
+  sortKey: l,
+  sortDirection: f,
+  onSortChange: o,
+  selectable: d,
+  selectedKeys: u = [],
+  onSelectedKeysChange: m,
+  onRowClick: v,
+  className: C
 }) {
-  const O = l ? n.filter((N) => l.includes(N.key)) : n, j = r.map(s), _ = m && r.length > 0 && j.every((N) => d.includes(N)), C = m && j.some((N) => d.includes(N));
-  function T(N) {
-    if (!(!N.sortable || !c)) {
-      if (f !== N.key) return c(N.key, "asc");
-      if (h === "asc") return c(N.key, "desc");
-      c(N.key, null);
+  const N = c ? t.filter((g) => c.includes(g.key)) : t, x = r.map(n), w = d && r.length > 0 && x.every((g) => u.includes(g)), y = d && x.some((g) => u.includes(g));
+  function z(g) {
+    if (!(!g.sortable || !o)) {
+      if (l !== g.key) return o(g.key, "asc");
+      if (f === "asc") return o(g.key, "desc");
+      o(g.key, null);
     }
   }
-  function H() {
-    x && x(_ ? [] : j);
+  function T() {
+    m && m(w ? [] : x);
   }
-  function J(N) {
-    x && x(d.includes(N) ? d.filter((k) => k !== N) : [...d, N]);
+  function j(g) {
+    m && m(u.includes(g) ? u.filter((p) => p !== g) : [...u, g]);
   }
-  return /* @__PURE__ */ e.jsx("div", { className: b("overflow-x-auto rounded-lg border border-card-border bg-card", D), children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-left text-sm", children: [
-    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { className: "border-b border-card-border bg-canvas", children: [
-      m && /* @__PURE__ */ e.jsx("th", { className: "w-10 px-4 py-3", children: /* @__PURE__ */ e.jsx(Ue, { checked: !!_, indeterminate: !_ && C, onChange: H, label: "Select all rows" }) }),
-      O.map((N) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e("div", { className: h("overflow-x-auto rounded-lg border border-card-border bg-card", C), children: /* @__PURE__ */ s("table", { className: "w-full text-left text-sm", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-card-border bg-canvas", children: [
+      d && /* @__PURE__ */ e("th", { className: "w-10 px-4 py-3", children: /* @__PURE__ */ e(I, { checked: !!w, indeterminate: !w && y, onChange: T, label: "Select all rows" }) }),
+      N.map((g) => /* @__PURE__ */ e(
         "th",
         {
-          style: { width: N.width },
-          className: b(
+          style: { width: g.width },
+          className: h(
             "px-4 py-3 font-medium text-ink-secondary",
-            N.align === "right" && "text-right",
-            N.align === "center" && "text-center"
+            g.align === "right" && "text-right",
+            g.align === "center" && "text-center"
           ),
-          children: N.sortable ? /* @__PURE__ */ e.jsxs("button", { onClick: () => T(N), className: "inline-flex items-center gap-1 hover:text-ink-primary", children: [
-            N.header,
-            f === N.key ? h === "asc" ? /* @__PURE__ */ e.jsx(Gt, { size: 12 }) : h === "desc" ? /* @__PURE__ */ e.jsx(Jt, { size: 12 }) : /* @__PURE__ */ e.jsx(Be, { size: 12, className: "opacity-40" }) : /* @__PURE__ */ e.jsx(Be, { size: 12, className: "opacity-40" })
-          ] }) : N.header
+          children: g.sortable ? /* @__PURE__ */ s("button", { onClick: () => z(g), className: "inline-flex items-center gap-1 hover:text-ink-primary", children: [
+            g.header,
+            l === g.key ? f === "asc" ? /* @__PURE__ */ e(me, { size: 12 }) : f === "desc" ? /* @__PURE__ */ e(fe, { size: 12 }) : /* @__PURE__ */ e(F, { size: 12, className: "opacity-40" }) : /* @__PURE__ */ e(F, { size: 12, className: "opacity-40" })
+          ] }) : g.header
         },
-        N.key
+        g.key
       ))
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: a ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: O.length + (m ? 1 : 0), className: "py-10", children: /* @__PURE__ */ e.jsx(it, { label: "Loading records..." }) }) }) : r.length === 0 ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: O.length + (m ? 1 : 0), className: "py-10 text-center text-ink-muted", children: i }) }) : r.map((N) => {
-      const k = s(N);
-      return /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e("tbody", { children: a ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: N.length + (d ? 1 : 0), className: "py-10", children: /* @__PURE__ */ e(ee, { label: "Loading records..." }) }) }) : r.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: N.length + (d ? 1 : 0), className: "py-10 text-center text-ink-muted", children: i }) }) : r.map((g) => {
+      const p = n(g);
+      return /* @__PURE__ */ s(
         "tr",
         {
-          onClick: () => y == null ? void 0 : y(N),
-          className: b(
+          onClick: () => v == null ? void 0 : v(g),
+          className: h(
             "border-b border-card-border last:border-0 hover:bg-accent-muted/60",
-            y && "cursor-pointer"
+            v && "cursor-pointer"
           ),
           children: [
-            m && /* @__PURE__ */ e.jsx("td", { className: "px-4 py-3", onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ e.jsx(Ue, { checked: d.includes(k), onChange: () => J(k) }) }),
-            O.map((I) => /* @__PURE__ */ e.jsx(
+            d && /* @__PURE__ */ e("td", { className: "px-4 py-3", onClick: (M) => M.stopPropagation(), children: /* @__PURE__ */ e(I, { checked: u.includes(p), onChange: () => j(p) }) }),
+            N.map((M) => /* @__PURE__ */ e(
               "td",
               {
-                className: b(
+                className: h(
                   "px-4 py-3 text-ink-primary",
-                  I.align === "right" && "text-right",
-                  I.align === "center" && "text-center"
+                  M.align === "right" && "text-right",
+                  M.align === "center" && "text-center"
                 ),
-                children: I.render(N)
+                children: M.render(g)
               },
-              I.key
+              M.key
             ))
           ]
         },
-        k
+        p
       );
     }) })
   ] }) });
 }
-function fr({ children: n, className: r, ...s }) {
-  return n ? /* @__PURE__ */ e.jsxs("p", { className: b("mt-1 flex items-center gap-1 text-xs text-status-offline", r), ...s, children: [
-    /* @__PURE__ */ e.jsx(Kt, { size: 12, className: "shrink-0" }),
-    n
+function Ae({ children: t, className: r, ...n }) {
+  return t ? /* @__PURE__ */ s("p", { className: h("mt-1 flex items-center gap-1 text-xs text-status-offline", r), ...n, children: [
+    /* @__PURE__ */ e(pe, { size: 12, className: "shrink-0" }),
+    t
   ] }) : null;
 }
-function U({ label: n, htmlFor: r, required: s, error: a, hint: i, className: l, children: f, ...h }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: b("flex flex-col", l), ...h, children: [
-    n && /* @__PURE__ */ e.jsxs("label", { htmlFor: r, className: "mb-1.5 text-sm font-medium text-ink-primary", children: [
-      n,
-      s && /* @__PURE__ */ e.jsx("span", { className: "ml-0.5 text-status-offline", children: "*" })
+function L({ label: t, htmlFor: r, required: n, error: a, hint: i, className: c, children: l, ...f }) {
+  return /* @__PURE__ */ s("div", { className: h("flex flex-col", c), ...f, children: [
+    t && /* @__PURE__ */ s("label", { htmlFor: r, className: "mb-1.5 text-sm font-medium text-ink-primary", children: [
+      t,
+      n && /* @__PURE__ */ e("span", { className: "ml-0.5 text-status-offline", children: "*" })
     ] }),
-    f,
-    i && !a && /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-xs text-ink-muted", children: i }),
-    /* @__PURE__ */ e.jsx(fr, { children: a })
+    l,
+    i && !a && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-ink-muted", children: i }),
+    /* @__PURE__ */ e(Ae, { children: a })
   ] });
 }
-function Tr({ label: n, required: r, error: s, value: a, onChange: i, min: l, max: f, disabled: h, className: c }) {
-  const m = v.useId();
-  return /* @__PURE__ */ e.jsx(U, { label: n, htmlFor: m, required: r, error: s, className: c, children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ e.jsx(Ke, { size: 16, className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-ink-muted" }),
-    /* @__PURE__ */ e.jsx(
+function Xe({ label: t, required: r, error: n, value: a, onChange: i, min: c, max: l, disabled: f, className: o }) {
+  const d = b.useId();
+  return /* @__PURE__ */ e(L, { label: t, htmlFor: d, required: r, error: n, className: o, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+    /* @__PURE__ */ e(G, { size: 16, className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-ink-muted" }),
+    /* @__PURE__ */ e(
       "input",
       {
-        id: m,
+        id: d,
         type: "date",
         value: a ?? "",
-        min: l,
-        max: f,
-        disabled: h,
-        onChange: (d) => i(d.target.value),
-        className: b(
+        min: c,
+        max: l,
+        disabled: f,
+        onChange: (u) => i(u.target.value),
+        className: h(
           "h-10 w-full rounded-md border bg-input pl-9 pr-3 text-sm text-ink-primary",
           "focus:outline-none focus:ring-2 focus:ring-accent/40 disabled:opacity-50",
-          s ? "border-status-offline" : "border-card-border"
+          n ? "border-status-offline" : "border-card-border"
         )
       }
     )
   ] }) });
 }
-const ot = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], xr = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], mr = ["This Financial Year", "This Month", "Last Month", "Next Month", "This Quarter", "This Year", "Last Year", "Custom Range"];
-function ne(n) {
-  return n ? `${String(n.getDate()).padStart(2, "0")}-${ot[n.getMonth()]}-${n.getFullYear()}` : "";
+const te = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], De = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Te = ["This Financial Year", "This Month", "Last Month", "Next Month", "This Quarter", "This Year", "Last Year", "Custom Range"];
+function A(t) {
+  return t ? `${String(t.getDate()).padStart(2, "0")}-${te[t.getMonth()]}-${t.getFullYear()}` : "";
 }
-function hr(n, r = /* @__PURE__ */ new Date()) {
-  const s = r.getFullYear(), a = r.getMonth();
-  switch (n) {
+function je(t, r = /* @__PURE__ */ new Date()) {
+  const n = r.getFullYear(), a = r.getMonth();
+  switch (t) {
     case "This Financial Year": {
-      const i = a >= 3 ? s : s - 1;
+      const i = a >= 3 ? n : n - 1;
       return { from: new Date(i, 3, 1), to: new Date(i + 1, 2, 31) };
     }
     case "This Month":
-      return { from: new Date(s, a, 1), to: new Date(s, a + 1, 0) };
+      return { from: new Date(n, a, 1), to: new Date(n, a + 1, 0) };
     case "Last Month":
-      return { from: new Date(s, a - 1, 1), to: new Date(s, a, 0) };
+      return { from: new Date(n, a - 1, 1), to: new Date(n, a, 0) };
     case "Next Month":
-      return { from: new Date(s, a + 1, 1), to: new Date(s, a + 2, 0) };
+      return { from: new Date(n, a + 1, 1), to: new Date(n, a + 2, 0) };
     case "This Quarter": {
       const i = Math.floor(a / 3) * 3;
-      return { from: new Date(s, i, 1), to: new Date(s, i + 3, 0) };
+      return { from: new Date(n, i, 1), to: new Date(n, i + 3, 0) };
     }
     case "This Year":
-      return { from: new Date(s, 0, 1), to: new Date(s, 11, 31) };
+      return { from: new Date(n, 0, 1), to: new Date(n, 11, 31) };
     case "Last Year":
-      return { from: new Date(s - 1, 0, 1), to: new Date(s - 1, 11, 31) };
+      return { from: new Date(n - 1, 0, 1), to: new Date(n - 1, 11, 31) };
     default:
       return { from: null, to: null };
   }
 }
-function He({ year: n, month: r, from: s, to: a, onPick: i }) {
-  const f = new Date(n, r, 1).getDay(), h = new Date(n, r + 1, 0).getDate(), c = [];
-  for (let x = 0; x < f; x++) c.push(null);
-  for (let x = 1; x <= h; x++) c.push(x);
-  function m(x) {
-    if (!x || !s || !a) return !1;
-    const y = new Date(n, r, x).getTime();
-    return y >= s.getTime() && y <= a.getTime();
+function q({ year: t, month: r, from: n, to: a, onPick: i }) {
+  const l = new Date(t, r, 1).getDay(), f = new Date(t, r + 1, 0).getDate(), o = [];
+  for (let m = 0; m < l; m++) o.push(null);
+  for (let m = 1; m <= f; m++) o.push(m);
+  function d(m) {
+    if (!m || !n || !a) return !1;
+    const v = new Date(t, r, m).getTime();
+    return v >= n.getTime() && v <= a.getTime();
   }
-  function d(x) {
-    if (!x) return !1;
-    const y = new Date(n, r, x).getTime();
-    return s && y === s.getTime() || a && y === a.getTime();
+  function u(m) {
+    if (!m) return !1;
+    const v = new Date(t, r, m).getTime();
+    return n && v === n.getTime() || a && v === a.getTime();
   }
-  return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs("p", { className: "mb-2 text-center text-sm font-semibold text-ink-primary", children: [
-      ot[r],
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s("p", { className: "mb-2 text-center text-sm font-semibold text-ink-primary", children: [
+      te[r],
       " ",
-      n
+      t
     ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-7 gap-y-1 text-center text-xs", children: [
-      xr.map((x) => /* @__PURE__ */ e.jsx("span", { className: "text-ink-muted", children: x }, x)),
-      c.map((x, y) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-y-1 text-center text-xs", children: [
+      De.map((m) => /* @__PURE__ */ e("span", { className: "text-ink-muted", children: m }, m)),
+      o.map((m, v) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          disabled: !x,
-          onClick: () => x && i(new Date(n, r, x)),
-          className: b(
+          disabled: !m,
+          onClick: () => m && i(new Date(t, r, m)),
+          className: h(
             "h-7 w-7 rounded text-ink-primary",
-            !x && "invisible",
-            x && m(x) && "bg-accent-muted",
-            x && d(x) && "bg-accent text-white"
+            !m && "invisible",
+            m && d(m) && "bg-accent-muted",
+            m && u(m) && "bg-accent text-white"
           ),
-          children: x
+          children: m
         },
-        y
+        v
       ))
     ] })
   ] });
 }
-function Mr({ label: n, required: r, error: s, value: a, onChange: i, className: l }) {
-  const [f, h] = v.useState(!1), [c, m] = v.useState("Custom Range"), [d, x] = v.useState(a), [y, D] = v.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getMonth()), [O, j] = v.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getFullYear()), _ = v.useRef(null);
-  v.useEffect(() => {
-    function k(I) {
-      _.current && !_.current.contains(I.target) && h(!1);
+function Ke({ label: t, required: r, error: n, value: a, onChange: i, className: c }) {
+  const [l, f] = b.useState(!1), [o, d] = b.useState("Custom Range"), [u, m] = b.useState(a), [v, C] = b.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getMonth()), [N, x] = b.useState(() => (a.from ?? /* @__PURE__ */ new Date()).getFullYear()), w = b.useRef(null);
+  b.useEffect(() => {
+    function p(M) {
+      w.current && !w.current.contains(M.target) && f(!1);
     }
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  function C(k) {
-    m(k), k !== "Custom Range" && x(hr(k));
+  function y(p) {
+    d(p), p !== "Custom Range" && m(je(p));
   }
-  function T(k) {
-    m("Custom Range"), !d.from || d.from && d.to ? x({ from: k, to: null }) : k.getTime() < d.from.getTime() ? x({ from: k, to: d.from }) : x({ ...d, to: k });
+  function z(p) {
+    d("Custom Range"), !u.from || u.from && u.to ? m({ from: p, to: null }) : p.getTime() < u.from.getTime() ? m({ from: p, to: u.from }) : m({ ...u, to: p });
   }
-  function H() {
-    y === 0 ? (D(11), j((k) => k - 1)) : D((k) => k - 1);
+  function T() {
+    v === 0 ? (C(11), x((p) => p - 1)) : C((p) => p - 1);
   }
-  function J() {
-    y === 11 ? (D(0), j((k) => k + 1)) : D((k) => k + 1);
+  function j() {
+    v === 11 ? (C(0), x((p) => p + 1)) : C((p) => p + 1);
   }
-  function N() {
-    i(d), h(!1);
+  function g() {
+    i(u), f(!1);
   }
-  return /* @__PURE__ */ e.jsx(U, { label: n, required: r, error: s, className: l, children: /* @__PURE__ */ e.jsxs("div", { ref: _, className: "relative", children: [
-    /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e(L, { label: t, required: r, error: n, className: c, children: /* @__PURE__ */ s("div", { ref: w, className: "relative", children: [
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        onClick: () => h((k) => !k),
-        className: b(
+        onClick: () => f((p) => !p),
+        className: h(
           "flex h-10 w-full items-center gap-2 rounded-md border bg-input px-3 text-left text-sm",
           "focus:outline-none focus:ring-2 focus:ring-accent/40",
-          s ? "border-status-offline" : "border-card-border"
+          n ? "border-status-offline" : "border-card-border"
         ),
         children: [
-          /* @__PURE__ */ e.jsx(Ke, { size: 16, className: "shrink-0 text-ink-muted" }),
-          /* @__PURE__ */ e.jsx("span", { className: a.from ? "text-ink-primary" : "text-ink-muted", children: a.from && a.to ? `${ne(a.from)} - ${ne(a.to)}` : "Select date range" })
+          /* @__PURE__ */ e(G, { size: 16, className: "shrink-0 text-ink-muted" }),
+          /* @__PURE__ */ e("span", { className: a.from ? "text-ink-primary" : "text-ink-muted", children: a.from && a.to ? `${A(a.from)} - ${A(a.to)}` : "Select date range" })
         ]
       }
     ),
-    f && /* @__PURE__ */ e.jsxs("div", { className: "absolute z-20 mt-1 flex w-[560px] max-w-[90vw] overflow-hidden rounded-md border border-card-border bg-card shadow-xl", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "w-40 shrink-0 border-r border-card-border py-2", children: mr.map((k) => /* @__PURE__ */ e.jsx(
+    l && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 flex w-[560px] max-w-[90vw] overflow-hidden rounded-md border border-card-border bg-card shadow-xl", children: [
+      /* @__PURE__ */ e("div", { className: "w-40 shrink-0 border-r border-card-border py-2", children: Te.map((p) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => C(k),
-          className: b(
+          onClick: () => y(p),
+          className: h(
             "block w-full px-3 py-2 text-left text-sm",
-            c === k ? "bg-accent text-white" : "text-ink-primary hover:bg-accent-muted"
+            o === p ? "bg-accent text-white" : "text-ink-primary hover:bg-accent-muted"
           ),
-          children: k
+          children: p
         },
-        k
+        p
       )) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex-1 p-3", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
-          /* @__PURE__ */ e.jsx("button", { type: "button", onClick: H, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e.jsx(Zt, { size: 16 }) }),
-          /* @__PURE__ */ e.jsx("button", { type: "button", onClick: J, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e.jsx(Qt, { size: 16 }) })
+      /* @__PURE__ */ s("div", { className: "flex-1 p-3", children: [
+        /* @__PURE__ */ s("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ e("button", { type: "button", onClick: T, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(be, { size: 16 }) }),
+          /* @__PURE__ */ e("button", { type: "button", onClick: j, className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(xe, { size: 16 }) })
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ e.jsx(He, { year: O, month: y, from: d.from, to: d.to, onPick: T }),
-          /* @__PURE__ */ e.jsx(
-            He,
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ e(q, { year: N, month: v, from: u.from, to: u.to, onPick: z }),
+          /* @__PURE__ */ e(
+            q,
             {
-              year: y === 11 ? O + 1 : O,
-              month: y === 11 ? 0 : y + 1,
-              from: d.from,
-              to: d.to,
-              onPick: T
+              year: v === 11 ? N + 1 : N,
+              month: v === 11 ? 0 : v + 1,
+              from: u.from,
+              to: u.to,
+              onPick: z
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "mt-3 flex items-center justify-between border-t border-card-border pt-3", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "text-sm text-ink-secondary", children: d.from && d.to ? `${ne(d.from)} - ${ne(d.to)}` : "Select a range" }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e.jsx(F, { variant: "cancel", size: "sm", onClick: () => h(!1), children: "Cancel" }),
-            /* @__PURE__ */ e.jsx(F, { variant: "primary", size: "sm", onClick: N, disabled: !d.from || !d.to, children: "Apply" })
+        /* @__PURE__ */ s("div", { className: "mt-3 flex items-center justify-between border-t border-card-border pt-3", children: [
+          /* @__PURE__ */ e("span", { className: "text-sm text-ink-secondary", children: u.from && u.to ? `${A(u.from)} - ${A(u.to)}` : "Select a range" }),
+          /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ e(B, { variant: "cancel", size: "sm", onClick: () => f(!1), children: "Cancel" }),
+            /* @__PURE__ */ e(B, { variant: "primary", size: "sm", onClick: g, disabled: !u.from || !u.to, children: "Apply" })
           ] })
         ] })
       ] })
     ] })
   ] }) });
 }
-function Pr({
-  label: n,
+function et({
+  label: t,
   required: r,
-  error: s,
+  error: n,
   options: a,
   value: i,
-  onChange: l,
-  placeholder: f = "Select...",
-  searchable: h = !0,
-  disabled: c,
-  className: m
+  onChange: c,
+  placeholder: l = "Select...",
+  searchable: f = !0,
+  disabled: o,
+  className: d
 }) {
-  const [d, x] = v.useState(!1), [y, D] = v.useState(""), O = v.useRef(null);
-  v.useEffect(() => {
-    function C(T) {
-      O.current && !O.current.contains(T.target) && x(!1);
+  const [u, m] = b.useState(!1), [v, C] = b.useState(""), N = b.useRef(null);
+  b.useEffect(() => {
+    function y(z) {
+      N.current && !N.current.contains(z.target) && m(!1);
     }
-    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
   }, []);
-  const j = h && y ? a.filter((C) => C.label.toLowerCase().includes(y.toLowerCase())) : a, _ = a.find((C) => C.value === i);
-  return /* @__PURE__ */ e.jsx(U, { label: n, required: r, error: s, className: m, children: /* @__PURE__ */ e.jsxs("div", { ref: O, className: "relative", children: [
-    /* @__PURE__ */ e.jsxs(
+  const x = f && v ? a.filter((y) => y.label.toLowerCase().includes(v.toLowerCase())) : a, w = a.find((y) => y.value === i);
+  return /* @__PURE__ */ e(L, { label: t, required: r, error: n, className: d, children: /* @__PURE__ */ s("div", { ref: N, className: "relative", children: [
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        disabled: c,
-        onClick: () => x((C) => !C),
-        className: b(
+        disabled: o,
+        onClick: () => m((y) => !y),
+        className: h(
           "flex h-10 w-full items-center justify-between rounded-md border bg-input px-3 text-sm text-left",
           "focus:outline-none focus:ring-2 focus:ring-accent/40 disabled:opacity-50",
-          s ? "border-status-offline" : "border-card-border",
-          _ ? "text-ink-primary" : "text-ink-muted"
+          n ? "border-status-offline" : "border-card-border",
+          w ? "text-ink-primary" : "text-ink-muted"
         ),
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "truncate", children: (_ == null ? void 0 : _.label) ?? f }),
-          /* @__PURE__ */ e.jsx(tt, { size: 16, className: b("shrink-0 text-ink-muted transition-transform", d && "rotate-180") })
+          /* @__PURE__ */ e("span", { className: "truncate", children: (w == null ? void 0 : w.label) ?? l }),
+          /* @__PURE__ */ e(Q, { size: 16, className: h("shrink-0 text-ink-muted transition-transform", u && "rotate-180") })
         ]
       }
     ),
-    d && /* @__PURE__ */ e.jsxs("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
-      h && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 border-b border-card-border px-3 py-2", children: [
-        /* @__PURE__ */ e.jsx(he, { size: 14, className: "text-ink-muted" }),
-        /* @__PURE__ */ e.jsx(
+    u && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
+      f && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-card-border px-3 py-2", children: [
+        /* @__PURE__ */ e(P, { size: 14, className: "text-ink-muted" }),
+        /* @__PURE__ */ e(
           "input",
           {
             autoFocus: !0,
-            value: y,
-            onChange: (C) => D(C.target.value),
+            value: v,
+            onChange: (y) => C(y.target.value),
             placeholder: "Search...",
             className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none"
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs("ul", { className: "max-h-56 overflow-y-auto py-1", role: "listbox", children: [
-        j.length === 0 && /* @__PURE__ */ e.jsx("li", { className: "px-3 py-2 text-sm text-ink-muted", children: "No options" }),
-        j.map((C) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ s("ul", { className: "max-h-56 overflow-y-auto py-1", role: "listbox", children: [
+        x.length === 0 && /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-ink-muted", children: "No options" }),
+        x.map((y) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            disabled: C.disabled,
+            disabled: y.disabled,
             onClick: () => {
-              l(C.value), x(!1), D("");
+              c(y.value), m(!1), C("");
             },
-            className: b(
+            className: h(
               "flex w-full items-center justify-between px-3 py-2 text-left text-sm hover:bg-accent-muted disabled:opacity-40",
-              C.value === i ? "text-accent" : "text-ink-primary"
+              y.value === i ? "text-accent" : "text-ink-primary"
             ),
             children: [
-              C.label,
-              C.value === i && /* @__PURE__ */ e.jsx(et, { size: 14 })
+              y.label,
+              y.value === i && /* @__PURE__ */ e(_, { size: 14 })
             ]
           }
-        ) }, C.value))
+        ) }, y.value))
       ] })
     ] })
   ] }) });
 }
-function Or({
-  items: n,
+function tt({
+  items: t,
   onChange: r,
-  createItem: s,
+  createItem: n,
   renderRow: a,
   addLabel: i = "Add row",
-  minRows: l = 0,
-  className: f
+  minRows: c = 0,
+  className: l
 }) {
-  function h(m, d) {
-    const x = n.slice();
-    x[m] = { ...x[m], ...d }, r(x);
+  function f(d, u) {
+    const m = t.slice();
+    m[d] = { ...m[d], ...u }, r(m);
   }
-  function c(m) {
-    r(n.filter((d, x) => x !== m));
+  function o(d) {
+    r(t.filter((u, m) => m !== d));
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: b("flex flex-col gap-2", f), children: [
-    n.map((m, d) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: a(m, d, (x) => h(d, x)) }),
-      /* @__PURE__ */ e.jsx(
-        B,
+  return /* @__PURE__ */ s("div", { className: h("flex flex-col gap-2", l), children: [
+    t.map((d, u) => /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: a(d, u, (m) => f(u, m)) }),
+      /* @__PURE__ */ e(
+        S,
         {
-          icon: /* @__PURE__ */ e.jsx(or, { size: 16 }),
+          icon: /* @__PURE__ */ e(Be, { size: 16 }),
           label: "Remove row",
           variant: "danger",
           size: "sm",
-          disabled: n.length <= l,
-          onClick: () => c(d)
+          disabled: t.length <= c,
+          onClick: () => o(u)
         }
       )
-    ] }, d)),
-    /* @__PURE__ */ e.jsx(F, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ e.jsx(st, { size: 14 }), onClick: () => r([...n, s()]), className: "self-start", children: i })
+    ] }, u)),
+    /* @__PURE__ */ e(B, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ e(X, { size: 14 }), onClick: () => r([...t, n()]), className: "self-start", children: i })
   ] });
 }
-function Dr({ open: n, onSearch: r, onClear: s, children: a, className: i }) {
-  return n ? /* @__PURE__ */ e.jsxs(
+function rt({ open: t, onSearch: r, onClear: n, children: a, className: i }) {
+  return t ? /* @__PURE__ */ s(
     "div",
     {
-      className: b(
+      className: h(
         "z-20 w-full max-w-md rounded-lg border border-card-border bg-card p-4 shadow-lg",
         i
       ),
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: a }),
-        /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-end gap-2 border-t border-card-border pt-3", children: [
-          /* @__PURE__ */ e.jsx(F, { variant: "cancel", size: "sm", onClick: s, children: "Clear filters" }),
-          /* @__PURE__ */ e.jsx(F, { variant: "primary", size: "sm", onClick: r, children: "Search" })
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: a }),
+        /* @__PURE__ */ s("div", { className: "mt-4 flex items-center justify-end gap-2 border-t border-card-border pt-3", children: [
+          /* @__PURE__ */ e(B, { variant: "cancel", size: "sm", onClick: n, children: "Clear filters" }),
+          /* @__PURE__ */ e(B, { variant: "primary", size: "sm", onClick: r, children: "Search" })
         ] })
       ]
     }
   ) : null;
 }
-const br = v.forwardRef(
-  ({ label: n = "Add", className: r, ...s }, a) => /* @__PURE__ */ e.jsx(
+const Oe = b.forwardRef(
+  ({ label: t = "Add", className: r, ...n }, a) => /* @__PURE__ */ e(
     "button",
     {
       ref: a,
-      "aria-label": n,
-      title: n,
-      className: b(
+      "aria-label": t,
+      title: t,
+      className: h(
         "fixed bottom-6 right-6 z-40 flex h-14 w-14 items-center justify-center rounded-full",
         "bg-accent text-white shadow-lg hover:brightness-110 active:scale-95",
         "transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50",
         r
       ),
-      ...s,
-      children: /* @__PURE__ */ e.jsx(st, { size: 24, strokeWidth: 2.5 })
+      ...n,
+      children: /* @__PURE__ */ e(X, { size: 24, strokeWidth: 2.5 })
     }
   )
 );
-br.displayName = "FloatingAddButton";
-function zr({
-  open: n,
+Oe.displayName = "FloatingAddButton";
+function nt({
+  open: t,
   onClose: r,
-  onSubmit: s,
+  onSubmit: n,
   title: a,
   size: i = "md",
-  submitLabel: l = "Ok",
-  cancelLabel: f = "Close",
-  submitting: h,
-  submitDisabled: c,
-  children: m
+  submitLabel: c = "Ok",
+  cancelLabel: l = "Close",
+  submitting: f,
+  submitDisabled: o,
+  children: d
 }) {
-  return /* @__PURE__ */ e.jsx(
-    pe,
+  return /* @__PURE__ */ e(
+    R,
     {
-      open: n,
+      open: t,
       onClose: r,
       title: a,
       size: i,
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(F, { variant: "cancel", onClick: r, disabled: h, children: f }),
-        /* @__PURE__ */ e.jsx(F, { variant: "primary", onClick: s, loading: h, disabled: c, children: l })
+      footer: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(B, { variant: "cancel", onClick: r, disabled: f, children: l }),
+        /* @__PURE__ */ e(B, { variant: "primary", onClick: n, loading: f, disabled: o, children: c })
       ] }),
-      children: /* @__PURE__ */ e.jsx(
+      children: /* @__PURE__ */ e(
         "form",
         {
-          onSubmit: (d) => {
-            d.preventDefault(), s();
+          onSubmit: (u) => {
+            u.preventDefault(), n();
           },
           className: "flex flex-col gap-4",
-          children: m
+          children: d
         }
       )
     }
   );
 }
-const pr = v.forwardRef(
-  ({ label: n, required: r, error: s, hint: a, icon: i, id: l, className: f, ...h }, c) => {
-    const m = l ?? v.useId();
-    return /* @__PURE__ */ e.jsx(U, { label: n, htmlFor: m, required: r, error: s, hint: a, children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-      i && /* @__PURE__ */ e.jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-ink-muted", children: i }),
-      /* @__PURE__ */ e.jsx(
+const Pe = b.forwardRef(
+  ({ label: t, required: r, error: n, hint: a, icon: i, id: c, className: l, ...f }, o) => {
+    const d = c ?? b.useId();
+    return /* @__PURE__ */ e(L, { label: t, htmlFor: d, required: r, error: n, hint: a, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+      i && /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-ink-muted", children: i }),
+      /* @__PURE__ */ e(
         "input",
         {
-          ref: c,
-          id: m,
-          className: b(
+          ref: o,
+          id: d,
+          className: h(
             "h-10 w-full rounded-md border bg-input px-3 text-sm text-ink-primary placeholder:text-ink-muted",
             "focus:outline-none focus:ring-2 focus:ring-accent/40",
-            s ? "border-status-offline" : "border-card-border",
+            n ? "border-status-offline" : "border-card-border",
             i && "pl-9",
-            f
+            l
           ),
-          "aria-invalid": !!s,
-          ...h
+          "aria-invalid": !!n,
+          ...f
         }
       )
     ] }) });
   }
 );
-pr.displayName = "InputField";
-function Ar({
-  label: n,
+Pe.displayName = "InputField";
+function at({
+  label: t,
   required: r,
-  error: s,
+  error: n,
   options: a,
   value: i,
-  onChange: l,
-  placeholder: f = "Select...",
-  className: h
+  onChange: c,
+  placeholder: l = "Select...",
+  className: f
 }) {
-  const [c, m] = v.useState(!1), [d, x] = v.useState(""), y = v.useRef(null);
-  v.useEffect(() => {
-    function j(_) {
-      y.current && !y.current.contains(_.target) && m(!1);
+  const [o, d] = b.useState(!1), [u, m] = b.useState(""), v = b.useRef(null);
+  b.useEffect(() => {
+    function x(w) {
+      v.current && !v.current.contains(w.target) && d(!1);
     }
-    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
   }, []);
-  const D = d ? a.filter((j) => j.label.toLowerCase().includes(d.toLowerCase())) : a;
-  function O(j) {
-    l(i.includes(j) ? i.filter((_) => _ !== j) : [...i, j]);
+  const C = u ? a.filter((x) => x.label.toLowerCase().includes(u.toLowerCase())) : a;
+  function N(x) {
+    c(i.includes(x) ? i.filter((w) => w !== x) : [...i, x]);
   }
-  return /* @__PURE__ */ e.jsx(U, { label: n, required: r, error: s, className: h, children: /* @__PURE__ */ e.jsxs("div", { ref: y, className: "relative", children: [
-    /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e(L, { label: t, required: r, error: n, className: f, children: /* @__PURE__ */ s("div", { ref: v, className: "relative", children: [
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        onClick: () => m((j) => !j),
-        className: b(
+        onClick: () => d((x) => !x),
+        className: h(
           "flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-md border bg-input px-2 py-1.5 text-left",
           "focus:outline-none focus:ring-2 focus:ring-accent/40",
-          s ? "border-status-offline" : "border-card-border"
+          n ? "border-status-offline" : "border-card-border"
         ),
         children: [
-          i.length === 0 && /* @__PURE__ */ e.jsx("span", { className: "px-1 text-sm text-ink-muted", children: f }),
-          i.map((j) => {
-            const _ = a.find((C) => C.value === j);
-            return /* @__PURE__ */ e.jsxs(
+          i.length === 0 && /* @__PURE__ */ e("span", { className: "px-1 text-sm text-ink-muted", children: l }),
+          i.map((x) => {
+            const w = a.find((y) => y.value === x);
+            return /* @__PURE__ */ s(
               "span",
               {
                 className: "inline-flex items-center gap-1 rounded bg-tag px-2 py-0.5 text-xs text-tag border border-tag-border",
                 children: [
-                  (_ == null ? void 0 : _.label) ?? j,
-                  /* @__PURE__ */ e.jsx(
-                    se,
+                  (w == null ? void 0 : w.label) ?? x,
+                  /* @__PURE__ */ e(
+                    D,
                     {
                       size: 12,
                       className: "cursor-pointer hover:text-status-offline",
-                      onClick: (C) => {
-                        C.stopPropagation(), O(j);
+                      onClick: (y) => {
+                        y.stopPropagation(), N(x);
                       }
                     }
                   )
                 ]
               },
-              j
+              x
             );
           }),
-          /* @__PURE__ */ e.jsx(tt, { size: 16, className: b("ml-auto shrink-0 text-ink-muted transition-transform", c && "rotate-180") })
+          /* @__PURE__ */ e(Q, { size: 16, className: h("ml-auto shrink-0 text-ink-muted transition-transform", o && "rotate-180") })
         ]
       }
     ),
-    c && /* @__PURE__ */ e.jsxs("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 border-b border-card-border px-3 py-2", children: [
-        /* @__PURE__ */ e.jsx(he, { size: 14, className: "text-ink-muted" }),
-        /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ s("div", { className: "absolute z-20 mt-1 w-full overflow-hidden rounded-md border border-card-border bg-card shadow-lg", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-card-border px-3 py-2", children: [
+        /* @__PURE__ */ e(P, { size: 14, className: "text-ink-muted" }),
+        /* @__PURE__ */ e(
           "input",
           {
             autoFocus: !0,
-            value: d,
-            onChange: (j) => x(j.target.value),
+            value: u,
+            onChange: (x) => m(x.target.value),
             placeholder: "Search...",
             className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none"
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs("ul", { className: "max-h-56 overflow-y-auto py-1", role: "listbox", children: [
-        D.length === 0 && /* @__PURE__ */ e.jsx("li", { className: "px-3 py-2 text-sm text-ink-muted", children: "No options" }),
-        D.map((j) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs("label", { className: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-sm hover:bg-accent-muted", children: [
-          /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ s("ul", { className: "max-h-56 overflow-y-auto py-1", role: "listbox", children: [
+        C.length === 0 && /* @__PURE__ */ e("li", { className: "px-3 py-2 text-sm text-ink-muted", children: "No options" }),
+        C.map((x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s("label", { className: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-sm hover:bg-accent-muted", children: [
+          /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              checked: i.includes(j.value),
-              onChange: () => O(j.value),
+              checked: i.includes(x.value),
+              onChange: () => N(x.value),
               className: "h-3.5 w-3.5 rounded border-card-border accent-[var(--accent-primary)]"
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: "text-ink-primary", children: j.label })
-        ] }) }, j.value))
+          /* @__PURE__ */ e("span", { className: "text-ink-primary", children: x.label })
+        ] }) }, x.value))
       ] })
     ] })
   ] }) });
 }
-function Lr({ page: n, pageSize: r, total: s, onPageChange: a, className: i }) {
-  const l = Math.max(1, Math.ceil(s / r)), f = s === 0 ? 0 : (n - 1) * r + 1, h = Math.min(s, n * r);
-  return /* @__PURE__ */ e.jsxs("nav", { className: b("flex items-center gap-2 text-sm text-ink-secondary", i), "aria-label": "Pagination", children: [
-    /* @__PURE__ */ e.jsx(
+function it({ page: t, pageSize: r, total: n, onPageChange: a, className: i }) {
+  const c = Math.max(1, Math.ceil(n / r)), l = n === 0 ? 0 : (t - 1) * r + 1, f = Math.min(n, t * r);
+  return /* @__PURE__ */ s("nav", { className: h("flex items-center gap-2 text-sm text-ink-secondary", i), "aria-label": "Pagination", children: [
+    /* @__PURE__ */ e(
       "button",
       {
-        onClick: () => a(Math.max(1, n - 1)),
-        disabled: n === 1,
+        onClick: () => a(Math.max(1, t - 1)),
+        disabled: t === 1,
         "aria-label": "Previous page",
         className: "flex h-7 w-7 items-center justify-center rounded text-ink-secondary hover:bg-accent-muted disabled:opacity-40",
-        children: /* @__PURE__ */ e.jsx(rt, { size: 16 })
+        children: /* @__PURE__ */ e(Z, { size: 16 })
       }
     ),
-    /* @__PURE__ */ e.jsxs("span", { children: [
-      f,
+    /* @__PURE__ */ s("span", { children: [
+      l,
       "-",
-      h,
+      f,
       " of ",
-      s
+      n
     ] }),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e(
       "button",
       {
-        onClick: () => a(Math.min(l, n + 1)),
-        disabled: n >= l,
+        onClick: () => a(Math.min(c, t + 1)),
+        disabled: t >= c,
         "aria-label": "Next page",
         className: "flex h-7 w-7 items-center justify-center rounded text-ink-secondary hover:bg-accent-muted disabled:opacity-40",
-        children: /* @__PURE__ */ e.jsx(nt, { size: 16 })
+        children: /* @__PURE__ */ e(J, { size: 16 })
       }
     )
   ] });
 }
-function Fr({ title: n, actions: r, className: s, children: a, ...i }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: b("rounded-lg border border-card-border bg-card", s), ...i, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between border-b border-card-border px-4 py-3", children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "font-secondary text-sm font-semibold text-ink-primary", children: n }),
-      r && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: r })
+function st({ title: t, actions: r, className: n, children: a, ...i }) {
+  return /* @__PURE__ */ s("div", { className: h("rounded-lg border border-card-border bg-card", n), ...i, children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-4 py-3", children: [
+      /* @__PURE__ */ e("h3", { className: "font-secondary text-sm font-semibold text-ink-primary", children: t }),
+      r && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: r })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "p-4", children: a })
+    /* @__PURE__ */ e("div", { className: "p-4", children: a })
   ] });
 }
-const vr = v.forwardRef(
-  ({ label: n, required: r, error: s, hint: a, id: i, className: l, ...f }, h) => {
-    const [c, m] = v.useState(!1), d = i ?? v.useId();
-    return /* @__PURE__ */ e.jsx(U, { label: n, htmlFor: d, required: r, error: s, hint: a, children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ e.jsx(
+const Ee = b.forwardRef(
+  ({ label: t, required: r, error: n, hint: a, id: i, className: c, ...l }, f) => {
+    const [o, d] = b.useState(!1), u = i ?? b.useId();
+    return /* @__PURE__ */ e(L, { label: t, htmlFor: u, required: r, error: n, hint: a, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
         "input",
         {
-          ref: h,
-          id: d,
-          type: c ? "text" : "password",
-          className: b(
+          ref: f,
+          id: u,
+          type: o ? "text" : "password",
+          className: h(
             "h-10 w-full rounded-md border bg-input pl-3 pr-10 text-sm text-ink-primary placeholder:text-ink-muted",
             "focus:outline-none focus:ring-2 focus:ring-accent/40",
-            s ? "border-status-offline" : "border-card-border",
-            l
+            n ? "border-status-offline" : "border-card-border",
+            c
           ),
-          "aria-invalid": !!s,
-          ...f
+          "aria-invalid": !!n,
+          ...l
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => m((x) => !x),
-          "aria-label": c ? "Hide password" : "Show password",
+          onClick: () => d((m) => !m),
+          "aria-label": o ? "Hide password" : "Show password",
           className: "absolute right-3 top-1/2 -translate-y-1/2 text-ink-muted hover:text-ink-primary",
-          children: c ? /* @__PURE__ */ e.jsx(tr, { size: 16 }) : /* @__PURE__ */ e.jsx(rr, { size: 16 })
+          children: o ? /* @__PURE__ */ e(ve, { size: 16 }) : /* @__PURE__ */ e(ye, { size: 16 })
         }
       )
     ] }) });
   }
 );
-vr.displayName = "PasswordInput";
-function gr(n) {
+Ee.displayName = "PasswordInput";
+function Re(t) {
   let r = 0;
-  return n.length >= 8 && r++, n.length >= 12 && r++, /[A-Z]/.test(n) && /[a-z]/.test(n) && r++, /\d/.test(n) && r++, /[^A-Za-z0-9]/.test(n) && r++, r <= 1 ? { score: r, label: "Weak", tone: "bg-status-offline" } : r <= 3 ? { score: r, label: "Medium", tone: "bg-status-warn" } : { score: r, label: "Strong", tone: "bg-status-online" };
+  return t.length >= 8 && r++, t.length >= 12 && r++, /[A-Z]/.test(t) && /[a-z]/.test(t) && r++, /\d/.test(t) && r++, /[^A-Za-z0-9]/.test(t) && r++, r <= 1 ? { score: r, label: "Weak", tone: "bg-status-offline" } : r <= 3 ? { score: r, label: "Medium", tone: "bg-status-warn" } : { score: r, label: "Strong", tone: "bg-status-online" };
 }
-function Ir({ password: n, className: r }) {
-  const { score: s, label: a, tone: i } = gr(n), l = Math.min(s / 5 * 100, 100);
-  return n ? /* @__PURE__ */ e.jsxs("div", { className: b("mt-2", r), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-card-border", children: /* @__PURE__ */ e.jsx("div", { className: b("h-full rounded-full transition-all duration-200", i), style: { width: `${l}%` } }) }),
-    /* @__PURE__ */ e.jsxs("p", { className: "mt-1 text-xs text-ink-secondary", children: [
+function ct({ password: t, className: r }) {
+  const { score: n, label: a, tone: i } = Re(t), c = Math.min(n / 5 * 100, 100);
+  return t ? /* @__PURE__ */ s("div", { className: h("mt-2", r), children: [
+    /* @__PURE__ */ e("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-card-border", children: /* @__PURE__ */ e("div", { className: h("h-full rounded-full transition-all duration-200", i), style: { width: `${c}%` } }) }),
+    /* @__PURE__ */ s("p", { className: "mt-1 text-xs text-ink-secondary", children: [
       "Strength: ",
       a
     ] })
   ] }) : null;
 }
-const yr = v.forwardRef(
-  ({ value: n, onChange: r, onFilterClick: s, placeholder: a = "Search Data", className: i, ...l }, f) => /* @__PURE__ */ e.jsxs(
+const Fe = b.forwardRef(
+  ({ value: t, onChange: r, onFilterClick: n, placeholder: a = "Search Data", className: i, ...c }, l) => /* @__PURE__ */ s(
     "div",
     {
-      className: b(
+      className: h(
         "flex h-10 w-full items-center gap-2 rounded-md border border-card-border bg-input px-3",
         "focus-within:ring-2 focus-within:ring-accent/40",
         i
       ),
       children: [
-        /* @__PURE__ */ e.jsx(he, { size: 16, className: "shrink-0 text-ink-muted" }),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(P, { size: 16, className: "shrink-0 text-ink-muted" }),
+        /* @__PURE__ */ e(
           "input",
           {
-            ref: f,
-            value: n,
-            onChange: (h) => r(h.target.value),
+            ref: l,
+            value: t,
+            onChange: (f) => r(f.target.value),
             placeholder: a,
             className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none",
-            ...l
+            ...c
           }
         ),
-        n && /* @__PURE__ */ e.jsx("button", { type: "button", "aria-label": "Clear search", onClick: () => r(""), className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e.jsx(se, { size: 14 }) }),
-        s && /* @__PURE__ */ e.jsx("button", { type: "button", "aria-label": "Filters", onClick: s, className: "text-ink-muted hover:text-accent", children: /* @__PURE__ */ e.jsx(at, { size: 16 }) })
+        t && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Clear search", onClick: () => r(""), className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(D, { size: 14 }) }),
+        n && /* @__PURE__ */ e("button", { type: "button", "aria-label": "Filters", onClick: n, className: "text-ink-muted hover:text-accent", children: /* @__PURE__ */ e(K, { size: 16 }) })
       ]
     }
   )
 );
-yr.displayName = "SearchBox";
-function jr({ open: n, onClose: r, title: s, width: a = "480px", children: i, className: l }) {
-  return v.useEffect(() => {
-    if (!n) return;
-    function f(h) {
-      h.key === "Escape" && r();
-    }
-    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [n, r]), n ? Xe(
-    /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-black/50", onClick: r, "aria-hidden": !0 }),
-      /* @__PURE__ */ e.jsxs(
+Fe.displayName = "SearchBox";
+function Ie({ open: t, onClose: r, title: n, width: a = "480px", children: i, className: c }) {
+  return b.useEffect(() => {
+    if (!t) return;
+    function l(f) {
+      f.key === "Escape" && r();
+    }
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [t, r]), t ? H(
+    /* @__PURE__ */ s("div", { className: "fixed inset-0 z-50", children: [
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/50", onClick: r, "aria-hidden": !0 }),
+      /* @__PURE__ */ s(
         "div",
         {
           role: "dialog",
           "aria-modal": "true",
           style: { width: a },
-          className: b(
+          className: h(
             "absolute right-0 top-0 flex h-full max-w-full flex-col border-l border-card-border bg-card shadow-xl",
-            l
+            c
           ),
           children: [
-            s && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between border-b border-card-border px-5 py-4", children: [
-              /* @__PURE__ */ e.jsx("h2", { className: "font-secondary text-base font-semibold text-ink-primary", children: s }),
-              /* @__PURE__ */ e.jsx("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e.jsx(se, { size: 18 }) })
+            n && /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-5 py-4", children: [
+              /* @__PURE__ */ e("h2", { className: "font-secondary text-base font-semibold text-ink-primary", children: n }),
+              /* @__PURE__ */ e("button", { onClick: r, "aria-label": "Close", className: "text-ink-muted hover:text-ink-primary", children: /* @__PURE__ */ e(D, { size: 18 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: i })
+            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: i })
           ]
         }
       )
@@ -1947,24 +1322,24 @@ function jr({ open: n, onClose: r, title: s, width: a = "480px", children: i, cl
     document.body
   ) : null;
 }
-function $r({ start: n, end: r, className: s, ...a }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: b("flex flex-wrap items-center justify-between gap-3 py-2", s), ...a, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "flex flex-1 items-center gap-2", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1.5", children: r })
+function lt({ start: t, end: r, className: n, ...a }) {
+  return /* @__PURE__ */ s("div", { className: h("flex flex-wrap items-center justify-between gap-3 py-2", n), ...a, children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-1 items-center gap-2", children: t }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: r })
   ] });
 }
-function kr({ items: n, value: r, onChange: s, className: a }) {
-  return /* @__PURE__ */ e.jsx("div", { role: "tablist", className: b("flex items-center gap-1 border-b border-card-border", a), children: n.map((i) => {
-    const l = i.value === r;
-    return /* @__PURE__ */ e.jsxs(
+function qe({ items: t, value: r, onChange: n, className: a }) {
+  return /* @__PURE__ */ e("div", { role: "tablist", className: h("flex items-center gap-1 border-b border-card-border", a), children: t.map((i) => {
+    const c = i.value === r;
+    return /* @__PURE__ */ s(
       "button",
       {
         role: "tab",
-        "aria-selected": l,
-        onClick: () => s(i.value),
-        className: b(
+        "aria-selected": c,
+        onClick: () => n(i.value),
+        className: h(
           "flex items-center gap-1.5 border-b-2 px-4 py-2 text-sm font-medium transition-colors",
-          l ? "border-accent text-accent" : "border-transparent text-ink-secondary hover:text-ink-primary"
+          c ? "border-accent text-accent" : "border-transparent text-ink-secondary hover:text-ink-primary"
         ),
         children: [
           i.icon,
@@ -1975,20 +1350,20 @@ function kr({ items: n, value: r, onChange: s, className: a }) {
     );
   }) });
 }
-function Yr({ options: n, value: r, onChange: s, className: a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: b("inline-flex overflow-hidden rounded-md border border-card-border", a), role: "tablist", children: n.map((i, l) => {
-    const f = i.value === r;
-    return /* @__PURE__ */ e.jsx(
+function ot({ options: t, value: r, onChange: n, className: a }) {
+  return /* @__PURE__ */ e("div", { className: h("inline-flex overflow-hidden rounded-md border border-card-border", a), role: "tablist", children: t.map((i, c) => {
+    const l = i.value === r;
+    return /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": f,
-        onClick: () => s(i.value),
-        className: b(
+        "aria-selected": l,
+        onClick: () => n(i.value),
+        className: h(
           "h-9 px-4 text-sm font-medium transition-colors",
-          l === 0 ? "border-r border-card-border" : "",
-          f ? "bg-accent text-white" : "bg-input text-ink-secondary hover:bg-accent-muted"
+          c === 0 ? "border-r border-card-border" : "",
+          l ? "bg-accent text-white" : "bg-input text-ink-secondary hover:bg-accent-muted"
         ),
         children: i.label
       },
@@ -1996,82 +1371,82 @@ function Yr({ options: n, value: r, onChange: s, className: a }) {
     );
   }) });
 }
-function Wr({ logo: n, children: r, className: s }) {
-  return /* @__PURE__ */ e.jsx("div", { className: b("flex min-h-screen items-center justify-center bg-canvas px-4", s), children: /* @__PURE__ */ e.jsxs("div", { className: "w-full max-w-md", children: [
-    n && /* @__PURE__ */ e.jsx("div", { className: "mb-8 flex justify-center", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "rounded-lg border border-card-border bg-card p-8 shadow-lg", children: r })
+function dt({ logo: t, children: r, className: n }) {
+  return /* @__PURE__ */ e("div", { className: h("flex min-h-screen items-center justify-center bg-canvas px-4", n), children: /* @__PURE__ */ s("div", { className: "w-full max-w-md", children: [
+    t && /* @__PURE__ */ e("div", { className: "mb-8 flex justify-center", children: t }),
+    /* @__PURE__ */ e("div", { className: "rounded-lg border border-card-border bg-card p-8 shadow-lg", children: r })
   ] }) });
 }
-function Vr({ className: n, children: r, ...s }) {
-  return /* @__PURE__ */ e.jsx(
+function ut({ className: t, children: r, ...n }) {
+  return /* @__PURE__ */ e(
     "footer",
     {
-      className: b("border-t border-card-border px-6 py-3 text-xs text-ink-muted", n),
-      ...s,
+      className: h("border-t border-card-border px-6 py-3 text-xs text-ink-muted", t),
+      ...n,
       children: r ?? `© ${(/* @__PURE__ */ new Date()).getFullYear()} SLS — Software License System`
     }
   );
 }
-function qr({ title: n, search: r, profileMenu: s, actions: a, className: i }) {
-  return /* @__PURE__ */ e.jsxs(
+function ft({ title: t, search: r, profileMenu: n, actions: a, className: i }) {
+  return /* @__PURE__ */ s(
     "header",
     {
-      className: b(
+      className: h(
         "flex h-16 items-center justify-between gap-4 border-b border-topbar-border bg-chrome px-6",
         i
       ),
       children: [
-        /* @__PURE__ */ e.jsx("h1", { className: "font-secondary text-lg font-semibold text-ink-onchrome truncate", children: n }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center justify-end gap-4", children: [
-          r && /* @__PURE__ */ e.jsx("div", { className: "w-full max-w-sm", children: r }),
+        /* @__PURE__ */ e("h1", { className: "font-secondary text-lg font-semibold text-ink-onchrome truncate", children: t }),
+        /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-end gap-4", children: [
+          r && /* @__PURE__ */ e("div", { className: "w-full max-w-sm", children: r }),
           a,
-          s
+          n
         ] })
       ]
     }
   );
 }
-function Br({ sidebar: n, header: r, footer: s, children: a, className: i }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: b("flex h-screen w-full overflow-hidden bg-canvas", i), children: [
-    n,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+function mt({ sidebar: t, header: r, footer: n, children: a, className: i }) {
+  return /* @__PURE__ */ s("div", { className: h("flex h-screen w-full overflow-hidden bg-canvas", i), children: [
+    t,
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 flex-col", children: [
       r,
-      /* @__PURE__ */ e.jsx("main", { className: "flex-1 overflow-y-auto p-6", children: a }),
-      s
+      /* @__PURE__ */ e("main", { className: "flex-1 overflow-y-auto p-6", children: a }),
+      n
     ] })
   ] });
 }
-function Ur({ name: n, role: r, avatarUrl: s, onSignOut: a, actions: i = [], className: l }) {
-  const [f, h] = v.useState(!1), c = v.useRef(null);
-  return v.useEffect(() => {
-    function m(d) {
-      c.current && !c.current.contains(d.target) && h(!1);
-    }
-    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, []), /* @__PURE__ */ e.jsxs("div", { ref: c, className: b("relative", l), children: [
-    /* @__PURE__ */ e.jsx("button", { onClick: () => h((m) => !m), className: "flex items-center gap-2", "aria-label": "Open profile menu", children: s ? /* @__PURE__ */ e.jsx("img", { src: s, alt: "", className: "h-9 w-9 rounded-full object-cover" }) : /* @__PURE__ */ e.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-accent-muted text-accent", children: /* @__PURE__ */ e.jsx(lr, { size: 16 }) }) }),
-    f && /* @__PURE__ */ e.jsxs("div", { className: "absolute right-0 z-30 mt-2 w-56 rounded-lg border border-card-border bg-card p-4 shadow-lg", children: [
-      /* @__PURE__ */ e.jsx("p", { className: "font-secondary text-sm font-semibold text-ink-primary", children: n }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-xs text-ink-muted", children: r }),
-      i.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "mt-3 flex flex-col gap-1 border-t border-card-border pt-3", children: i.map((m) => /* @__PURE__ */ e.jsxs(
+function ht({ name: t, role: r, avatarUrl: n, onSignOut: a, actions: i = [], className: c }) {
+  const [l, f] = b.useState(!1), o = b.useRef(null);
+  return b.useEffect(() => {
+    function d(u) {
+      o.current && !o.current.contains(u.target) && f(!1);
+    }
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, []), /* @__PURE__ */ s("div", { ref: o, className: h("relative", c), children: [
+    /* @__PURE__ */ e("button", { onClick: () => f((d) => !d), className: "flex items-center gap-2", "aria-label": "Open profile menu", children: n ? /* @__PURE__ */ e("img", { src: n, alt: "", className: "h-9 w-9 rounded-full object-cover" }) : /* @__PURE__ */ e("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-accent-muted text-accent", children: /* @__PURE__ */ e(Me, { size: 16 }) }) }),
+    l && /* @__PURE__ */ s("div", { className: "absolute right-0 z-30 mt-2 w-56 rounded-lg border border-card-border bg-card p-4 shadow-lg", children: [
+      /* @__PURE__ */ e("p", { className: "font-secondary text-sm font-semibold text-ink-primary", children: t }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-ink-muted", children: r }),
+      i.length > 0 && /* @__PURE__ */ e("div", { className: "mt-3 flex flex-col gap-1 border-t border-card-border pt-3", children: i.map((d) => /* @__PURE__ */ s(
         "button",
         {
-          onClick: m.onClick,
+          onClick: d.onClick,
           className: "flex items-center gap-2 rounded px-2 py-1.5 text-left text-sm text-ink-primary hover:bg-accent-muted",
           children: [
-            m.icon,
-            m.label
+            d.icon,
+            d.label
           ]
         },
-        m.label
+        d.label
       )) }),
-      /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ s(
         "button",
         {
           onClick: a,
           className: "mt-2 flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm text-status-offline hover:bg-status-offline-bg",
           children: [
-            /* @__PURE__ */ e.jsx(sr, { size: 14 }),
+            /* @__PURE__ */ e(we, { size: 14 }),
             "Sign out"
           ]
         }
@@ -2079,158 +1454,376 @@ function Ur({ name: n, role: r, avatarUrl: s, onSignOut: a, actions: i = [], cla
     ] })
   ] });
 }
-function Hr({ items: n, collapsed: r, onCollapsedChange: s, logo: a, className: i }) {
-  return /* @__PURE__ */ e.jsxs(
+function bt({ items: t, collapsed: r, onCollapsedChange: n, logo: a, className: i }) {
+  return /* @__PURE__ */ s(
     "aside",
     {
-      className: b(
+      className: h(
         "flex h-full flex-col border-r border-sidebar-border bg-chrome-deep transition-all duration-200",
         r ? "w-16" : "w-56",
         i
       ),
       children: [
-        a && /* @__PURE__ */ e.jsx("div", { className: "flex h-16 items-center justify-center border-b border-sidebar-border", children: a }),
-        /* @__PURE__ */ e.jsx("nav", { className: "flex flex-1 flex-col gap-1 p-2", children: n.map((l) => /* @__PURE__ */ e.jsxs(
+        a && /* @__PURE__ */ e("div", { className: "flex h-16 items-center justify-center border-b border-sidebar-border", children: a }),
+        /* @__PURE__ */ e("nav", { className: "flex flex-1 flex-col gap-1 p-2", children: t.map((c) => /* @__PURE__ */ s(
           "button",
           {
-            onClick: l.onClick,
-            title: r ? l.label : void 0,
-            className: b(
+            onClick: c.onClick,
+            title: r ? c.label : void 0,
+            className: h(
               "flex items-center gap-3 rounded-md px-3 py-2.5 text-sm font-medium transition-colors",
-              l.active ? "border-l-2 bg-nav-active-bg text-ink-onchrome" : "text-icon-idle hover:bg-nav-active-bg hover:text-icon-active"
+              c.active ? "border-l-2 bg-nav-active-bg text-ink-onchrome" : "text-icon-idle hover:bg-nav-active-bg hover:text-icon-active"
             ),
-            style: l.active ? { borderColor: "var(--nav-active-border)" } : void 0,
+            style: c.active ? { borderColor: "var(--nav-active-border)" } : void 0,
             children: [
-              /* @__PURE__ */ e.jsx("span", { className: "shrink-0", children: l.icon }),
-              !r && /* @__PURE__ */ e.jsx("span", { className: "truncate", children: l.label })
+              /* @__PURE__ */ e("span", { className: "shrink-0", children: c.icon }),
+              !r && /* @__PURE__ */ e("span", { className: "truncate", children: c.label })
             ]
           },
-          l.key
+          c.key
         )) }),
-        s && /* @__PURE__ */ e.jsx(
+        n && /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => s(!r),
+            onClick: () => n(!r),
             className: "flex items-center justify-center border-t border-sidebar-border py-3 text-icon-idle hover:text-icon-active",
             "aria-label": r ? "Expand sidebar" : "Collapse sidebar",
-            children: r ? /* @__PURE__ */ e.jsx(nt, { size: 16 }) : /* @__PURE__ */ e.jsx(rt, { size: 16 })
+            children: r ? /* @__PURE__ */ e(J, { size: 16 }) : /* @__PURE__ */ e(Z, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Jr({ onOpen: n, className: r }) {
-  function s() {
-    if (n) return n();
+function xt({ onOpen: t, className: r }) {
+  function n() {
+    if (t) return t();
     const a = window.open("", "_blank");
     a && a.document.write("<title>SLS License Agent</title><body style='font-family:sans-serif;padding:40px'><h2>SLS AI License Agent</h2><p>The agent would open here.</p></body>");
   }
-  return /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e(
     "button",
     {
-      onClick: s,
+      onClick: n,
       "aria-label": "Open AI license agent",
       title: "AI License Agent",
-      className: b(
+      className: h(
         "fixed bottom-24 right-6 z-40 flex h-14 w-14 items-center justify-center rounded-full",
         "bg-accent-light text-white shadow-lg hover:brightness-110 active:scale-95 transition-all",
         r
       ),
-      children: /* @__PURE__ */ e.jsx(Xt, { size: 22 })
+      children: /* @__PURE__ */ e(he, { size: 22 })
     }
   );
 }
-function Gr({ title: n, loading: r, onReload: s, onExport: a, onFilter: i, children: l, className: f }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: b("flex flex-col rounded-lg border border-card-border bg-card", f), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between border-b border-card-border px-4 py-3", children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "font-secondary text-sm font-semibold text-ink-primary", children: n }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
-        i && /* @__PURE__ */ e.jsx(B, { icon: /* @__PURE__ */ e.jsx(at, { size: 14 }), label: "Filter", size: "sm", onClick: i }),
-        s && /* @__PURE__ */ e.jsx(B, { icon: /* @__PURE__ */ e.jsx(ir, { size: 14 }), label: "Reload", size: "sm", onClick: s }),
-        a && /* @__PURE__ */ e.jsx(B, { icon: /* @__PURE__ */ e.jsx(er, { size: 14 }), label: "Export", size: "sm", onClick: a })
+function pt({ title: t, loading: r, onReload: n, onExport: a, onFilter: i, children: c, className: l }) {
+  return /* @__PURE__ */ s("div", { className: h("flex flex-col rounded-lg border border-card-border bg-card", l), children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-card-border px-4 py-3", children: [
+      /* @__PURE__ */ e("h3", { className: "font-secondary text-sm font-semibold text-ink-primary", children: t }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+        i && /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(K, { size: 14 }), label: "Filter", size: "sm", onClick: i }),
+        n && /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(Ce, { size: 14 }), label: "Reload", size: "sm", onClick: n }),
+        a && /* @__PURE__ */ e(S, { icon: /* @__PURE__ */ e(ge, { size: 14 }), label: "Export", size: "sm", onClick: a })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "p-4", children: r ? /* @__PURE__ */ e.jsx(it, { label: "Loading widget..." }) : l })
+    /* @__PURE__ */ e("div", { className: "p-4", children: r ? /* @__PURE__ */ e(ee, { label: "Loading widget..." }) : c })
   ] });
 }
-const wr = [
+const We = [
   { value: "pdf", label: "Invoice PDF" },
   { value: "excel", label: "Renewal Excel" }
 ];
-function Xr({
-  open: n,
+function gt({
+  open: t,
   onClose: r,
-  customerEmail: s,
+  customerEmail: n,
   activeTab: a,
   onTabChange: i,
-  onSendEmail: l,
-  children: f
+  onSendEmail: c,
+  children: l
 }) {
-  return /* @__PURE__ */ e.jsx(jr, { open: n, onClose: r, title: "Invoice preview", width: "640px", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ e.jsx(kr, { items: wr, value: a, onChange: i }),
-    s && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between rounded-md bg-accent-muted px-3 py-2 text-sm", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-2 text-ink-secondary", children: [
-        /* @__PURE__ */ e.jsx(ar, { size: 14 }),
-        s
+  return /* @__PURE__ */ e(Ie, { open: t, onClose: r, title: "Invoice preview", width: "640px", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e(qe, { items: We, value: a, onChange: i }),
+    n && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-md bg-accent-muted px-3 py-2 text-sm", children: [
+      /* @__PURE__ */ s("span", { className: "flex items-center gap-2 text-ink-secondary", children: [
+        /* @__PURE__ */ e(Ne, { size: 14 }),
+        n
       ] }),
-      l && /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "secondary", onClick: l, children: "Send" })
+      c && /* @__PURE__ */ e(B, { size: "sm", variant: "secondary", onClick: c, children: "Send" })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "min-h-[60vh]", children: f })
+    /* @__PURE__ */ e("div", { className: "min-h-[60vh]", children: l })
   ] }) });
 }
-function Zr({ open: n, onClose: r, title: s = "Changes", fields: a }) {
-  return /* @__PURE__ */ e.jsx(pe, { open: n, onClose: r, title: s, size: "md", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 gap-2 text-sm", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "font-medium text-ink-secondary", children: "Field" }),
-    /* @__PURE__ */ e.jsx("div", { className: "font-medium text-ink-secondary", children: "Previous" }),
-    /* @__PURE__ */ e.jsx("div", { className: "font-medium text-ink-secondary", children: "Current" }),
-    a.map((i) => /* @__PURE__ */ e.jsxs(v.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "text-ink-primary", children: i.label }),
-      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-status-offline-bg px-2 py-1 text-status-offline", children: i.previous }),
-      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-status-online-bg px-2 py-1 text-status-online", children: i.current })
+function vt({ open: t, onClose: r, title: n = "Changes", fields: a }) {
+  return /* @__PURE__ */ e(R, { open: t, onClose: r, title: n, size: "md", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-3 gap-2 text-sm", children: [
+    /* @__PURE__ */ e("div", { className: "font-medium text-ink-secondary", children: "Field" }),
+    /* @__PURE__ */ e("div", { className: "font-medium text-ink-secondary", children: "Previous" }),
+    /* @__PURE__ */ e("div", { className: "font-medium text-ink-secondary", children: "Current" }),
+    a.map((i) => /* @__PURE__ */ s(b.Fragment, { children: [
+      /* @__PURE__ */ e("div", { className: "text-ink-primary", children: i.label }),
+      /* @__PURE__ */ e("div", { className: "rounded bg-status-offline-bg px-2 py-1 text-status-offline", children: i.previous }),
+      /* @__PURE__ */ e("div", { className: "rounded bg-status-online-bg px-2 py-1 text-status-online", children: i.current })
     ] }, i.label))
   ] }) });
 }
+const W = {
+  chromeBg: "--chrome-bg",
+  chromeDeep: "--chrome-deep",
+  canvasBg: "--canvas-bg",
+  cardBg: "--card-bg",
+  cardBorder: "--card-border",
+  accentPrimary: "--accent-primary",
+  accentLight: "--accent-light",
+  accentMutedBg: "--accent-muted-bg",
+  accentBorder: "--accent-border",
+  textPrimary: "--text-primary",
+  textSecondary: "--text-secondary",
+  textMuted: "--text-muted",
+  textOnChrome: "--text-on-chrome",
+  iconIdle: "--icon-idle",
+  iconActive: "--icon-active",
+  statusOnline: "--status-online",
+  statusOnlineBg: "--status-online-bg",
+  statusWarn: "--status-warn",
+  statusWarnBg: "--status-warn-bg",
+  statusOffline: "--status-offline",
+  statusOfflineBg: "--status-offline-bg",
+  liveBg: "--live-bg",
+  liveText: "--live-text",
+  sidebarBorder: "--sidebar-border",
+  topbarBorder: "--topbar-border",
+  navActiveBg: "--nav-active-bg",
+  navActiveBorder: "--nav-active-border",
+  tagBg: "--tag-bg",
+  tagText: "--tag-text",
+  tagBorder: "--tag-border",
+  inputBg: "--input-bg"
+}, re = {
+  "slate-navy": {
+    label: "Theme 1 — Slate Navy",
+    chromeBg: "#0d1b2e",
+    chromeDeep: "#0a1626",
+    canvasBg: "#f4f6f9",
+    cardBg: "#ffffff",
+    cardBorder: "#e2e8f0",
+    accentPrimary: "#1d4ed8",
+    accentLight: "#60a5fa",
+    accentMutedBg: "#eff6ff",
+    accentBorder: "#bfdbfe",
+    textPrimary: "#0d1b2e",
+    textSecondary: "#718096",
+    textMuted: "#a0aec0",
+    textOnChrome: "#e8edf5",
+    iconIdle: "#4b7bab",
+    iconActive: "#60a5fa",
+    statusOnline: "#1a9b5a",
+    statusOnlineBg: "#f0fdf4",
+    statusWarn: "#e07b00",
+    statusWarnBg: "#fffbeb",
+    statusOffline: "#c53030",
+    statusOfflineBg: "#fff5f5",
+    liveBg: "#eff6ff",
+    liveText: "#1d4ed8",
+    barColors: ["#1d4ed8", "#3b82f6", "#60a5fa", "#93c5fd", "#bfdbfe", "#dbeafe", "#eff6ff"],
+    sidebarBorder: "transparent",
+    topbarBorder: "transparent",
+    navActiveBg: "rgba(29,78,216,0.08)",
+    navActiveBorder: "#1d4ed8",
+    tagBg: "#eff6ff",
+    tagText: "#1d4ed8",
+    tagBorder: "#bfdbfe",
+    inputBg: "#f4f6f9"
+  },
+  "arctic-white": {
+    label: "Theme 2 — Arctic White",
+    chromeBg: "#ffffff",
+    chromeDeep: "#f8fafc",
+    canvasBg: "#f1f5f9",
+    cardBg: "#ffffff",
+    cardBorder: "#e2e8f0",
+    accentPrimary: "#2563eb",
+    accentLight: "#3b82f6",
+    accentMutedBg: "#eff6ff",
+    accentBorder: "#bfdbfe",
+    textPrimary: "#0f172a",
+    textSecondary: "#64748b",
+    textMuted: "#94a3b8",
+    textOnChrome: "#0f172a",
+    iconIdle: "#94a3b8",
+    iconActive: "#2563eb",
+    statusOnline: "#15803d",
+    statusOnlineBg: "#f0fdf4",
+    statusWarn: "#b45309",
+    statusWarnBg: "#fffbeb",
+    statusOffline: "#b91c1c",
+    statusOfflineBg: "#fef2f2",
+    liveBg: "#f0fdf4",
+    liveText: "#15803d",
+    barColors: ["#0ea5e9", "#38bdf8", "#7dd3fc", "#bae6fd", "#e0f2fe", "#f0f9ff", "#f8fafc"],
+    sidebarBorder: "#e2e8f0",
+    topbarBorder: "#e5e7eb",
+    navActiveBg: "#eff6ff",
+    navActiveBorder: "#2563eb",
+    tagBg: "#eff6ff",
+    tagText: "#2563eb",
+    tagBorder: "#bfdbfe",
+    inputBg: "#f8fafc"
+  },
+  "carbon-pro": {
+    label: "Theme 3 — Carbon Pro",
+    chromeBg: "#161b22",
+    chromeDeep: "#0d1117",
+    canvasBg: "#1c2128",
+    cardBg: "#21262d",
+    cardBorder: "#30363d",
+    accentPrimary: "#58a6ff",
+    accentLight: "#79c0ff",
+    accentMutedBg: "#0d2a1f",
+    accentBorder: "#30363d",
+    textPrimary: "#e6edf3",
+    textSecondary: "#c9d1d9",
+    textMuted: "#8b949e",
+    textOnChrome: "#e6edf3",
+    iconIdle: "#484f58",
+    iconActive: "#58a6ff",
+    statusOnline: "#34d399",
+    statusOnlineBg: "#0d2a1f",
+    statusWarn: "#fbbf24",
+    statusWarnBg: "#1f1a00",
+    statusOffline: "#f87171",
+    statusOfflineBg: "#1f0a0a",
+    liveBg: "#0d2a1f",
+    liveText: "#34d399",
+    barColors: ["#58a6ff", "#388bfd", "#1f6feb", "#0d419d", "#0a2d6e", "#071e4a", "#040f2b"],
+    sidebarBorder: "#21262d",
+    topbarBorder: "#30363d",
+    navActiveBg: "rgba(88,166,255,0.08)",
+    navActiveBorder: "#58a6ff",
+    tagBg: "#21262d",
+    tagText: "#58a6ff",
+    tagBorder: "#30363d",
+    inputBg: "#21262d"
+  },
+  "narnix-edge": {
+    label: "Theme 4 — Narnix Edge",
+    chromeBg: "#061828",
+    chromeDeep: "#040f1a",
+    canvasBg: "#0b1e30",
+    cardBg: "#112035",
+    cardBorder: "#1e3a55",
+    accentPrimary: "#00c9a7",
+    accentLight: "#00ddb8",
+    accentMutedBg: "#0a2240",
+    accentBorder: "#1e3a55",
+    textPrimary: "#daeaf8",
+    textSecondary: "#a8c4d9",
+    textMuted: "#4a7fa5",
+    textOnChrome: "#daeaf8",
+    iconIdle: "#2e5470",
+    iconActive: "#00c9a7",
+    statusOnline: "#00c9a7",
+    statusOnlineBg: "#072219",
+    statusWarn: "#f5a623",
+    statusWarnBg: "#1e1200",
+    statusOffline: "#e05252",
+    statusOfflineBg: "#1a0808",
+    liveBg: "#072219",
+    liveText: "#00c9a7",
+    barColors: ["#00ddb8", "#00c9a7", "#00b898", "#00a88a", "#018870", "#016a55", "#015a4a"],
+    sidebarBorder: "#0e2236",
+    topbarBorder: "#0e2236",
+    navActiveBg: "rgba(0,201,167,0.08)",
+    navActiveBorder: "#00c9a7",
+    tagBg: "#0a2240",
+    tagText: "#4a9ecf",
+    tagBorder: "#1e3a55",
+    inputBg: "#0b1e30"
+  }
+}, $e = "narnix-edge", ne = b.createContext(null);
+function Ye(t, r) {
+  const n = re[r];
+  Object.keys(W).forEach((a) => {
+    t.style.setProperty(W[a], n[a]);
+  }), n.barColors.forEach((a, i) => {
+    t.style.setProperty(`--bar-color-${i}`, a);
+  }), t.dataset.theme = r;
+}
+function yt({ theme: t, onThemeChange: r, children: n }) {
+  const [a, i] = b.useState(t ?? $e), c = t ?? a, l = b.useRef(null);
+  b.useEffect(() => {
+    l.current && Ye(l.current, c);
+  }, [c]);
+  const f = b.useCallback(
+    (d) => {
+      i(d), r == null || r(d);
+    },
+    [r]
+  ), o = b.useMemo(() => ({ theme: c, setTheme: f, themes: re }), [c, f]);
+  return /* @__PURE__ */ e(ne.Provider, { value: o, children: /* @__PURE__ */ e("div", { ref: l, "data-sls-theme-root": !0, children: n }) });
+}
+function He() {
+  const t = b.useContext(ne);
+  if (!t) throw new Error("useTheme must be used inside <ThemeProvider>");
+  return t;
+}
+function kt({ className: t }) {
+  const { theme: r, setTheme: n, themes: a } = He();
+  return /* @__PURE__ */ e(
+    "select",
+    {
+      value: r,
+      onChange: (i) => n(i.target.value),
+      className: h(
+        "rounded-md border border-card-border bg-input px-3 py-1.5 text-sm text-ink-primary",
+        "focus:outline-none focus:ring-2 focus:ring-accent/40",
+        t
+      ),
+      children: Object.keys(a).map((i) => /* @__PURE__ */ e("option", { value: i, children: a[i].label }, i))
+    }
+  );
+}
 export {
-  Wr as AuthLayout,
-  Rr as Badge,
-  F as Button,
-  qt as Card,
-  Zr as ChangesPreviewModal,
-  be as Checkbox,
-  Er as ColumnFilterDropdown,
-  Sr as ConfirmDialog,
-  _r as DataTable,
-  Tr as DatePicker,
-  Mr as DateRangePicker,
-  Pr as Dropdown,
-  Or as DynamicRowList,
-  Dr as FilterPanel,
-  br as FloatingAddButton,
-  Vr as Footer,
-  U as FormGroup,
-  zr as FormModal,
-  qr as Header,
-  B as IconButton,
-  pr as InputField,
-  Xr as InvoicePreviewModal,
-  Jr as LicenseAgentButton,
-  it as Loader,
-  Br as MainLayout,
-  pe as Modal,
-  Ar as MultiSelectDropdown,
-  Lr as Pagination,
-  Fr as Panel,
-  vr as PasswordInput,
-  Ir as PasswordStrengthMeter,
-  Ur as ProfileMenu,
-  Gr as ReportWidget,
-  Ue as RowSelectCheckbox,
-  yr as SearchBox,
-  Hr as Sidebar,
-  jr as SlideOverModal,
-  $r as TableToolbar,
-  kr as Tabs,
-  Yr as ToggleButtonGroup,
-  fr as ValidationMessage
+  dt as AuthLayout,
+  _e as Badge,
+  B as Button,
+  le as Card,
+  vt as ChangesPreviewModal,
+  E as Checkbox,
+  Qe as ColumnFilterDropdown,
+  Ze as ConfirmDialog,
+  Je as DataTable,
+  Xe as DatePicker,
+  Ke as DateRangePicker,
+  et as Dropdown,
+  tt as DynamicRowList,
+  rt as FilterPanel,
+  Oe as FloatingAddButton,
+  ut as Footer,
+  L as FormGroup,
+  nt as FormModal,
+  ft as Header,
+  S as IconButton,
+  Pe as InputField,
+  gt as InvoicePreviewModal,
+  xt as LicenseAgentButton,
+  ee as Loader,
+  mt as MainLayout,
+  R as Modal,
+  at as MultiSelectDropdown,
+  it as Pagination,
+  st as Panel,
+  Ee as PasswordInput,
+  ct as PasswordStrengthMeter,
+  ht as ProfileMenu,
+  pt as ReportWidget,
+  I as RowSelectCheckbox,
+  Fe as SearchBox,
+  bt as Sidebar,
+  Ie as SlideOverModal,
+  lt as TableToolbar,
+  qe as Tabs,
+  yt as ThemeProvider,
+  kt as ThemeSwitcher,
+  ot as ToggleButtonGroup,
+  Ae as ValidationMessage
 };