sls-ui-library 1.0.0

package/dist/sls-ui.es.js

@@ -0,0 +1,2236 @@
+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);
+  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);
+  return a;
+}
+function b(...n) {
+  return $t(n);
+}
+const Yt = {
+  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",
+  offline: "bg-status-offline-bg text-status-offline",
+  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(
+    "span",
+    {
+      className: b(
+        "inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-medium",
+        Yt[n],
+        r
+      ),
+      ...a,
+      children: s
+    }
+  );
+}
+const Wt = {
+  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",
+  ghost: "bg-transparent text-ink-primary hover:bg-accent-muted focus-visible:ring-accent/30",
+  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 = {
+  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(
+    "button",
+    {
+      ref: d,
+      disabled: f || i,
+      className: b(
+        "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
+      ),
+      ...m,
+      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 })
+      ]
+    }
+  )
+);
+F.displayName = "Button";
+const qt = v.forwardRef(
+  ({ padded: n = !0, className: r, children: s, ...a }, i) => /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: i,
+      className: b(
+        "rounded-lg border border-card-border bg-card shadow-md text-ink-primary",
+        n && "p-4",
+        r
+      ),
+      ...a,
+      children: s
+    }
+  )
+);
+qt.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(" ");
+/**
+ * @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 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @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 Ht = Ge(
+  ({
+    color: n = "currentColor",
+    size: r = 24,
+    strokeWidth: s = 2,
+    absoluteStrokeWidth: a,
+    className: i = "",
+    children: l,
+    iconNode: f,
+    ...h
+  }, c) => xe(
+    "svg",
+    {
+      ref: c,
+      ...Ut,
+      width: r,
+      height: r,
+      stroke: n,
+      strokeWidth: a ? Number(s) * 24 / Number(r) : s,
+      className: Qe("lucide", i),
+      ...h
+    },
+    [
+      ...f.map(([m, d]) => xe(m, d)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+/**
+ * @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 S = (n, r) => {
+  const s = Ge(
+    ({ className: a, ...i }, l) => xe(Ht, {
+      ref: l,
+      iconNode: r,
+      className: Qe(`lucide-${Bt(n)}`, a),
+      ...i
+    })
+  );
+  return s.displayName = `${n}`, s;
+};
+/**
+ * @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 Jt = S("ArrowDown", [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+]);
+/**
+ * @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 Be = S("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" }],
+  ["path", { d: "M7 4v16", key: "1glfcx" }]
+]);
+/**
+ * @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 Gt = S("ArrowUp", [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+]);
+/**
+ * @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 Xt = S("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" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+]);
+/**
+ * @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 Ke = S("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" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+]);
+/**
+ * @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 et = S("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", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+/**
+ * @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 Zt = S("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+/**
+ * @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 Qt = S("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+/**
+ * @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 rt = S("ChevronsLeft", [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+]);
+/**
+ * @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 nt = S("ChevronsRight", [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+]);
+/**
+ * @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 Kt = S("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" }]
+]);
+/**
+ * @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 er = S("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" }]
+]);
+/**
+ * @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 tr = S("EyeOff", [
+  ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24", key: "1jxqfv" }],
+  [
+    "path",
+    {
+      d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68",
+      key: "9wicm4"
+    }
+  ],
+  [
+    "path",
+    { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61", key: "1jreej" }
+  ],
+  ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }]
+]);
+/**
+ * @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 rr = S("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" }]
+]);
+/**
+ * @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 nr = S("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" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "M15 3v18", key: "14nvp0" }]
+]);
+/**
+ * @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 sr = S("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" }]
+]);
+/**
+ * @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 ar = S("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" }]
+]);
+/**
+ * @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 st = S("Plus", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+]);
+/**
+ * @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 ir = S("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" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+]);
+/**
+ * @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 he = S("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+/**
+ * @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 at = S("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" }],
+  ["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
+  ["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
+  ["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
+  ["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
+  ["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
+  ["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
+]);
+/**
+ * @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 or = S("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" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+]);
+/**
+ * @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 lr = S("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" }]
+]);
+/**
+ * @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 se = S("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(
+          "span",
+          {
+            className: b(
+              "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
+            )
+          }
+        ),
+        a && /* @__PURE__ */ e.jsx(et, { size: 12, strokeWidth: 3, className: "pointer-events-none absolute text-white" })
+      ] }),
+      n && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-ink-primary", children: n })
+    ] });
+  }
+);
+be.displayName = "Checkbox";
+const cr = {
+  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(
+    "button",
+    {
+      ref: f,
+      "aria-label": r,
+      title: r,
+      className: b(
+        "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],
+        i
+      ),
+      ...l,
+      children: n
+    }
+  )
+);
+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);
+  }, []);
+  function h(c) {
+    s(r.includes(c) ? r.filter((m) => m !== c) : [...r, c]);
+  }
+  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)) })
+  ] });
+}
+const ur = {
+  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();
+    }
+    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(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          className: b(
+            "relative z-10 flex max-h-[90vh] w-full flex-col rounded-lg border border-card-border bg-card shadow-xl",
+            ur[i],
+            f
+          ),
+          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 }) })
+            ] }),
+            /* @__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 })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  ) : null;
+}
+function Sr({
+  open: n,
+  title: r,
+  message: s,
+  confirmLabel: a = "Ok",
+  cancelLabel: i = "Close",
+  tone: l = "default",
+  onConfirm: f,
+  onClose: h,
+  loading: c
+}) {
+  return /* @__PURE__ */ e.jsx(
+    pe,
+    {
+      open: n,
+      onClose: h,
+      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 })
+      ] }),
+      children: /* @__PURE__ */ e.jsx("p", { className: "text-sm text-ink-secondary", children: s })
+    }
+  );
+}
+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 })
+  ] });
+  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;
+}
+function Ue({ checked: n, indeterminate: r, onChange: s, label: a = "Select row" }) {
+  const i = v.useRef(null);
+  return v.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 });
+}
+function _r({
+  columns: n,
+  data: r,
+  rowKey: s,
+  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
+}) {
+  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);
+    }
+  }
+  function H() {
+    x && x(_ ? [] : j);
+  }
+  function J(N) {
+    x && x(d.includes(N) ? d.filter((k) => k !== N) : [...d, N]);
+  }
+  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(
+        "th",
+        {
+          style: { width: N.width },
+          className: b(
+            "px-4 py-3 font-medium text-ink-secondary",
+            N.align === "right" && "text-right",
+            N.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
+        },
+        N.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(
+        "tr",
+        {
+          onClick: () => y == null ? void 0 : y(N),
+          className: b(
+            "border-b border-card-border last:border-0 hover:bg-accent-muted/60",
+            y && "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(
+              "td",
+              {
+                className: b(
+                  "px-4 py-3 text-ink-primary",
+                  I.align === "right" && "text-right",
+                  I.align === "center" && "text-center"
+                ),
+                children: I.render(N)
+              },
+              I.key
+            ))
+          ]
+        },
+        k
+      );
+    }) })
+  ] }) });
+}
+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
+  ] }) : 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: "*" })
+    ] }),
+    f,
+    i && !a && /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-xs text-ink-muted", children: i }),
+    /* @__PURE__ */ e.jsx(fr, { 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(
+      "input",
+      {
+        id: m,
+        type: "date",
+        value: a ?? "",
+        min: l,
+        max: f,
+        disabled: h,
+        onChange: (d) => i(d.target.value),
+        className: b(
+          "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"
+        )
+      }
+    )
+  ] }) });
+}
+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()}` : "";
+}
+function hr(n, r = /* @__PURE__ */ new Date()) {
+  const s = r.getFullYear(), a = r.getMonth();
+  switch (n) {
+    case "This Financial Year": {
+      const i = a >= 3 ? s : s - 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) };
+    case "Last Month":
+      return { from: new Date(s, a - 1, 1), to: new Date(s, a, 0) };
+    case "Next Month":
+      return { from: new Date(s, a + 1, 1), to: new Date(s, 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) };
+    }
+    case "This Year":
+      return { from: new Date(s, 0, 1), to: new Date(s, 11, 31) };
+    case "Last Year":
+      return { from: new Date(s - 1, 0, 1), to: new Date(s - 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 d(x) {
+    if (!x) return !1;
+    const y = new Date(n, r, x).getTime();
+    return s && y === s.getTime() || a && y === 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],
+      " ",
+      n
+    ] }),
+    /* @__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(
+        "button",
+        {
+          type: "button",
+          disabled: !x,
+          onClick: () => x && i(new Date(n, r, x)),
+          className: b(
+            "h-7 w-7 rounded text-ink-primary",
+            !x && "invisible",
+            x && m(x) && "bg-accent-muted",
+            x && d(x) && "bg-accent text-white"
+          ),
+          children: x
+        },
+        y
+      ))
+    ] })
+  ] });
+}
+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);
+    }
+    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+  }, []);
+  function C(k) {
+    m(k), k !== "Custom Range" && x(hr(k));
+  }
+  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 H() {
+    y === 0 ? (D(11), j((k) => k - 1)) : D((k) => k - 1);
+  }
+  function J() {
+    y === 11 ? (D(0), j((k) => k + 1)) : D((k) => k + 1);
+  }
+  function N() {
+    i(d), h(!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(
+      "button",
+      {
+        type: "button",
+        onClick: () => h((k) => !k),
+        className: b(
+          "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"
+        ),
+        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" })
+        ]
+      }
+    ),
+    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(
+        "button",
+        {
+          type: "button",
+          onClick: () => C(k),
+          className: b(
+            "block w-full px-3 py-2 text-left text-sm",
+            c === k ? "bg-accent text-white" : "text-ink-primary hover:bg-accent-muted"
+          ),
+          children: k
+        },
+        k
+      )) }),
+      /* @__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__ */ 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,
+            {
+              year: y === 11 ? O + 1 : O,
+              month: y === 11 ? 0 : y + 1,
+              from: d.from,
+              to: d.to,
+              onPick: T
+            }
+          )
+        ] }),
+        /* @__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" })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function Pr({
+  label: n,
+  required: r,
+  error: s,
+  options: a,
+  value: i,
+  onChange: l,
+  placeholder: f = "Select...",
+  searchable: h = !0,
+  disabled: c,
+  className: m
+}) {
+  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);
+    }
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+  }, []);
+  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(
+      "button",
+      {
+        type: "button",
+        disabled: c,
+        onClick: () => x((C) => !C),
+        className: b(
+          "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"
+        ),
+        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") })
+        ]
+      }
+    ),
+    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(
+          "input",
+          {
+            autoFocus: !0,
+            value: y,
+            onChange: (C) => D(C.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(
+          "button",
+          {
+            type: "button",
+            disabled: C.disabled,
+            onClick: () => {
+              l(C.value), x(!1), D("");
+            },
+            className: b(
+              "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"
+            ),
+            children: [
+              C.label,
+              C.value === i && /* @__PURE__ */ e.jsx(et, { size: 14 })
+            ]
+          }
+        ) }, C.value))
+      ] })
+    ] })
+  ] }) });
+}
+function Or({
+  items: n,
+  onChange: r,
+  createItem: s,
+  renderRow: a,
+  addLabel: i = "Add row",
+  minRows: l = 0,
+  className: f
+}) {
+  function h(m, d) {
+    const x = n.slice();
+    x[m] = { ...x[m], ...d }, r(x);
+  }
+  function c(m) {
+    r(n.filter((d, x) => x !== m));
+  }
+  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,
+        {
+          icon: /* @__PURE__ */ e.jsx(or, { size: 16 }),
+          label: "Remove row",
+          variant: "danger",
+          size: "sm",
+          disabled: n.length <= l,
+          onClick: () => c(d)
+        }
+      )
+    ] }, 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 })
+  ] });
+}
+function Dr({ open: n, onSearch: r, onClear: s, children: a, className: i }) {
+  return n ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: b(
+        "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" })
+        ] })
+      ]
+    }
+  ) : null;
+}
+const br = v.forwardRef(
+  ({ label: n = "Add", className: r, ...s }, a) => /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      ref: a,
+      "aria-label": n,
+      title: n,
+      className: b(
+        "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 })
+    }
+  )
+);
+br.displayName = "FloatingAddButton";
+function zr({
+  open: n,
+  onClose: r,
+  onSubmit: s,
+  title: a,
+  size: i = "md",
+  submitLabel: l = "Ok",
+  cancelLabel: f = "Close",
+  submitting: h,
+  submitDisabled: c,
+  children: m
+}) {
+  return /* @__PURE__ */ e.jsx(
+    pe,
+    {
+      open: n,
+      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 })
+      ] }),
+      children: /* @__PURE__ */ e.jsx(
+        "form",
+        {
+          onSubmit: (d) => {
+            d.preventDefault(), s();
+          },
+          className: "flex flex-col gap-4",
+          children: m
+        }
+      )
+    }
+  );
+}
+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(
+        "input",
+        {
+          ref: c,
+          id: m,
+          className: b(
+            "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",
+            i && "pl-9",
+            f
+          ),
+          "aria-invalid": !!s,
+          ...h
+        }
+      )
+    ] }) });
+  }
+);
+pr.displayName = "InputField";
+function Ar({
+  label: n,
+  required: r,
+  error: s,
+  options: a,
+  value: i,
+  onChange: l,
+  placeholder: f = "Select...",
+  className: h
+}) {
+  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);
+    }
+    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+  }, []);
+  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]);
+  }
+  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(
+      "button",
+      {
+        type: "button",
+        onClick: () => m((j) => !j),
+        className: b(
+          "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"
+        ),
+        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(
+              "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,
+                    {
+                      size: 12,
+                      className: "cursor-pointer hover:text-status-offline",
+                      onClick: (C) => {
+                        C.stopPropagation(), O(j);
+                      }
+                    }
+                  )
+                ]
+              },
+              j
+            );
+          }),
+          /* @__PURE__ */ e.jsx(tt, { size: 16, className: b("ml-auto shrink-0 text-ink-muted transition-transform", c && "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(
+          "input",
+          {
+            autoFocus: !0,
+            value: d,
+            onChange: (j) => x(j.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(
+            "input",
+            {
+              type: "checkbox",
+              checked: i.includes(j.value),
+              onChange: () => O(j.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))
+      ] })
+    ] })
+  ] }) });
+}
+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(
+      "button",
+      {
+        onClick: () => a(Math.max(1, n - 1)),
+        disabled: n === 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 })
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("span", { children: [
+      f,
+      "-",
+      h,
+      " of ",
+      s
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: () => a(Math.min(l, n + 1)),
+        disabled: n >= l,
+        "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 })
+      }
+    )
+  ] });
+}
+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 })
+    ] }),
+    /* @__PURE__ */ e.jsx("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(
+        "input",
+        {
+          ref: h,
+          id: d,
+          type: c ? "text" : "password",
+          className: b(
+            "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
+          ),
+          "aria-invalid": !!s,
+          ...f
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => m((x) => !x),
+          "aria-label": c ? "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 })
+        }
+      )
+    ] }) });
+  }
+);
+vr.displayName = "PasswordInput";
+function gr(n) {
+  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" };
+}
+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: [
+      "Strength: ",
+      a
+    ] })
+  ] }) : null;
+}
+const yr = v.forwardRef(
+  ({ value: n, onChange: r, onFilterClick: s, placeholder: a = "Search Data", className: i, ...l }, f) => /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: b(
+        "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(
+          "input",
+          {
+            ref: f,
+            value: n,
+            onChange: (h) => r(h.target.value),
+            placeholder: a,
+            className: "w-full bg-transparent text-sm text-ink-primary placeholder:text-ink-muted focus:outline-none",
+            ...l
+          }
+        ),
+        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 }) })
+      ]
+    }
+  )
+);
+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(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          style: { width: a },
+          className: b(
+            "absolute right-0 top-0 flex h-full max-w-full flex-col border-l border-card-border bg-card shadow-xl",
+            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 }) })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: i })
+          ]
+        }
+      )
+    ] }),
+    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 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(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": l,
+        onClick: () => s(i.value),
+        className: b(
+          "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"
+        ),
+        children: [
+          i.icon,
+          i.label
+        ]
+      },
+      i.value
+    );
+  }) });
+}
+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(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": f,
+        onClick: () => s(i.value),
+        className: b(
+          "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"
+        ),
+        children: i.label
+      },
+      i.value
+    );
+  }) });
+}
+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 Vr({ className: n, children: r, ...s }) {
+  return /* @__PURE__ */ e.jsx(
+    "footer",
+    {
+      className: b("border-t border-card-border px-6 py-3 text-xs text-ink-muted", n),
+      ...s,
+      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(
+    "header",
+    {
+      className: b(
+        "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 }),
+          a,
+          s
+        ] })
+      ]
+    }
+  );
+}
+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: [
+      r,
+      /* @__PURE__ */ e.jsx("main", { className: "flex-1 overflow-y-auto p-6", children: a }),
+      s
+    ] })
+  ] });
+}
+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(
+        "button",
+        {
+          onClick: m.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
+          ]
+        },
+        m.label
+      )) }),
+      /* @__PURE__ */ e.jsxs(
+        "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 }),
+            "Sign out"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function Hr({ items: n, collapsed: r, onCollapsedChange: s, logo: a, className: i }) {
+  return /* @__PURE__ */ e.jsxs(
+    "aside",
+    {
+      className: b(
+        "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(
+          "button",
+          {
+            onClick: l.onClick,
+            title: r ? l.label : void 0,
+            className: b(
+              "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"
+            ),
+            style: l.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 })
+            ]
+          },
+          l.key
+        )) }),
+        s && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => s(!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 })
+          }
+        )
+      ]
+    }
+  );
+}
+function Jr({ onOpen: n, className: r }) {
+  function s() {
+    if (n) return n();
+    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(
+    "button",
+    {
+      onClick: s,
+      "aria-label": "Open AI license agent",
+      title: "AI License Agent",
+      className: b(
+        "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 })
+    }
+  );
+}
+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 })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "p-4", children: r ? /* @__PURE__ */ e.jsx(it, { label: "Loading widget..." }) : l })
+  ] });
+}
+const wr = [
+  { value: "pdf", label: "Invoice PDF" },
+  { value: "excel", label: "Renewal Excel" }
+];
+function Xr({
+  open: n,
+  onClose: r,
+  customerEmail: s,
+  activeTab: a,
+  onTabChange: i,
+  onSendEmail: l,
+  children: f
+}) {
+  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
+      ] }),
+      l && /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "secondary", onClick: l, children: "Send" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "min-h-[60vh]", children: f })
+  ] }) });
+}
+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 })
+    ] }, i.label))
+  ] }) });
+}
+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
+};