@sirsluginston/sharedui 2.0.10 → 2.0.13

package/dist/sharedui.js

@@ -1,4 +1,4 @@
-import ue, { useEffect as N, useState as P, useRef as Ae, useCallback as Sr } from "react";
+import ue, { useEffect as N, useState as P, useRef as Ae, useCallback as Cr } from "react";
 var de = { exports: {} }, $ = {};
 /**
  * @license React
@@ -9,17 +9,17 @@ var de = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Be;
-function Rr() {
-  if (Be) return $;
-  Be = 1;
-  var o = ue, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, n = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Le;
+function Sr() {
+  if (Le) return $;
+  Le = 1;
+  var o = ue, t = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(u, f, j) {
-    var p, y = {}, b = null, I = null;
+    var p, x = {}, b = null, I = null;
     j !== void 0 && (b = "" + j), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (I = f.ref);
-    for (p in f) i.call(f, p) && !l.hasOwnProperty(p) && (y[p] = f[p]);
-    if (u && u.defaultProps) for (p in f = u.defaultProps, f) y[p] === void 0 && (y[p] = f[p]);
-    return { $$typeof: t, type: u, key: b, ref: I, props: y, _owner: n.current };
+    for (p in f) i.call(f, p) && !n.hasOwnProperty(p) && (x[p] = f[p]);
+    if (u && u.defaultProps) for (p in f = u.defaultProps, f) x[p] === void 0 && (x[p] = f[p]);
+    return { $$typeof: t, type: u, key: b, ref: I, props: x, _owner: l.current };
   }
   return $.Fragment = s, $.jsx = c, $.jsxs = c, $;
 }
@@ -33,11 +33,11 @@ var Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Le;
-function Tr() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = ue, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), C = Symbol.iterator, _ = "@@iterator";
-    function Ne(r) {
+var Be;
+function Rr() {
+  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
+    var o = ue, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), C = Symbol.iterator, _ = "@@iterator";
+    function Ye(r) {
       if (r === null || typeof r != "object")
         return null;
       var a = C && r[C] || r[_];
@@ -48,34 +48,34 @@ function Tr() {
       {
         for (var a = arguments.length, d = new Array(a > 1 ? a - 1 : 0), v = 1; v < a; v++)
           d[v - 1] = arguments[v];
-        Ue("error", r, d);
+        Ne("error", r, d);
       }
     }
-    function Ue(r, a, d) {
+    function Ne(r, a, d) {
       {
-        var v = W.ReactDebugCurrentFrame, h = v.getStackAddendum();
-        h !== "" && (a += "%s", d = d.concat([h]));
-        var x = d.map(function(m) {
+        var v = W.ReactDebugCurrentFrame, y = v.getStackAddendum();
+        y !== "" && (a += "%s", d = d.concat([y]));
+        var h = d.map(function(m) {
           return String(m);
         });
-        x.unshift("Warning: " + a), Function.prototype.apply.call(console[r], console, x);
+        h.unshift("Warning: " + a), Function.prototype.apply.call(console[r], console, h);
       }
     }
-    var He = !1, Ve = !1, Xe = !1, qe = !1, Je = !1, fe;
+    var Ue = !1, He = !1, Ve = !1, Xe = !1, qe = !1, fe;
     fe = Symbol.for("react.module.reference");
-    function Ke(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === i || r === l || Je || r === n || r === j || r === p || qe || r === I || He || Ve || Xe || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof === y || r.$$typeof === c || r.$$typeof === u || r.$$typeof === f || // This needs to include all possible module reference object
+    function Je(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === i || r === n || qe || r === l || r === j || r === p || Xe || r === I || Ue || He || Ve || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof === x || r.$$typeof === c || r.$$typeof === u || r.$$typeof === f || // 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.
       r.$$typeof === fe || r.getModuleId !== void 0));
     }
-    function Ge(r, a, d) {
+    function Ke(r, a, d) {
       var v = r.displayName;
       if (v)
         return v;
-      var h = a.displayName || a.name || "";
-      return h !== "" ? d + "(" + h + ")" : d;
+      var y = a.displayName || a.name || "";
+      return y !== "" ? d + "(" + y + ")" : d;
     }
     function ve(r) {
       return r.displayName || "Context";
@@ -92,9 +92,9 @@ function Tr() {
           return "Fragment";
         case s:
           return "Portal";
-        case l:
-          return "Profiler";
         case n:
+          return "Profiler";
+        case l:
           return "StrictMode";
         case j:
           return "Suspense";
@@ -110,14 +110,14 @@ function Tr() {
             var d = r;
             return ve(d._context) + ".Provider";
           case f:
-            return Ge(r, r.render, "ForwardRef");
-          case y:
+            return Ke(r, r.render, "ForwardRef");
+          case x:
             var v = r.displayName || null;
             return v !== null ? v : M(r.type) || "Memo";
           case b: {
-            var h = r, x = h._payload, m = h._init;
+            var y = r, h = y._payload, m = y._init;
             try {
-              return M(m(x));
+              return M(m(h));
             } catch {
               return null;
             }
@@ -125,14 +125,14 @@ function Tr() {
         }
       return null;
     }
-    var D = Object.assign, L = 0, pe, ge, me, he, xe, ye, be;
+    var D = Object.assign, B = 0, pe, ge, me, ye, he, xe, be;
     function je() {
     }
     je.__reactDisabledLog = !0;
-    function Qe() {
+    function Ge() {
       {
-        if (L === 0) {
-          pe = console.log, ge = console.info, me = console.warn, he = console.error, xe = console.group, ye = console.groupCollapsed, be = console.groupEnd;
+        if (B === 0) {
+          pe = console.log, ge = console.info, me = console.warn, ye = console.error, he = console.group, xe = console.groupCollapsed, be = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -149,12 +149,12 @@ function Tr() {
             groupEnd: r
           });
         }
-        L++;
+        B++;
       }
     }
-    function Ze() {
+    function Qe() {
       {
-        if (L--, L === 0) {
+        if (B--, B === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -171,20 +171,20 @@ function Tr() {
               value: me
             }),
             error: D({}, r, {
-              value: he
+              value: ye
             }),
             group: D({}, r, {
-              value: xe
+              value: he
             }),
             groupCollapsed: D({}, r, {
-              value: ye
+              value: xe
             }),
             groupEnd: D({}, r, {
               value: be
             })
           });
         }
-        L < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        B < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var oe = W.ReactCurrentDispatcher, te;
@@ -193,8 +193,8 @@ function Tr() {
         if (te === void 0)
           try {
             throw Error();
-          } catch (h) {
-            var v = h.stack.trim().match(/\n( *(at )?)/);
+          } catch (y) {
+            var v = y.stack.trim().match(/\n( *(at )?)/);
             te = v && v[1] || "";
           }
         return `
@@ -203,8 +203,8 @@ function Tr() {
     }
     var ae = !1, K;
     {
-      var er = typeof WeakMap == "function" ? WeakMap : Map;
-      K = new er();
+      var Ze = typeof WeakMap == "function" ? WeakMap : Map;
+      K = new Ze();
     }
     function ke(r, a) {
       if (!r || ae)
@@ -216,10 +216,10 @@ function Tr() {
       }
       var v;
       ae = !0;
-      var h = Error.prepareStackTrace;
+      var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var x;
-      x = oe.current, oe.current = null, Qe();
+      var h;
+      h = oe.current, oe.current = null, Ge();
       try {
         if (a) {
           var m = function() {
@@ -272,15 +272,15 @@ function Tr() {
             }
         }
       } finally {
-        ae = !1, oe.current = x, Ze(), Error.prepareStackTrace = h;
+        ae = !1, oe.current = h, Qe(), Error.prepareStackTrace = y;
       }
-      var B = r ? r.displayName || r.name : "", z = B ? J(B) : "";
+      var L = r ? r.displayName || r.name : "", z = L ? J(L) : "";
       return typeof r == "function" && K.set(r, z), z;
     }
-    function rr(r, a, d) {
+    function er(r, a, d) {
       return ke(r, !1);
     }
-    function or(r) {
+    function rr(r) {
       var a = r.prototype;
       return !!(a && a.isReactComponent);
     }
@@ -288,7 +288,7 @@ function Tr() {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return ke(r, or(r));
+        return ke(r, rr(r));
       if (typeof r == "string")
         return J(r);
       switch (r) {
@@ -300,13 +300,13 @@ function Tr() {
       if (typeof r == "object")
         switch (r.$$typeof) {
           case f:
-            return rr(r.render);
-          case y:
+            return er(r.render);
+          case x:
             return G(r.type, a, d);
           case b: {
-            var v = r, h = v._payload, x = v._init;
+            var v = r, y = v._payload, h = v._init;
             try {
-              return G(x(h), a, d);
+              return G(h(y), a, d);
             } catch {
             }
           }
@@ -321,11 +321,11 @@ function Tr() {
       } else
         Ce.setExtraStackFrame(null);
     }
-    function tr(r, a, d, v, h) {
+    function or(r, a, d, v, y) {
       {
-        var x = Function.call.bind(O);
+        var h = Function.call.bind(O);
         for (var m in r)
-          if (x(r, m)) {
+          if (h(r, m)) {
             var g = void 0;
             try {
               if (typeof r[m] != "function") {
@@ -336,21 +336,21 @@ function Tr() {
             } catch (k) {
               g = k;
             }
-            g && !(g instanceof Error) && (Q(h), S("%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).", v || "React class", d, m, typeof g), Q(null)), g instanceof Error && !(g.message in we) && (we[g.message] = !0, Q(h), S("Failed %s type: %s", d, g.message), Q(null));
+            g && !(g instanceof Error) && (Q(y), S("%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).", v || "React class", d, m, typeof g), Q(null)), g instanceof Error && !(g.message in we) && (we[g.message] = !0, Q(y), S("Failed %s type: %s", d, g.message), Q(null));
           }
       }
     }
-    var ar = Array.isArray;
+    var tr = Array.isArray;
     function ne(r) {
-      return ar(r);
+      return tr(r);
     }
-    function nr(r) {
+    function ar(r) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, d = a && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return d;
       }
     }
-    function sr(r) {
+    function nr(r) {
       try {
         return Se(r), !1;
       } catch {
@@ -361,16 +361,16 @@ function Tr() {
       return "" + r;
     }
     function Re(r) {
-      if (sr(r))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nr(r)), Se(r);
+      if (nr(r))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ar(r)), Se(r);
     }
-    var Te = W.ReactCurrentOwner, ir = {
+    var Te = W.ReactCurrentOwner, sr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Ee, Fe;
-    function lr(r) {
+    function ir(r) {
       if (O.call(r, "ref")) {
         var a = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (a && a.isReactWarning)
@@ -378,7 +378,7 @@ function Tr() {
       }
       return r.ref !== void 0;
     }
-    function cr(r) {
+    function lr(r) {
       if (O.call(r, "key")) {
         var a = Object.getOwnPropertyDescriptor(r, "key").get;
         if (a && a.isReactWarning)
@@ -386,10 +386,10 @@ function Tr() {
       }
       return r.key !== void 0;
     }
-    function dr(r, a) {
+    function cr(r, a) {
       typeof r.ref == "string" && Te.current;
     }
-    function ur(r, a) {
+    function dr(r, a) {
       {
         var d = function() {
           Ee || (Ee = !0, S("%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)", a));
@@ -400,7 +400,7 @@ function Tr() {
         });
       }
     }
-    function fr(r, a) {
+    function ur(r, a) {
       {
         var d = function() {
           Fe || (Fe = !0, S("%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)", a));
@@ -411,7 +411,7 @@ function Tr() {
         });
       }
     }
-    var vr = function(r, a, d, v, h, x, m) {
+    var fr = function(r, a, d, v, y, h, m) {
       var g = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -421,7 +421,7 @@ function Tr() {
         ref: d,
         props: m,
         // Record the component responsible for creating this element.
-        _owner: x
+        _owner: h
       };
       return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
@@ -437,25 +437,25 @@ function Tr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: h
+        value: y
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function pr(r, a, d, v, h) {
+    function vr(r, a, d, v, y) {
       {
-        var x, m = {}, g = null, R = null;
-        d !== void 0 && (Re(d), g = "" + d), cr(a) && (Re(a.key), g = "" + a.key), lr(a) && (R = a.ref, dr(a, h));
-        for (x in a)
-          O.call(a, x) && !ir.hasOwnProperty(x) && (m[x] = a[x]);
+        var h, m = {}, g = null, R = null;
+        d !== void 0 && (Re(d), g = "" + d), lr(a) && (Re(a.key), g = "" + a.key), ir(a) && (R = a.ref, cr(a, y));
+        for (h in a)
+          O.call(a, h) && !sr.hasOwnProperty(h) && (m[h] = a[h]);
         if (r && r.defaultProps) {
           var k = r.defaultProps;
-          for (x in k)
-            m[x] === void 0 && (m[x] = k[x]);
+          for (h in k)
+            m[h] === void 0 && (m[h] = k[h]);
         }
         if (g || R) {
           var w = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          g && ur(m, w), R && fr(m, w);
+          g && dr(m, w), R && ur(m, w);
         }
-        return vr(r, g, R, h, v, Te.current, m);
+        return fr(r, g, R, y, v, Te.current, m);
       }
     }
     var se = W.ReactCurrentOwner, _e = W.ReactDebugCurrentFrame;
@@ -483,11 +483,11 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function gr(r) {
+    function pr(r) {
       return "";
     }
     var Me = {};
-    function mr(r) {
+    function gr(r) {
       {
         var a = Ie();
         if (!a) {
@@ -504,7 +504,7 @@ Check the top-level render call using <` + d + ">.");
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var d = mr(a);
+        var d = gr(a);
         if (Me[d])
           return;
         Me[d] = !0;
@@ -524,14 +524,14 @@ Check the top-level render call using <` + d + ">.");
         else if (le(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var h = Ne(r);
-          if (typeof h == "function" && h !== r.entries)
-            for (var x = h.call(r), m; !(m = x.next()).done; )
+          var y = Ye(r);
+          if (typeof y == "function" && y !== r.entries)
+            for (var h = y.call(r), m; !(m = h.next()).done; )
               le(m.value) && De(m.value, a);
         }
       }
     }
-    function hr(r) {
+    function mr(r) {
       {
         var a = r.type;
         if (a == null || typeof a == "string")
@@ -541,22 +541,22 @@ Check the top-level render call using <` + d + ">.");
           d = a.propTypes;
         else if (typeof a == "object" && (a.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === y))
+        a.$$typeof === x))
           d = a.propTypes;
         else
           return;
         if (d) {
           var v = M(a);
-          tr(d, r.props, "prop", v, r);
+          or(d, r.props, "prop", v, r);
         } else if (a.PropTypes !== void 0 && !ie) {
           ie = !0;
-          var h = M(a);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", h || "Unknown");
+          var y = M(a);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function xr(r) {
+    function yr(r) {
       {
         for (var a = Object.keys(r.props), d = 0; d < a.length; d++) {
           var v = a[d];
@@ -569,18 +569,18 @@ Check the top-level render call using <` + d + ">.");
       }
     }
     var Pe = {};
-    function We(r, a, d, v, h, x) {
+    function We(r, a, d, v, y, h) {
       {
-        var m = Ke(r);
+        var m = Je(r);
         if (!m) {
           var g = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).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 R = gr();
+          var R = pr();
           R ? g += R : g += Ie();
           var k;
           r === null ? k = "null" : ne(r) ? k = "array" : r !== void 0 && r.$$typeof === t ? (k = "<" + (M(r.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : k = typeof r, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, g);
         }
-        var w = pr(r, a, d, h, x);
+        var w = vr(r, a, d, y, h);
         if (w == null)
           return w;
         if (m) {
@@ -588,8 +588,8 @@ Check the top-level render call using <` + d + ">.");
           if (E !== void 0)
             if (v)
               if (ne(E)) {
-                for (var B = 0; B < E.length; B++)
-                  ze(E[B], r);
+                for (var L = 0; L < E.length; L++)
+                  ze(E[L], r);
                 Object.freeze && Object.freeze(E);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -597,41 +597,41 @@ Check the top-level render call using <` + d + ">.");
               ze(E, r);
         }
         if (O.call(a, "key")) {
-          var z = M(r), T = Object.keys(a).filter(function(Cr) {
-            return Cr !== "key";
+          var z = M(r), T = Object.keys(a).filter(function(wr) {
+            return wr !== "key";
           }), ce = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Pe[z + ce]) {
-            var wr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
+            var kr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
             S(`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} />`, ce, z, wr, z), Pe[z + ce] = !0;
+  <%s key={someKey} {...props} />`, ce, z, kr, z), Pe[z + ce] = !0;
           }
         }
-        return r === i ? xr(w) : hr(w), w;
+        return r === i ? yr(w) : mr(w), w;
       }
     }
-    function yr(r, a, d) {
+    function hr(r, a, d) {
       return We(r, a, d, !0);
     }
-    function br(r, a, d) {
+    function xr(r, a, d) {
       return We(r, a, d, !1);
     }
-    var jr = br, kr = yr;
-    Y.Fragment = i, Y.jsx = jr, Y.jsxs = kr;
+    var br = xr, jr = hr;
+    Y.Fragment = i, Y.jsx = br, Y.jsxs = jr;
   }()), Y;
 }
-process.env.NODE_ENV === "production" ? de.exports = Rr() : de.exports = Tr();
+process.env.NODE_ENV === "production" ? de.exports = Sr() : de.exports = Rr();
 var e = de.exports;
-const Xr = ({
+const Hr = ({
   variant: o = "primary",
   size: t = "md",
   loading: s = !1,
   icon: i,
-  children: n,
-  disabled: l,
+  children: l,
+  disabled: n,
   ...c
 }) => {
   const u = {
@@ -675,8 +675,8 @@ const Xr = ({
     borderRadius: "var(--radius-md)",
     fontFamily: "var(--font-sans)",
     fontWeight: 600,
-    cursor: l || s ? "not-allowed" : "pointer",
-    opacity: l ? 0.5 : 1,
+    cursor: n || s ? "not-allowed" : "pointer",
+    opacity: n ? 0.5 : 1,
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -688,27 +688,27 @@ const Xr = ({
     "button",
     {
       ...c,
-      disabled: l || s,
+      disabled: n || s,
       style: { ...j, ...c.style },
       onMouseDown: (p) => {
-        var y;
-        !l && !s && (p.currentTarget.style.transform = "translate(2px, 2px)", p.currentTarget.style.boxShadow = "none"), (y = c.onMouseDown) == null || y.call(c, p);
+        var x;
+        !n && !s && (p.currentTarget.style.transform = "translate(2px, 2px)", p.currentTarget.style.boxShadow = "none"), (x = c.onMouseDown) == null || x.call(c, p);
       },
       onMouseUp: (p) => {
-        var y;
-        p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (y = c.onMouseUp) == null || y.call(c, p);
+        var x;
+        p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (x = c.onMouseUp) == null || x.call(c, p);
       },
       onMouseLeave: (p) => {
-        var y;
-        p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (y = c.onMouseLeave) == null || y.call(c, p);
+        var x;
+        p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (x = c.onMouseLeave) == null || x.call(c, p);
       },
       children: [
-        s ? /* @__PURE__ */ e.jsx(Er, { size: 16 }) : i,
-        n
+        s ? /* @__PURE__ */ e.jsx(Tr, { size: 16 }) : i,
+        l
       ]
     }
   );
-}, Er = ({ size: o }) => /* @__PURE__ */ e.jsxs("svg", { width: o, height: o, viewBox: "0 0 24 24", style: { animation: "spin 0.8s linear infinite" }, children: [
+}, Tr = ({ size: o }) => /* @__PURE__ */ e.jsxs("svg", { width: o, height: o, viewBox: "0 0 24 24", style: { animation: "spin 0.8s linear infinite" }, children: [
   /* @__PURE__ */ e.jsx(
     "circle",
     {
@@ -723,13 +723,13 @@ const Xr = ({
     }
   ),
   /* @__PURE__ */ e.jsx("style", { children: "@keyframes spin { to { transform: rotate(360deg); } }" })
-] }), qr = ({
+] }), Vr = ({
   title: o,
   subtitle: t,
   children: s,
   hoverable: i = !1,
-  padding: n = "lg",
-  className: l,
+  padding: l = "lg",
+  className: n,
   style: c,
   onClick: u
 }) => {
@@ -742,12 +742,12 @@ const Xr = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: l,
+      className: n,
       onClick: u,
       style: {
         backgroundColor: "var(--bg-color)",
         borderRadius: "var(--radius-md)",
-        padding: f[n],
+        padding: f[l],
         border: "2px solid var(--border-color)",
         display: "flex",
         flexDirection: "column",
@@ -783,7 +783,7 @@ const Xr = ({
       ]
     }
   );
-}, Jr = ({
+}, Xr = ({
   children: o,
   variant: t = "default",
   size: s = "md"
@@ -791,7 +791,7 @@ const Xr = ({
   const i = {
     sm: { padding: "2px var(--space-xs)", fontSize: "0.7rem" },
     md: { padding: "var(--space-xs) var(--space-sm)", fontSize: "0.8rem" }
-  }, n = {
+  }, l = {
     default: {
       backgroundColor: "var(--secondary-color)",
       color: "var(--surface-light)"
@@ -827,7 +827,7 @@ const Xr = ({
     {
       style: {
         ...i[s],
-        ...n[t],
+        ...l[t],
         borderRadius: "var(--radius-full)",
         fontFamily: "var(--font-sans)",
         fontWeight: 600,
@@ -842,14 +842,14 @@ const Xr = ({
       children: o
     }
   );
-}, Kr = ({
+}, qr = ({
   label: o,
   error: t,
   hint: s,
   icon: i,
-  ...n
+  ...l
 }) => {
-  const l = !!t;
+  const n = !!t;
   return /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "var(--space-md)", width: "100%" }, children: [
     o && /* @__PURE__ */ e.jsx("label", { style: {
       display: "block",
@@ -871,12 +871,12 @@ const Xr = ({
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ...n,
+          ...l,
           style: {
             width: "100%",
             padding: i ? "var(--space-sm) var(--space-sm) var(--space-sm) var(--space-xl)" : "var(--space-sm) var(--space-md)",
             borderRadius: "var(--radius-md)",
-            border: `2px solid ${l ? "var(--danger-color)" : "var(--border-color)"}`,
+            border: `2px solid ${n ? "var(--danger-color)" : "var(--border-color)"}`,
             fontFamily: "var(--font-sans)",
             fontSize: "1rem",
             backgroundColor: "var(--bg-color)",
@@ -884,15 +884,15 @@ const Xr = ({
             boxSizing: "border-box",
             transition: "border-color var(--transition-fast), box-shadow var(--transition-fast)",
             outline: "none",
-            ...n.style
+            ...l.style
           },
           onFocus: (c) => {
             var u;
-            c.currentTarget.style.borderColor = l ? "var(--danger-color)" : "var(--primary-color)", c.currentTarget.style.boxShadow = `0 0 0 3px ${l ? "rgba(229, 62, 62, 0.2)" : "rgba(26, 54, 93, 0.2)"}`, (u = n.onFocus) == null || u.call(n, c);
+            c.currentTarget.style.borderColor = n ? "var(--danger-color)" : "var(--primary-color)", c.currentTarget.style.boxShadow = `0 0 0 3px ${n ? "rgba(229, 62, 62, 0.2)" : "rgba(26, 54, 93, 0.2)"}`, (u = l.onFocus) == null || u.call(l, c);
           },
           onBlur: (c) => {
             var u;
-            c.currentTarget.style.borderColor = l ? "var(--danger-color)" : "var(--border-color)", c.currentTarget.style.boxShadow = "none", (u = n.onBlur) == null || u.call(n, c);
+            c.currentTarget.style.borderColor = n ? "var(--danger-color)" : "var(--border-color)", c.currentTarget.style.boxShadow = "none", (u = l.onBlur) == null || u.call(l, c);
           }
         }
       )
@@ -906,13 +906,13 @@ const Xr = ({
     }, children: t || s })
   ] });
 };
-function Gr({
+function Jr({
   columns: o,
   data: t,
   keyExtractor: s,
   onRowClick: i,
-  emptyMessage: n = "No data available",
-  striped: l = !0
+  emptyMessage: l = "No data available",
+  striped: n = !0
 }) {
   return /* @__PURE__ */ e.jsx("div", { style: {
     overflowX: "auto",
@@ -949,14 +949,14 @@ function Gr({
           color: "var(--text-color)",
           opacity: 0.6
         },
-        children: n
+        children: l
       }
     ) }) : t.map((c, u) => /* @__PURE__ */ e.jsx(
       "tr",
       {
         onClick: () => i == null ? void 0 : i(c),
         style: {
-          backgroundColor: l && u % 2 === 1 ? "var(--secondary-color)" : "transparent",
+          backgroundColor: n && u % 2 === 1 ? "var(--secondary-color)" : "transparent",
           cursor: i ? "pointer" : "default",
           transition: "background-color var(--transition-fast)"
         },
@@ -964,7 +964,7 @@ function Gr({
           i && (f.currentTarget.style.backgroundColor = "var(--accent-color)");
         },
         onMouseLeave: (f) => {
-          f.currentTarget.style.backgroundColor = l && u % 2 === 1 ? "var(--secondary-color)" : "transparent";
+          f.currentTarget.style.backgroundColor = n && u % 2 === 1 ? "var(--secondary-color)" : "transparent";
         },
         children: o.map((f) => /* @__PURE__ */ e.jsx(
           "td",
@@ -984,13 +984,13 @@ function Gr({
     )) })
   ] }) });
 }
-const Qr = ({
+const Kr = ({
   open: o,
   onClose: t,
   title: s,
   children: i,
-  size: n = "md",
-  showCloseButton: l = !0
+  size: l = "md",
+  showCloseButton: n = !0
 }) => {
   if (N(() => {
     const u = (f) => {
@@ -1036,7 +1036,7 @@ const Qr = ({
               border: "2px solid var(--border-color)",
               boxShadow: "var(--shadow-lg)",
               width: "100%",
-              maxWidth: c[n],
+              maxWidth: c[l],
               maxHeight: "90vh",
               overflow: "hidden",
               display: "flex",
@@ -1045,7 +1045,7 @@ const Qr = ({
             },
             onClick: (u) => u.stopPropagation(),
             children: [
-              (s || l) && /* @__PURE__ */ e.jsxs("div", { style: {
+              (s || n) && /* @__PURE__ */ e.jsxs("div", { style: {
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "space-between",
@@ -1066,7 +1066,7 @@ const Qr = ({
                     children: s
                   }
                 ),
-                l && /* @__PURE__ */ e.jsx(
+                n && /* @__PURE__ */ e.jsx(
                   "button",
                   {
                     onClick: t,
@@ -1108,12 +1108,12 @@ const Qr = ({
       ]
     }
   );
-}, Zr = ({
+}, Gr = ({
   children: o,
   variant: t = "info",
   title: s,
   dismissible: i = !1,
-  onDismiss: n
+  onDismiss: l
 }) => {
   const c = {
     info: {
@@ -1179,7 +1179,7 @@ const Qr = ({
         i && /* @__PURE__ */ e.jsx(
           "button",
           {
-            onClick: n,
+            onClick: l,
             "aria-label": "Dismiss",
             style: {
               background: "none",
@@ -1199,13 +1199,13 @@ const Qr = ({
       ]
     }
   );
-}, eo = ({
+}, Qr = ({
   tabs: o,
   activeTab: t,
   onTabChange: s,
   variant: i = "underline"
 }) => {
-  const n = i === "underline";
+  const l = i === "underline";
   return /* @__PURE__ */ e.jsxs("div", { style: { width: "100%" }, children: [
     /* @__PURE__ */ e.jsx(
       "div",
@@ -1213,76 +1213,76 @@ const Qr = ({
         role: "tablist",
         style: {
           display: "flex",
-          gap: n ? "var(--space-md)" : "var(--space-xs)",
-          borderBottom: n ? "2px solid var(--border-color)" : "none",
-          padding: n ? "0" : "var(--space-xs)",
-          backgroundColor: n ? "transparent" : "var(--secondary-color)",
-          borderRadius: n ? "0" : "var(--radius-md)"
+          gap: l ? "var(--space-md)" : "var(--space-xs)",
+          borderBottom: l ? "2px solid var(--border-color)" : "none",
+          padding: l ? "0" : "var(--space-xs)",
+          backgroundColor: l ? "transparent" : "var(--secondary-color)",
+          borderRadius: l ? "0" : "var(--radius-md)"
         },
-        children: o.map((l) => {
-          const c = l.id === t;
+        children: o.map((n) => {
+          const c = n.id === t;
           return /* @__PURE__ */ e.jsx(
             "button",
             {
               role: "tab",
               "aria-selected": c,
-              "aria-controls": `panel-${l.id}`,
-              disabled: l.disabled,
-              onClick: () => !l.disabled && s(l.id),
+              "aria-controls": `panel-${n.id}`,
+              disabled: n.disabled,
+              onClick: () => !n.disabled && s(n.id),
               style: {
-                background: n ? "none" : c ? "var(--primary-color)" : "transparent",
+                background: l ? "none" : c ? "var(--primary-color)" : "transparent",
                 border: "none",
-                borderBottom: n && c ? "3px solid var(--primary-color)" : "none",
-                marginBottom: n ? "-2px" : "0",
+                borderBottom: l && c ? "3px solid var(--primary-color)" : "none",
+                marginBottom: l ? "-2px" : "0",
                 padding: "var(--space-sm) var(--space-md)",
-                borderRadius: n ? "0" : "var(--radius-sm)",
+                borderRadius: l ? "0" : "var(--radius-sm)",
                 fontFamily: "var(--font-sans)",
                 fontWeight: 600,
                 fontSize: "0.95rem",
-                color: c ? n ? "var(--primary-color)" : "var(--surface-light)" : "var(--text-color)",
-                opacity: l.disabled ? 0.5 : 1,
-                cursor: l.disabled ? "not-allowed" : "pointer",
+                color: c ? l ? "var(--primary-color)" : "var(--surface-light)" : "var(--text-color)",
+                opacity: n.disabled ? 0.5 : 1,
+                cursor: n.disabled ? "not-allowed" : "pointer",
                 transition: "all var(--transition-fast)"
               },
               onMouseEnter: (u) => {
-                !l.disabled && !c && (u.currentTarget.style.backgroundColor = n ? "rgba(0,0,0,0.05)" : "var(--accent-color)");
+                !n.disabled && !c && (u.currentTarget.style.backgroundColor = l ? "rgba(0,0,0,0.05)" : "var(--accent-color)");
               },
               onMouseLeave: (u) => {
-                !l.disabled && !c && (u.currentTarget.style.backgroundColor = "transparent");
+                !n.disabled && !c && (u.currentTarget.style.backgroundColor = "transparent");
               },
-              children: l.label
+              children: n.label
             },
-            l.id
+            n.id
           );
         })
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "var(--space-lg)" }, children: o.map((l) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "var(--space-lg)" }, children: o.map((n) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        id: `panel-${l.id}`,
+        id: `panel-${n.id}`,
         role: "tabpanel",
-        hidden: l.id !== t,
+        hidden: n.id !== t,
         style: {
-          display: l.id === t ? "block" : "none"
+          display: n.id === t ? "block" : "none"
         },
-        children: l.content
+        children: n.content
       },
-      l.id
+      n.id
     )) })
   ] });
-}, ro = ({
+}, Zr = ({
   content: o,
   children: t,
   position: s = "top",
   delay: i = 200
 }) => {
-  const [n, l] = P(!1), c = Ae(null), u = Ae(), f = () => {
+  const [l, n] = P(!1), c = Ae(null), u = Ae(), f = () => {
     u.current = window.setTimeout(() => {
-      l(!0);
+      n(!0);
     }, i);
   }, j = () => {
-    u.current && clearTimeout(u.current), l(!1);
+    u.current && clearTimeout(u.current), n(!1);
   };
   N(() => () => {
     u.current && clearTimeout(u.current);
@@ -1304,7 +1304,7 @@ const Qr = ({
       onBlur: j,
       children: [
         t,
-        n && /* @__PURE__ */ e.jsxs(
+        l && /* @__PURE__ */ e.jsxs(
           "span",
           {
             role: "tooltip",
@@ -1337,7 +1337,7 @@ const Qr = ({
       ]
     }
   );
-}, Fr = ({
+}, Er = ({
   size: o = "md",
   color: t = "var(--primary-color)"
 }) => {
@@ -1376,7 +1376,7 @@ const Qr = ({
       ]
     }
   );
-}, oo = ({
+}, eo = ({
   message: o = "Loading..."
 }) => /* @__PURE__ */ e.jsxs("div", { style: {
   position: "fixed",
@@ -1392,7 +1392,7 @@ const Qr = ({
   gap: "var(--space-md)",
   zIndex: 1e3
 }, children: [
-  /* @__PURE__ */ e.jsx(Fr, { size: "lg", color: "var(--surface-light)" }),
+  /* @__PURE__ */ e.jsx(Er, { size: "lg", color: "var(--surface-light)" }),
   /* @__PURE__ */ e.jsx("span", { style: {
     fontFamily: "var(--font-sans)",
     fontSize: "1rem",
@@ -1404,11 +1404,11 @@ const Qr = ({
   variant: s = "text",
   animation: i = "wave"
 }) => {
-  const n = {
+  const l = {
     text: { borderRadius: "var(--radius-sm)" },
     rect: { borderRadius: "var(--radius-md)" },
     circle: { borderRadius: "50%" }
-  }, l = {
+  }, n = {
     pulse: {
       animation: "skeletonPulse 1.5s ease-in-out infinite"
     },
@@ -1426,8 +1426,8 @@ const Qr = ({
         width: o,
         height: t,
         backgroundColor: i === "wave" ? void 0 : "var(--secondary-color)",
-        ...n[s],
-        ...l[i]
+        ...l[s],
+        ...n[i]
       },
       children: /* @__PURE__ */ e.jsx("style", { children: `
         @keyframes skeletonPulse {
@@ -1441,14 +1441,14 @@ const Qr = ({
       ` })
     }
   );
-}, _r = ({ lines: o = 3 }) => /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--space-sm)" }, children: Array.from({ length: o }).map((t, s) => /* @__PURE__ */ e.jsx(
+}, Fr = ({ lines: o = 3 }) => /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--space-sm)" }, children: Array.from({ length: o }).map((t, s) => /* @__PURE__ */ e.jsx(
   $e,
   {
     width: s === o - 1 ? "60%" : "100%",
     height: 16
   },
   s
-)) }), to = () => /* @__PURE__ */ e.jsxs("div", { style: {
+)) }), ro = () => /* @__PURE__ */ e.jsxs("div", { style: {
   padding: "var(--space-lg)",
   border: "2px solid var(--border-color)",
   borderRadius: "var(--radius-md)",
@@ -1457,20 +1457,20 @@ const Qr = ({
   gap: "var(--space-md)"
 }, children: [
   /* @__PURE__ */ e.jsx($e, { height: 24, width: "50%" }),
-  /* @__PURE__ */ e.jsx(_r, { lines: 3 })
-] }), Ir = ({
+  /* @__PURE__ */ e.jsx(Fr, { lines: 3 })
+] }), _r = ({
   brand: o,
   darkMode: t,
   onThemeToggle: s,
   onAccountClick: i,
-  onNotificationClick: n
+  onNotificationClick: l
 }) => {
-  const [l, c] = P(!1), [u, f] = P(!1), [j, p] = P(null);
+  const [n, c] = P(!1), [u, f] = P(!1), [j, p] = P(null);
   N(() => {
     const b = () => c(window.innerWidth < 768);
     return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
   }, []);
-  const y = o.navItems.filter((b) => b.inNavbar !== !1);
+  const x = o.navItems.filter((b) => b.inNavbar !== !1);
   return /* @__PURE__ */ e.jsxs("header", { style: {
     backgroundColor: "var(--primary-color)",
     borderBottom: "4px solid var(--accent-color)",
@@ -1505,20 +1505,20 @@ const Qr = ({
       /* @__PURE__ */ e.jsx("h1", { style: {
         margin: 0,
         fontFamily: "var(--font-serif)",
-        fontSize: l ? "1.1rem" : "1.4rem",
+        fontSize: n ? "1.1rem" : "1.4rem",
         fontWeight: 700,
         color: "var(--surface-light)",
         whiteSpace: "nowrap",
         flexShrink: 0
       }, children: o.name }),
-      !l && /* @__PURE__ */ e.jsx("nav", { style: {
+      !n && /* @__PURE__ */ e.jsx("nav", { style: {
         display: "flex",
         alignItems: "center",
         gap: "var(--space-sm)",
         flex: 1,
         justifyContent: "center"
-      }, children: y.map((b) => /* @__PURE__ */ e.jsx(
-        Mr,
+      }, children: x.map((b) => /* @__PURE__ */ e.jsx(
+        Ir,
         {
           item: b,
           isActive: j === b.label,
@@ -1527,24 +1527,24 @@ const Qr = ({
         },
         b.label
       )) }),
-      l && /* @__PURE__ */ e.jsx("div", { style: { flex: 1 } }),
+      n && /* @__PURE__ */ e.jsx("div", { style: { flex: 1 } }),
       /* @__PURE__ */ e.jsxs("div", { style: {
         display: "flex",
         alignItems: "center",
         gap: "var(--space-xs)",
         flexShrink: 0
       }, children: [
-        l && /* @__PURE__ */ e.jsx(Z, { onClick: () => f(!u), label: "Menu", size: 36, children: /* @__PURE__ */ e.jsx(Br, {}) }),
-        /* @__PURE__ */ e.jsx(Z, { onClick: s, label: "Toggle theme", size: 36, children: t ? /* @__PURE__ */ e.jsx(Pr, {}) : /* @__PURE__ */ e.jsx(zr, {}) }),
-        !l && n && /* @__PURE__ */ e.jsx(Z, { onClick: n, label: "Notifications", size: 36, children: /* @__PURE__ */ e.jsx(Wr, {}) }),
-        /* @__PURE__ */ e.jsx(Z, { onClick: i, label: "Account", size: 40, children: /* @__PURE__ */ e.jsx(Ar, {}) })
+        n && /* @__PURE__ */ e.jsx(Z, { onClick: () => f(!u), label: "Menu", size: 36, children: /* @__PURE__ */ e.jsx(Ar, {}) }),
+        /* @__PURE__ */ e.jsx(Z, { onClick: s, label: "Toggle theme", size: 36, children: t ? /* @__PURE__ */ e.jsx(zr, {}) : /* @__PURE__ */ e.jsx(Dr, {}) }),
+        !n && l && /* @__PURE__ */ e.jsx(Z, { onClick: l, label: "Notifications", size: 36, children: /* @__PURE__ */ e.jsx(Pr, {}) }),
+        /* @__PURE__ */ e.jsx(Z, { onClick: i, label: "Account", size: 40, children: /* @__PURE__ */ e.jsx(Wr, {}) })
       ] })
     ] }),
-    l && u && /* @__PURE__ */ e.jsx("div", { style: {
+    n && u && /* @__PURE__ */ e.jsx("div", { style: {
       backgroundColor: "var(--bg-color)",
       borderTop: "1px solid var(--border-color)",
       padding: "var(--space-sm)"
-    }, children: y.map((b) => /* @__PURE__ */ e.jsx(Dr, { item: b, onClose: () => f(!1) }, b.label)) })
+    }, children: x.map((b) => /* @__PURE__ */ e.jsx(Mr, { item: b, onClose: () => f(!1) }, b.label)) })
   ] });
 }, Z = ({ onClick: o, label: t, size: s = 36, children: i }) => /* @__PURE__ */ e.jsx(
   "button",
@@ -1564,114 +1564,168 @@ const Qr = ({
       transition: "background var(--transition-fast)",
       color: "var(--surface-light)"
     },
-    onMouseEnter: (n) => n.currentTarget.style.backgroundColor = "rgba(255,255,255,0.2)",
-    onMouseLeave: (n) => n.currentTarget.style.backgroundColor = "rgba(255,255,255,0.1)",
+    onMouseEnter: (l) => l.currentTarget.style.backgroundColor = "rgba(255,255,255,0.2)",
+    onMouseLeave: (l) => l.currentTarget.style.backgroundColor = "rgba(255,255,255,0.1)",
     children: i
   }
-), Mr = ({ item: o, isActive: t, onHover: s, onLeave: i }) => /* @__PURE__ */ e.jsxs(
-  "div",
-  {
-    onMouseEnter: () => o.children && s(o.label),
-    onMouseLeave: i,
-    style: { position: "relative" },
-    children: [
-      /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: o.onClick,
-          style: {
-            background: "none",
-            border: "none",
-            color: "var(--surface-light)",
-            cursor: "pointer",
-            fontFamily: "var(--font-sans)",
-            fontWeight: 500,
-            fontSize: "0.9rem",
-            padding: "var(--space-xs) var(--space-sm)",
-            borderRadius: "var(--radius-sm)",
-            transition: "background var(--transition-fast)"
+), Ir = ({ item: o, isActive: t, onHover: s, onLeave: i }) => {
+  const l = () => {
+    o.onClick ? o.onClick() : o.path && (window.location.href = o.path);
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onMouseEnter: () => o.children && s(o.label),
+      onMouseLeave: i,
+      style: { position: "relative" },
+      children: [
+        o.path && !o.onClick && !o.children ? /* @__PURE__ */ e.jsx(
+          "a",
+          {
+            href: o.path,
+            style: {
+              background: "none",
+              border: "none",
+              color: "var(--surface-light)",
+              cursor: "pointer",
+              fontFamily: "var(--font-sans)",
+              fontWeight: 500,
+              fontSize: "0.9rem",
+              padding: "var(--space-xs) var(--space-sm)",
+              borderRadius: "var(--radius-sm)",
+              transition: "background var(--transition-fast)",
+              textDecoration: "none",
+              display: "inline-block"
+            },
+            onMouseEnter: (n) => n.currentTarget.style.backgroundColor = "rgba(255,255,255,0.1)",
+            onMouseLeave: (n) => n.currentTarget.style.backgroundColor = "transparent",
+            children: o.label
+          }
+        ) : /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: l,
+            style: {
+              background: "none",
+              border: "none",
+              color: "var(--surface-light)",
+              cursor: "pointer",
+              fontFamily: "var(--font-sans)",
+              fontWeight: 500,
+              fontSize: "0.9rem",
+              padding: "var(--space-xs) var(--space-sm)",
+              borderRadius: "var(--radius-sm)",
+              transition: "background var(--transition-fast)"
+            },
+            onMouseEnter: (n) => n.currentTarget.style.backgroundColor = "rgba(255,255,255,0.1)",
+            onMouseLeave: (n) => n.currentTarget.style.backgroundColor = "transparent",
+            children: [
+              o.label,
+              " ",
+              o.children && "▾"
+            ]
+          }
+        ),
+        o.children && t && /* @__PURE__ */ e.jsx("div", { style: {
+          position: "absolute",
+          top: "100%",
+          left: "50%",
+          transform: "translateX(-50%)",
+          backgroundColor: "var(--bg-color)",
+          minWidth: 160,
+          boxShadow: "var(--shadow-lg)",
+          borderRadius: "var(--radius-md)",
+          padding: "var(--space-xs) 0",
+          zIndex: 200,
+          marginTop: 4
+        }, children: o.children.map((n) => n.path ? /* @__PURE__ */ e.jsx(
+          "a",
+          {
+            href: n.path,
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "var(--space-sm) var(--space-md)",
+              border: "none",
+              background: "none",
+              textAlign: "left",
+              cursor: "pointer",
+              fontFamily: "var(--font-sans)",
+              fontSize: "0.9rem",
+              color: "var(--text-color)",
+              transition: "background var(--transition-fast)",
+              textDecoration: "none"
+            },
+            onMouseEnter: (c) => c.currentTarget.style.backgroundColor = "var(--secondary-color)",
+            onMouseLeave: (c) => c.currentTarget.style.backgroundColor = "transparent",
+            children: n.label
           },
-          onMouseEnter: (n) => n.currentTarget.style.backgroundColor = "rgba(255,255,255,0.1)",
-          onMouseLeave: (n) => n.currentTarget.style.backgroundColor = "transparent",
-          children: [
-            o.label,
-            " ",
-            o.children && "▾"
-          ]
-        }
-      ),
-      o.children && t && /* @__PURE__ */ e.jsx("div", { style: {
-        position: "absolute",
-        top: "100%",
-        left: "50%",
-        transform: "translateX(-50%)",
-        backgroundColor: "var(--bg-color)",
-        minWidth: 160,
-        boxShadow: "var(--shadow-lg)",
-        borderRadius: "var(--radius-md)",
-        padding: "var(--space-xs) 0",
-        zIndex: 200,
-        marginTop: 4
-      }, children: o.children.map((n) => /* @__PURE__ */ e.jsx(
-        "button",
-        {
-          onClick: n.onClick,
-          style: {
-            display: "block",
-            width: "100%",
-            padding: "var(--space-sm) var(--space-md)",
-            border: "none",
-            background: "none",
-            textAlign: "left",
-            cursor: "pointer",
-            fontFamily: "var(--font-sans)",
-            fontSize: "0.9rem",
-            color: "var(--text-color)",
-            transition: "background var(--transition-fast)"
+          n.label
+        ) : /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: n.onClick,
+            style: {
+              display: "block",
+              width: "100%",
+              padding: "var(--space-sm) var(--space-md)",
+              border: "none",
+              background: "none",
+              textAlign: "left",
+              cursor: "pointer",
+              fontFamily: "var(--font-sans)",
+              fontSize: "0.9rem",
+              color: "var(--text-color)",
+              transition: "background var(--transition-fast)"
+            },
+            onMouseEnter: (c) => c.currentTarget.style.backgroundColor = "var(--secondary-color)",
+            onMouseLeave: (c) => c.currentTarget.style.backgroundColor = "transparent",
+            children: n.label
           },
-          onMouseEnter: (l) => l.currentTarget.style.backgroundColor = "var(--secondary-color)",
-          onMouseLeave: (l) => l.currentTarget.style.backgroundColor = "transparent",
-          children: n.label
-        },
-        n.label
-      )) })
-    ]
-  }
-), Dr = ({ item: o, onClose: t }) => /* @__PURE__ */ e.jsx(
-  "button",
-  {
-    onClick: () => {
-      var s;
-      (s = o.onClick) == null || s.call(o), t();
-    },
-    style: {
-      display: "block",
-      width: "100%",
-      padding: "var(--space-sm) var(--space-md)",
-      border: "none",
-      background: "none",
-      textAlign: "left",
-      cursor: "pointer",
-      fontFamily: "var(--font-sans)",
-      fontWeight: 500,
-      fontSize: "0.95rem",
-      color: "var(--text-color)",
-      borderRadius: "var(--radius-sm)"
-    },
-    children: o.label
-  }
-), zr = () => /* @__PURE__ */ e.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          n.label
+        )) })
+      ]
+    }
+  );
+}, Mr = ({ item: o, onClose: t }) => {
+  const s = {
+    display: "block",
+    width: "100%",
+    padding: "var(--space-sm) var(--space-md)",
+    border: "none",
+    background: "none",
+    textAlign: "left",
+    cursor: "pointer",
+    fontFamily: "var(--font-sans)",
+    fontWeight: 500,
+    fontSize: "0.95rem",
+    color: "var(--text-color)",
+    borderRadius: "var(--radius-sm)",
+    textDecoration: "none"
+  };
+  return o.path && !o.onClick ? /* @__PURE__ */ e.jsx("a", { href: o.path, style: s, onClick: t, children: o.label }) : /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      onClick: () => {
+        var i;
+        (i = o.onClick) == null || i.call(o), t();
+      },
+      style: s,
+      children: o.label
+    }
+  );
+}, Dr = () => /* @__PURE__ */ e.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
   /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "5" }),
   /* @__PURE__ */ e.jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
-] }), Pr = () => /* @__PURE__ */ e.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }), Wr = () => /* @__PURE__ */ e.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0" }) }), Ar = () => /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+] }), zr = () => /* @__PURE__ */ e.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }), Pr = () => /* @__PURE__ */ e.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0" }) }), Wr = () => /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
   /* @__PURE__ */ e.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
   /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "7", r: "4" })
-] }), Br = () => /* @__PURE__ */ e.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M3 12h18M3 6h18M3 18h18" }) }), Lr = ({
+] }), Ar = () => /* @__PURE__ */ e.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M3 12h18M3 6h18M3 18h18" }) }), Lr = ({
   copyrightBrand: o,
   yearCreated: t,
   poweredBy: s
 }) => {
-  const i = (/* @__PURE__ */ new Date()).getFullYear(), n = t === i ? i.toString() : `${t}-${i}`;
+  const i = (/* @__PURE__ */ new Date()).getFullYear(), l = t === i ? i.toString() : `${t}-${i}`;
   return /* @__PURE__ */ e.jsx("footer", { style: {
     backgroundColor: "var(--primary-color)",
     color: "var(--bg-color)",
@@ -1693,7 +1747,7 @@ const Qr = ({
       opacity: 0.8
     }, children: [
       "© ",
-      n,
+      l,
       " ",
       o,
       ". All rights reserved."
@@ -1709,67 +1763,24 @@ const Qr = ({
       /* @__PURE__ */ e.jsx("span", { style: { color: "var(--org-color)", fontWeight: 600 }, children: s })
     ] })
   ] }) });
-}, Or = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsx("style", { children: `
-        .mobile-ad-banner {
-          display: none;
-        }
-        @media (max-width: 1200px) {
-          .mobile-ad-banner {
-            display: block;
-            position: sticky;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            padding: 8px;
-            background-color: var(--bg-color);
-            border-top: 2px solid var(--border-color);
-            text-align: center;
-            margin-top: auto;
-          }
-        }
-      ` }),
-  /* @__PURE__ */ e.jsx("div", { className: "mobile-ad-banner", children: /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-ad-slot": "mobile-banner",
-      style: {
-        width: "100%",
-        maxWidth: 468,
-        height: 60,
-        margin: "0 auto",
-        backgroundColor: "var(--secondary-color)",
-        border: "2px dashed var(--border-color)",
-        borderRadius: "4px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontFamily: "var(--font-sans)",
-        fontSize: "0.8rem",
-        color: "var(--text-color)",
-        opacity: 0.6
-      },
-      children: "Ad (468×60)"
-    }
-  ) })
-] });
-function $r(o) {
+};
+function Br(o) {
   const [t, s] = P(() => {
     if (typeof window > "u") return !1;
-    const n = localStorage.getItem("theme-mode");
-    return n ? n === "dark" : o.theme.defaultTheme === "dark" ? !0 : o.theme.defaultTheme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1;
+    const l = localStorage.getItem("theme-mode");
+    return l ? l === "dark" : o.theme.defaultTheme === "dark" ? !0 : o.theme.defaultTheme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1;
   });
   N(() => {
-    Yr(o.theme);
+    Or(o.theme);
   }, [o.theme]), N(() => {
     document.body.classList.toggle("dark-mode", t), localStorage.setItem("theme-mode", t ? "dark" : "light");
   }, [t]);
-  const i = Sr(() => {
-    s((n) => !n);
+  const i = Cr(() => {
+    s((l) => !l);
   }, []);
   return { darkMode: t, toggleDarkMode: i };
 }
-function Yr(o) {
+function Or(o) {
   const t = document.documentElement;
   t.style.setProperty("--primary-color", o.primaryColor), t.style.setProperty("--secondary-color", o.secondaryColor), t.style.setProperty("--accent-color", o.accentColor), o.surfaceLight && t.style.setProperty("--surface-light", o.surfaceLight), o.surfaceDark && t.style.setProperty("--surface-dark", o.surfaceDark), o.textLight && t.style.setProperty("--text-light", o.textLight), o.textDark && t.style.setProperty("--text-dark", o.textDark);
 }
@@ -1779,25 +1790,22 @@ const U = ({
   onAccountClick: s,
   onNotificationClick: i
 }) => {
-  const { darkMode: n, toggleDarkMode: l } = $r(o);
+  const { darkMode: l, toggleDarkMode: n } = Br(o);
   return /* @__PURE__ */ e.jsxs("div", { className: "shell", style: { display: "flex", flexDirection: "column", minHeight: "100vh" }, children: [
     /* @__PURE__ */ e.jsx(
-      Ir,
+      _r,
       {
         brand: o,
-        darkMode: n,
-        onThemeToggle: l,
+        darkMode: l,
+        onThemeToggle: n,
         onAccountClick: s,
         onNotificationClick: i
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ e.jsx("main", { style: {
-        flex: 1,
-        backgroundColor: "var(--bg-color)"
-      }, children: t }),
-      /* @__PURE__ */ e.jsx(Or, {})
-    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ e.jsx("main", { style: {
+      flex: 1,
+      backgroundColor: "var(--bg-color)"
+    }, children: t }) }),
     /* @__PURE__ */ e.jsx(
       Lr,
       {
@@ -1826,20 +1834,20 @@ const U = ({
     fontFamily: "var(--font-sans)",
     fontSize: "0.9rem",
     fontWeight: 600
-  }, children: s.map((n, l) => /* @__PURE__ */ e.jsxs(ue.Fragment, { children: [
-    l > 0 && /* @__PURE__ */ e.jsx("span", { style: { color: "var(--surface-light)", opacity: 0.4 }, children: "/" }),
-    n.path ? /* @__PURE__ */ e.jsx(
+  }, children: s.map((l, n) => /* @__PURE__ */ e.jsxs(ue.Fragment, { children: [
+    n > 0 && /* @__PURE__ */ e.jsx("span", { style: { color: "var(--surface-light)", opacity: 0.4 }, children: "/" }),
+    l.path ? /* @__PURE__ */ e.jsx(
       "a",
       {
-        href: n.path,
+        href: l.path,
         style: {
           color: "var(--accent-color)",
           textDecoration: "none"
         },
-        children: n.label
+        children: l.label
       }
-    ) : /* @__PURE__ */ e.jsx("span", { style: { color: "var(--surface-light)", opacity: 0.8 }, children: n.label })
-  ] }, n.label)) }),
+    ) : /* @__PURE__ */ e.jsx("span", { style: { color: "var(--surface-light)", opacity: 0.8 }, children: l.label })
+  ] }, l.label)) }),
   /* @__PURE__ */ e.jsx("h1", { style: {
     margin: 0,
     fontFamily: "var(--font-serif)",
@@ -1943,10 +1951,10 @@ const U = ({
         gridTemplateColumns: `repeat(${t}, 1fr)`,
         gap: "var(--space-md)"
       },
-      children: s.map((i) => /* @__PURE__ */ e.jsx(Nr, { ...i }, i.label))
+      children: s.map((i) => /* @__PURE__ */ e.jsx($r, { ...i }, i.label))
     }
   ) });
-}, Nr = ({
+}, $r = ({
   label: o,
   value: t,
   icon: s
@@ -1997,12 +2005,12 @@ const ee = ({
   items: t,
   basePath: s,
   emptyMessage: i = "No items found",
-  showSearch: n = !0,
-  initialLimit: l = 30
+  showSearch: l = !0,
+  initialLimit: n = 30
 }) => {
   const [c, u] = P(""), [f, j] = P(!1), p = t.filter(
     (C) => C.name.toLowerCase().includes(c.toLowerCase())
-  ), y = f || c.length > 0, b = y ? p : p.slice(0, l), I = p.length > l && !y;
+  ), x = f || c.length > 0, b = x ? p : p.slice(0, n), I = p.length > n && !x;
   return /* @__PURE__ */ e.jsx("section", { style: {
     marginBottom: "var(--space-lg)"
   }, children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -2031,7 +2039,7 @@ const ee = ({
           ")"
         ] })
       ] }),
-      n && t.length > 10 && /* @__PURE__ */ e.jsx(
+      l && t.length > 10 && /* @__PURE__ */ e.jsx(
         "input",
         {
           type: "text",
@@ -2137,7 +2145,7 @@ const ee = ({
           onMouseLeave: (C) => {
             C.currentTarget.style.opacity = "1";
           },
-          children: f ? "Show less" : `+${p.length - l} more`
+          children: f ? "Show less" : `+${p.length - n} more`
         }
       )
     ] }) })
@@ -2181,15 +2189,15 @@ const ee = ({
     display: "flex",
     flexDirection: "column",
     gap: "var(--space-sm)"
-  }, children: t.map((n) => /* @__PURE__ */ e.jsx(
-    Ur,
+  }, children: t.map((l) => /* @__PURE__ */ e.jsx(
+    Yr,
     {
-      event: n,
+      event: l,
       showAgencyBadge: i
     },
-    n.eventId
+    l.eventId
   )) })
-] }) }), Ur = ({
+] }) }), Yr = ({
   event: o,
   showAgencyBadge: t
 }) => /* @__PURE__ */ e.jsx(
@@ -2249,7 +2257,7 @@ const ee = ({
           fontSize: "0.85rem",
           color: "var(--text-color)",
           opacity: 0.6
-        }, children: Hr(o.eventDate) }),
+        }, children: Nr(o.eventDate) }),
         (o.city || o.state) && /* @__PURE__ */ e.jsx("span", { style: {
           fontFamily: "var(--font-sans)",
           fontSize: "0.85rem",
@@ -2280,7 +2288,7 @@ const ee = ({
     ] })
   }
 );
-function Hr(o) {
+function Nr(o) {
   try {
     return new Date(o).toLocaleDateString("en-US", {
       year: "numeric",
@@ -2291,7 +2299,7 @@ function Hr(o) {
     return o;
   }
 }
-const Ye = ({
+const oo = ({
   position: o,
   width: t,
   height: s
@@ -2301,14 +2309,14 @@ const Ye = ({
     "left-sidebar": { width: t ?? "100%", height: s ?? 200 },
     banner: { width: t ?? "100%", height: s ?? 90 },
     inline: { width: t ?? "100%", height: s ?? 120 }
-  }, { width: n, height: l } = i[o];
+  }, { width: l, height: n } = i[o];
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       "data-ad-slot": o,
       style: {
-        width: n,
-        height: l,
+        width: l,
+        height: n,
         backgroundColor: "var(--secondary-color)",
         border: "2px dashed var(--border-color)",
         borderRadius: "var(--radius-md)",
@@ -2328,196 +2336,230 @@ const Ye = ({
     }
   );
 }, X = ({
-  meta: o,
-  showAd: t = !0
+  meta: o
 }) => {
-  if (!o && !t) return null;
-  const s = o ? [
+  if (!o) return null;
+  const t = o ? [
     o.population && { label: "Population", value: o.population.toLocaleString() },
     o.industry && { label: "Industry", value: o.industry },
     o.founded && { label: "Founded", value: o.founded },
     o.headquarters && { label: "HQ", value: o.headquarters }
   ].filter(Boolean) : [];
-  return /* @__PURE__ */ e.jsxs("aside", { className: "page-sidebar", style: {
+  return /* @__PURE__ */ e.jsx("aside", { className: "page-sidebar", style: {
     display: "flex",
     flexDirection: "column",
     gap: "var(--space-md)"
+  }, children: t.length > 0 && /* @__PURE__ */ e.jsxs("div", { style: {
+    padding: "var(--space-lg)",
+    backgroundColor: "var(--bg-color)",
+    border: "2px solid var(--border-color)",
+    borderRadius: "var(--radius-md)"
   }, children: [
-    s.length > 0 && /* @__PURE__ */ e.jsxs("div", { style: {
-      padding: "var(--space-lg)",
-      backgroundColor: "var(--bg-color)",
-      border: "2px solid var(--border-color)",
-      borderRadius: "var(--radius-md)"
-    }, children: [
-      (o == null ? void 0 : o.logoUrl) && /* @__PURE__ */ e.jsx("div", { style: {
-        width: 80,
-        height: 80,
-        margin: "0 auto var(--space-md)",
-        borderRadius: "var(--radius-md)",
-        overflow: "hidden",
-        backgroundColor: "white",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      }, children: /* @__PURE__ */ e.jsx(
-        "img",
-        {
-          src: o.logoUrl,
-          alt: "",
-          style: { maxWidth: "100%", maxHeight: "100%" }
-        }
-      ) }),
-      (o == null ? void 0 : o.flagUrl) && /* @__PURE__ */ e.jsx("div", { style: {
-        width: "100%",
-        margin: "0 auto var(--space-md)",
-        borderRadius: "var(--radius-sm)",
-        overflow: "hidden",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        border: "1px solid var(--border-color)"
-      }, children: /* @__PURE__ */ e.jsx(
-        "img",
-        {
-          src: o.flagUrl,
-          alt: "",
-          style: { width: "100%", height: "auto", display: "block" }
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx("dl", { style: { margin: 0 }, children: s.map(({ label: i, value: n }) => /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          style: {
-            padding: "var(--space-sm) 0",
-            borderBottom: "1px solid var(--border-color)"
-          },
-          children: [
-            /* @__PURE__ */ e.jsx("dt", { style: {
-              fontFamily: "var(--font-sans)",
-              fontSize: "0.75rem",
-              color: "var(--text-color)",
-              opacity: 0.6,
-              textTransform: "uppercase",
-              letterSpacing: "0.5px",
-              marginBottom: "2px"
-            }, children: i }),
-            /* @__PURE__ */ e.jsx("dd", { style: {
-              margin: 0,
-              fontFamily: "var(--font-sans)",
-              fontSize: "0.9rem",
-              fontWeight: 600,
-              color: "var(--text-color)"
-            }, children: n })
-          ]
+    (o == null ? void 0 : o.logoUrl) && /* @__PURE__ */ e.jsx("div", { style: {
+      width: 80,
+      height: 80,
+      margin: "0 auto var(--space-md)",
+      borderRadius: "var(--radius-md)",
+      overflow: "hidden",
+      backgroundColor: "white",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }, children: /* @__PURE__ */ e.jsx(
+      "img",
+      {
+        src: o.logoUrl,
+        alt: "",
+        style: { maxWidth: "100%", maxHeight: "100%" }
+      }
+    ) }),
+    (o == null ? void 0 : o.flagUrl) && /* @__PURE__ */ e.jsx("div", { style: {
+      width: "100%",
+      margin: "0 auto var(--space-md)",
+      borderRadius: "var(--radius-sm)",
+      overflow: "hidden",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      border: "1px solid var(--border-color)"
+    }, children: /* @__PURE__ */ e.jsx(
+      "img",
+      {
+        src: o.flagUrl,
+        alt: "",
+        style: { width: "100%", height: "auto", display: "block" }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("dl", { style: { margin: 0 }, children: t.map(({ label: s, value: i }) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        style: {
+          padding: "var(--space-sm) 0",
+          borderBottom: "1px solid var(--border-color)"
         },
-        i
-      )) })
-    ] }),
-    t && /* @__PURE__ */ e.jsx(Ye, { position: "sidebar" })
-  ] });
-}, q = ({
-  showAd: o = !0
-}) => /* @__PURE__ */ e.jsxs("aside", { className: "page-filters", style: {
+        children: [
+          /* @__PURE__ */ e.jsx("dt", { style: {
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.75rem",
+            color: "var(--text-color)",
+            opacity: 0.6,
+            textTransform: "uppercase",
+            letterSpacing: "0.5px",
+            marginBottom: "2px"
+          }, children: s }),
+          /* @__PURE__ */ e.jsx("dd", { style: {
+            margin: 0,
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.9rem",
+            fontWeight: 600,
+            color: "var(--text-color)"
+          }, children: i })
+        ]
+      },
+      s
+    )) })
+  ] }) });
+}, q = () => /* @__PURE__ */ e.jsx("aside", { className: "page-filters", style: {
   display: "flex",
   flexDirection: "column",
   gap: "var(--space-md)"
+}, children: /* @__PURE__ */ e.jsxs("div", { style: {
+  padding: "var(--space-md)",
+  backgroundColor: "var(--bg-color)",
+  border: "2px solid var(--border-color)",
+  borderRadius: "var(--radius-md)"
 }, children: [
-  /* @__PURE__ */ e.jsxs("div", { style: {
-    padding: "var(--space-md)",
-    backgroundColor: "var(--bg-color)",
-    border: "2px solid var(--border-color)",
-    borderRadius: "var(--radius-md)"
-  }, children: [
-    /* @__PURE__ */ e.jsx("h3", { style: {
-      margin: "0 0 var(--space-md)",
-      fontFamily: "var(--font-serif)",
-      fontSize: "1.1rem",
+  /* @__PURE__ */ e.jsx("h3", { style: {
+    margin: "0 0 var(--space-md)",
+    fontFamily: "var(--font-serif)",
+    fontSize: "1.1rem",
+    color: "var(--text-color)"
+  }, children: "Filters" }),
+  /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "var(--space-md)" }, children: [
+    /* @__PURE__ */ e.jsx("label", { style: {
+      display: "block",
+      fontSize: "0.85rem",
+      fontWeight: 500,
+      marginBottom: "var(--space-xs)",
       color: "var(--text-color)"
-    }, children: "Filters" }),
-    /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "var(--space-md)" }, children: [
-      /* @__PURE__ */ e.jsx("label", { style: {
-        display: "block",
-        fontSize: "0.85rem",
-        fontWeight: 500,
-        marginBottom: "var(--space-xs)",
-        color: "var(--text-color)"
-      }, children: "Date Range" }),
-      /* @__PURE__ */ e.jsxs("select", { style: {
+    }, children: "Date Range" }),
+    /* @__PURE__ */ e.jsxs("select", { style: {
+      width: "100%",
+      padding: "var(--space-sm)",
+      borderRadius: "var(--radius-sm)",
+      border: "1px solid var(--border-color)",
+      backgroundColor: "var(--bg-color)",
+      color: "var(--text-color)",
+      fontSize: "0.9rem"
+    }, children: [
+      /* @__PURE__ */ e.jsx("option", { children: "All Time" }),
+      /* @__PURE__ */ e.jsx("option", { children: "Last Year" }),
+      /* @__PURE__ */ e.jsx("option", { children: "Last 5 Years" }),
+      /* @__PURE__ */ e.jsx("option", { children: "Last 10 Years" })
+    ] })
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "var(--space-md)" }, children: [
+    /* @__PURE__ */ e.jsx("label", { style: {
+      display: "block",
+      fontSize: "0.85rem",
+      fontWeight: 500,
+      marginBottom: "var(--space-xs)",
+      color: "var(--text-color)"
+    }, children: "Severity" }),
+    /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--space-xs)" }, children: ["All", "Fatalities", "Hospitalizations", "Amputations"].map((o) => /* @__PURE__ */ e.jsxs("label", { style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--space-xs)",
+      fontSize: "0.85rem",
+      cursor: "pointer"
+    }, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "checkbox",
+          defaultChecked: o === "All",
+          style: { accentColor: "var(--primary-color)" }
+        }
+      ),
+      o
+    ] }, o)) })
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("label", { style: {
+      display: "block",
+      fontSize: "0.85rem",
+      fontWeight: 500,
+      marginBottom: "var(--space-xs)",
+      color: "var(--text-color)"
+    }, children: "Sort By" }),
+    /* @__PURE__ */ e.jsxs("select", { style: {
+      width: "100%",
+      padding: "var(--space-sm)",
+      borderRadius: "var(--radius-sm)",
+      border: "1px solid var(--border-color)",
+      backgroundColor: "var(--bg-color)",
+      color: "var(--text-color)",
+      fontSize: "0.9rem"
+    }, children: [
+      /* @__PURE__ */ e.jsx("option", { children: "Most Incidents" }),
+      /* @__PURE__ */ e.jsx("option", { children: "Most Recent" }),
+      /* @__PURE__ */ e.jsx("option", { children: "Highest Fines" }),
+      /* @__PURE__ */ e.jsx("option", { children: "Alphabetical" })
+    ] })
+  ] })
+] }) }), to = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx("style", { children: `
+        .mobile-ad-banner {
+          display: none;
+        }
+        @media (max-width: 1200px) {
+          .mobile-ad-banner {
+            display: block;
+            position: sticky;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            padding: 8px;
+            background-color: var(--bg-color);
+            border-top: 2px solid var(--border-color);
+            text-align: center;
+            margin-top: auto;
+          }
+        }
+      ` }),
+  /* @__PURE__ */ e.jsx("div", { className: "mobile-ad-banner", children: /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-ad-slot": "mobile-banner",
+      style: {
         width: "100%",
-        padding: "var(--space-sm)",
-        borderRadius: "var(--radius-sm)",
-        border: "1px solid var(--border-color)",
-        backgroundColor: "var(--bg-color)",
-        color: "var(--text-color)",
-        fontSize: "0.9rem"
-      }, children: [
-        /* @__PURE__ */ e.jsx("option", { children: "All Time" }),
-        /* @__PURE__ */ e.jsx("option", { children: "Last Year" }),
-        /* @__PURE__ */ e.jsx("option", { children: "Last 5 Years" }),
-        /* @__PURE__ */ e.jsx("option", { children: "Last 10 Years" })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "var(--space-md)" }, children: [
-      /* @__PURE__ */ e.jsx("label", { style: {
-        display: "block",
-        fontSize: "0.85rem",
-        fontWeight: 500,
-        marginBottom: "var(--space-xs)",
-        color: "var(--text-color)"
-      }, children: "Severity" }),
-      /* @__PURE__ */ e.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--space-xs)" }, children: ["All", "Fatalities", "Hospitalizations", "Amputations"].map((t) => /* @__PURE__ */ e.jsxs("label", { style: {
+        maxWidth: 468,
+        height: 60,
+        margin: "0 auto",
+        backgroundColor: "var(--secondary-color)",
+        border: "2px dashed var(--border-color)",
+        borderRadius: "4px",
         display: "flex",
         alignItems: "center",
-        gap: "var(--space-xs)",
-        fontSize: "0.85rem",
-        cursor: "pointer"
-      }, children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            type: "checkbox",
-            defaultChecked: t === "All",
-            style: { accentColor: "var(--primary-color)" }
-          }
-        ),
-        t
-      ] }, t)) })
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx("label", { style: {
-        display: "block",
-        fontSize: "0.85rem",
-        fontWeight: 500,
-        marginBottom: "var(--space-xs)",
-        color: "var(--text-color)"
-      }, children: "Sort By" }),
-      /* @__PURE__ */ e.jsxs("select", { style: {
-        width: "100%",
-        padding: "var(--space-sm)",
-        borderRadius: "var(--radius-sm)",
-        border: "1px solid var(--border-color)",
-        backgroundColor: "var(--bg-color)",
+        justifyContent: "center",
+        fontFamily: "var(--font-sans)",
+        fontSize: "0.8rem",
         color: "var(--text-color)",
-        fontSize: "0.9rem"
-      }, children: [
-        /* @__PURE__ */ e.jsx("option", { children: "Most Incidents" }),
-        /* @__PURE__ */ e.jsx("option", { children: "Most Recent" }),
-        /* @__PURE__ */ e.jsx("option", { children: "Highest Fines" }),
-        /* @__PURE__ */ e.jsx("option", { children: "Alphabetical" })
-      ] })
-    ] })
-  ] }),
-  o && /* @__PURE__ */ e.jsx(Ye, { position: "left-sidebar" })
+        opacity: 0.6
+      },
+      children: "Ad (468×60)"
+    }
+  ) })
 ] }), ao = ({
   brand: o,
   data: t,
   onAccountClick: s,
   onNotificationClick: i
 }) => {
-  const n = [
+  const l = [
     { label: "Home", path: "/" },
     { label: t.name }
-  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+  ], n = o.scoreConfig && t.stats.score !== void 0 ? {
     value: t.stats.score,
     label: o.scoreConfig.name,
     betaDisclaimer: o.scoreConfig.betaDisclaimer
@@ -2534,12 +2576,12 @@ const Ye = ({
           {
             title: t.name,
             subtitle: o.tagline || "Explore worker safety data across the nation",
-            breadcrumbs: n,
-            score: l
+            breadcrumbs: l,
+            score: n
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
-          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsx(q, {}),
           /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
             /* @__PURE__ */ e.jsx(V, { stats: t.stats, columns: 4 }),
             /* @__PURE__ */ e.jsx(
@@ -2552,7 +2594,7 @@ const Ye = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta })
         ] })
       ]
     }
@@ -2563,11 +2605,11 @@ const Ye = ({
   onAccountClick: s,
   onNotificationClick: i
 }) => {
-  const n = [
+  const l = [
     { label: "Home", path: "/" },
     { label: "USA", path: "/usa" },
     { label: t.name }
-  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+  ], n = o.scoreConfig && t.stats.score !== void 0 ? {
     value: t.stats.score,
     label: o.scoreConfig.name,
     betaDisclaimer: o.scoreConfig.betaDisclaimer
@@ -2584,12 +2626,12 @@ const Ye = ({
           {
             title: t.name,
             subtitle: `Worker safety data for ${t.name}`,
-            breadcrumbs: n,
-            score: l
+            breadcrumbs: l,
+            score: n
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
-          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsx(q, {}),
           /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
             /* @__PURE__ */ e.jsx(V, { stats: t.stats }),
             /* @__PURE__ */ e.jsx(
@@ -2611,7 +2653,7 @@ const Ye = ({
               u
             ))
           ] }),
-          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta })
         ] })
       ]
     }
@@ -2622,12 +2664,12 @@ const Ye = ({
   onAccountClick: s,
   onNotificationClick: i
 }) => {
-  const n = [
+  const l = [
     { label: "Home", path: "/" },
     { label: "USA", path: "/usa" },
     { label: t.stateName, path: `/state/${t.state.toLowerCase()}` },
     { label: t.name }
-  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+  ], n = o.scoreConfig && t.stats.score !== void 0 ? {
     value: t.stats.score,
     label: o.scoreConfig.name,
     betaDisclaimer: o.scoreConfig.betaDisclaimer
@@ -2644,12 +2686,12 @@ const Ye = ({
           {
             title: `${t.name}, ${t.state}`,
             subtitle: `Worker safety data for ${t.name}`,
-            breadcrumbs: n,
-            score: l
+            breadcrumbs: l,
+            score: n
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
-          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsx(q, {}),
           /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
             /* @__PURE__ */ e.jsx(V, { stats: t.stats }),
             /* @__PURE__ */ e.jsx(
@@ -2671,7 +2713,7 @@ const Ye = ({
               f
             ))
           ] }),
-          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta })
         ] })
       ]
     }
@@ -2683,11 +2725,11 @@ const Ye = ({
   onNotificationClick: i
 }) => {
   var u;
-  const n = [
+  const l = [
     { label: "Home", path: "/" },
     { label: "USA", path: "/usa" },
     { label: t.name }
-  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+  ], n = o.scoreConfig && t.stats.score !== void 0 ? {
     value: t.stats.score,
     label: o.scoreConfig.name,
     betaDisclaimer: o.scoreConfig.betaDisclaimer
@@ -2704,12 +2746,12 @@ const Ye = ({
           {
             title: t.name,
             subtitle: (u = t.meta) != null && u.industry ? `${t.meta.industry}` : void 0,
-            breadcrumbs: n,
-            score: l
+            breadcrumbs: l,
+            score: n
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
-          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsx(q, {}),
           /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
             /* @__PURE__ */ e.jsx(V, { stats: t.stats }),
             c && /* @__PURE__ */ e.jsx(
@@ -2730,7 +2772,7 @@ const Ye = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta })
         ] })
       ]
     }
@@ -2741,12 +2783,12 @@ const Ye = ({
   onAccountClick: s,
   onNotificationClick: i
 }) => {
-  const n = [
+  const l = [
     { label: "Home", path: "/" },
     { label: "USA", path: "/usa" },
     { label: t.companyName, path: `/company/${t.companySlug}` },
     { label: `#${t.siteId}` }
-  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+  ], n = o.scoreConfig && t.stats.score !== void 0 ? {
     value: t.stats.score,
     label: o.scoreConfig.name,
     betaDisclaimer: o.scoreConfig.betaDisclaimer
@@ -2763,12 +2805,12 @@ const Ye = ({
           {
             title: t.name,
             subtitle: `Location #${t.siteId} of ${t.companyName}`,
-            breadcrumbs: n,
-            score: l
+            breadcrumbs: l,
+            score: n
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
-          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsx(q, {}),
           /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
             /* @__PURE__ */ e.jsx(V, { stats: t.stats }),
             t.siblings && t.siblings.length > 0 && /* @__PURE__ */ e.jsxs("section", { style: {
@@ -2834,43 +2876,43 @@ const Ye = ({
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta })
         ] })
       ]
     }
   );
 };
 export {
-  Ye as AdSlot,
-  Zr as Alert,
-  Jr as Badge,
-  Xr as Button,
-  qr as Card,
+  oo as AdSlot,
+  Gr as Alert,
+  Xr as Badge,
+  Hr as Button,
+  Vr as Card,
   so as CityPage,
   io as CompanyPage,
   ee as Directory,
   q as FilterSidebar,
   Lr as Footer,
-  Ir as Header,
+  _r as Header,
   H as Hero,
   X as InfoSidebar,
-  Kr as Input,
-  oo as LoadingOverlay,
-  Or as MobileAdBanner,
-  Qr as Modal,
+  qr as Input,
+  eo as LoadingOverlay,
+  to as MobileAdBanner,
+  Kr as Modal,
   ao as NationPage,
   re as RecentEvents,
   U as Shell,
   lo as SitePage,
   $e as Skeleton,
-  to as SkeletonCard,
-  _r as SkeletonText,
-  Fr as Spinner,
+  ro as SkeletonCard,
+  Fr as SkeletonText,
+  Er as Spinner,
   V as StatGrid,
   no as StatePage,
-  Gr as Table,
-  eo as Tabs,
-  ro as Tooltip,
-  Yr as applyTheme,
-  $r as useTheme
+  Jr as Table,
+  Qr as Tabs,
+  Zr as Tooltip,
+  Or as applyTheme,
+  Br as useTheme
 };