@sirsluginston/sharedui 2.0.0

package/dist/sharedui.js

@@ -0,0 +1,2895 @@
+import ue, { useState as P, useEffect as N, useCallback as Sr, useRef as Ae } from "react";
+function Rr(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;
+  });
+  N(() => {
+    Tr(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);
+  }, []);
+  return { darkMode: t, toggleDarkMode: i };
+}
+function Tr(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);
+}
+var de = { exports: {} }, $ = {};
+/**
+ * @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 Le;
+function Er() {
+  if (Le) return $;
+  Le = 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 };
+  function c(u, f, j) {
+    var p, h = {}, b = null, _ = null;
+    j !== void 0 && (b = "" + j), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (_ = f.ref);
+    for (p in f) i.call(f, p) && !l.hasOwnProperty(p) && (h[p] = f[p]);
+    if (u && u.defaultProps) for (p in f = u.defaultProps, f) h[p] === void 0 && (h[p] = f[p]);
+    return { $$typeof: t, type: u, key: b, ref: _, props: h, _owner: n.current };
+  }
+  return $.Fragment = s, $.jsx = c, $.jsxs = c, $;
+}
+var Y = {};
+/**
+ * @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 Be;
+function Fr() {
+  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"), 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"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), C = Symbol.iterator, F = "@@iterator";
+    function Ne(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var a = C && r[C] || r[F];
+      return typeof a == "function" ? a : null;
+    }
+    var W = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function S(r) {
+      {
+        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);
+      }
+    }
+    function Ue(r, a, d) {
+      {
+        var v = W.ReactDebugCurrentFrame, x = v.getStackAddendum();
+        x !== "" && (a += "%s", d = d.concat([x]));
+        var y = d.map(function(m) {
+          return String(m);
+        });
+        y.unshift("Warning: " + a), Function.prototype.apply.call(console[r], console, y);
+      }
+    }
+    var Ve = !1, He = !1, Xe = !1, qe = !1, Je = !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 === _ || Ve || He || Xe || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof === h || 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) {
+      var v = r.displayName;
+      if (v)
+        return v;
+      var x = a.displayName || a.name || "";
+      return x !== "" ? d + "(" + x + ")" : d;
+    }
+    function ve(r) {
+      return r.displayName || "Context";
+    }
+    function I(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case i:
+          return "Fragment";
+        case s:
+          return "Portal";
+        case l:
+          return "Profiler";
+        case n:
+          return "StrictMode";
+        case j:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case u:
+            var a = r;
+            return ve(a) + ".Consumer";
+          case c:
+            var d = r;
+            return ve(d._context) + ".Provider";
+          case f:
+            return Ge(r, r.render, "ForwardRef");
+          case h:
+            var v = r.displayName || null;
+            return v !== null ? v : I(r.type) || "Memo";
+          case b: {
+            var x = r, y = x._payload, m = x._init;
+            try {
+              return I(m(y));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var M = Object.assign, B = 0, pe, ge, me, xe, ye, he, be;
+    function je() {
+    }
+    je.__reactDisabledLog = !0;
+    function Qe() {
+      {
+        if (B === 0) {
+          pe = console.log, ge = console.info, me = console.warn, xe = console.error, ye = console.group, he = console.groupCollapsed, be = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: je,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        B++;
+      }
+    }
+    function Ze() {
+      {
+        if (B--, B === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: M({}, r, {
+              value: pe
+            }),
+            info: M({}, r, {
+              value: ge
+            }),
+            warn: M({}, r, {
+              value: me
+            }),
+            error: M({}, r, {
+              value: xe
+            }),
+            group: M({}, r, {
+              value: ye
+            }),
+            groupCollapsed: M({}, r, {
+              value: he
+            }),
+            groupEnd: M({}, r, {
+              value: be
+            })
+          });
+        }
+        B < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var oe = W.ReactCurrentDispatcher, te;
+    function J(r, a, d) {
+      {
+        if (te === void 0)
+          try {
+            throw Error();
+          } catch (x) {
+            var v = x.stack.trim().match(/\n( *(at )?)/);
+            te = v && v[1] || "";
+          }
+        return `
+` + te + r;
+      }
+    }
+    var ae = !1, K;
+    {
+      var er = typeof WeakMap == "function" ? WeakMap : Map;
+      K = new er();
+    }
+    function ke(r, a) {
+      if (!r || ae)
+        return "";
+      {
+        var d = K.get(r);
+        if (d !== void 0)
+          return d;
+      }
+      var v;
+      ae = !0;
+      var x = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var y;
+      y = oe.current, oe.current = null, Qe();
+      try {
+        if (a) {
+          var m = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(m.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(m, []);
+            } catch (T) {
+              v = T;
+            }
+            Reflect.construct(r, [], m);
+          } else {
+            try {
+              m.call();
+            } catch (T) {
+              v = T;
+            }
+            r.call(m.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (T) {
+            v = T;
+          }
+          r();
+        }
+      } catch (T) {
+        if (T && v && typeof T.stack == "string") {
+          for (var g = T.stack.split(`
+`), R = v.stack.split(`
+`), k = g.length - 1, w = R.length - 1; k >= 1 && w >= 0 && g[k] !== R[w]; )
+            w--;
+          for (; k >= 1 && w >= 0; k--, w--)
+            if (g[k] !== R[w]) {
+              if (k !== 1 || w !== 1)
+                do
+                  if (k--, w--, w < 0 || g[k] !== R[w]) {
+                    var E = `
+` + g[k].replace(" at new ", " at ");
+                    return r.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", r.displayName)), typeof r == "function" && K.set(r, E), E;
+                  }
+                while (k >= 1 && w >= 0);
+              break;
+            }
+        }
+      } finally {
+        ae = !1, oe.current = y, Ze(), Error.prepareStackTrace = x;
+      }
+      var L = r ? r.displayName || r.name : "", D = L ? J(L) : "";
+      return typeof r == "function" && K.set(r, D), D;
+    }
+    function rr(r, a, d) {
+      return ke(r, !1);
+    }
+    function or(r) {
+      var a = r.prototype;
+      return !!(a && a.isReactComponent);
+    }
+    function G(r, a, d) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return ke(r, or(r));
+      if (typeof r == "string")
+        return J(r);
+      switch (r) {
+        case j:
+          return J("Suspense");
+        case p:
+          return J("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case f:
+            return rr(r.render);
+          case h:
+            return G(r.type, a, d);
+          case b: {
+            var v = r, x = v._payload, y = v._init;
+            try {
+              return G(y(x), a, d);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var O = Object.prototype.hasOwnProperty, we = {}, Ce = W.ReactDebugCurrentFrame;
+    function Q(r) {
+      if (r) {
+        var a = r._owner, d = G(r.type, r._source, a ? a.type : null);
+        Ce.setExtraStackFrame(d);
+      } else
+        Ce.setExtraStackFrame(null);
+    }
+    function tr(r, a, d, v, x) {
+      {
+        var y = Function.call.bind(O);
+        for (var m in r)
+          if (y(r, m)) {
+            var g = void 0;
+            try {
+              if (typeof r[m] != "function") {
+                var R = Error((v || "React class") + ": " + d + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw R.name = "Invariant Violation", R;
+              }
+              g = r[m](a, m, v, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (k) {
+              g = k;
+            }
+            g && !(g instanceof Error) && (Q(x), 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(x), S("Failed %s type: %s", d, g.message), Q(null));
+          }
+      }
+    }
+    var ar = Array.isArray;
+    function ne(r) {
+      return ar(r);
+    }
+    function nr(r) {
+      {
+        var a = typeof Symbol == "function" && Symbol.toStringTag, d = a && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return d;
+      }
+    }
+    function sr(r) {
+      try {
+        return Se(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Se(r) {
+      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);
+    }
+    var Te = W.ReactCurrentOwner, ir = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ee, Fe;
+    function lr(r) {
+      if (O.call(r, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function cr(r) {
+      if (O.call(r, "key")) {
+        var a = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function dr(r, a) {
+      typeof r.ref == "string" && Te.current;
+    }
+    function ur(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));
+        };
+        d.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: d,
+          configurable: !0
+        });
+      }
+    }
+    function fr(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));
+        };
+        d.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: d,
+          configurable: !0
+        });
+      }
+    }
+    var vr = function(r, a, d, v, x, y, m) {
+      var g = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: r,
+        key: a,
+        ref: d,
+        props: m,
+        // Record the component responsible for creating this element.
+        _owner: y
+      };
+      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: v
+      }), Object.defineProperty(g, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: x
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+    };
+    function pr(r, a, d, v, x) {
+      {
+        var y, 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, x));
+        for (y in a)
+          O.call(a, y) && !ir.hasOwnProperty(y) && (m[y] = a[y]);
+        if (r && r.defaultProps) {
+          var k = r.defaultProps;
+          for (y in k)
+            m[y] === void 0 && (m[y] = k[y]);
+        }
+        if (g || R) {
+          var w = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          g && ur(m, w), R && fr(m, w);
+        }
+        return vr(r, g, R, x, v, Te.current, m);
+      }
+    }
+    var se = W.ReactCurrentOwner, _e = W.ReactDebugCurrentFrame;
+    function A(r) {
+      if (r) {
+        var a = r._owner, d = G(r.type, r._source, a ? a.type : null);
+        _e.setExtraStackFrame(d);
+      } else
+        _e.setExtraStackFrame(null);
+    }
+    var ie;
+    ie = !1;
+    function le(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === t;
+    }
+    function Ie() {
+      {
+        if (se.current) {
+          var r = I(se.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function gr(r) {
+      return "";
+    }
+    var Me = {};
+    function mr(r) {
+      {
+        var a = Ie();
+        if (!a) {
+          var d = typeof r == "string" ? r : r.displayName || r.name;
+          d && (a = `
+
+Check the top-level render call using <` + d + ">.");
+        }
+        return a;
+      }
+    }
+    function De(r, a) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var d = mr(a);
+        if (Me[d])
+          return;
+        Me[d] = !0;
+        var v = "";
+        r && r._owner && r._owner !== se.current && (v = " It was passed a child from " + I(r._owner.type) + "."), A(r), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, v), A(null);
+      }
+    }
+    function ze(r, a) {
+      {
+        if (typeof r != "object")
+          return;
+        if (ne(r))
+          for (var d = 0; d < r.length; d++) {
+            var v = r[d];
+            le(v) && De(v, a);
+          }
+        else if (le(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var x = Ne(r);
+          if (typeof x == "function" && x !== r.entries)
+            for (var y = x.call(r), m; !(m = y.next()).done; )
+              le(m.value) && De(m.value, a);
+        }
+      }
+    }
+    function xr(r) {
+      {
+        var a = r.type;
+        if (a == null || typeof a == "string")
+          return;
+        var d;
+        if (typeof a == "function")
+          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 === h))
+          d = a.propTypes;
+        else
+          return;
+        if (d) {
+          var v = I(a);
+          tr(d, r.props, "prop", v, r);
+        } else if (a.PropTypes !== void 0 && !ie) {
+          ie = !0;
+          var x = I(a);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "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 yr(r) {
+      {
+        for (var a = Object.keys(r.props), d = 0; d < a.length; d++) {
+          var v = a[d];
+          if (v !== "children" && v !== "key") {
+            A(r), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), A(null);
+            break;
+          }
+        }
+        r.ref !== null && (A(r), S("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
+      }
+    }
+    var Pe = {};
+    function We(r, a, d, v, x, y) {
+      {
+        var m = Ke(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();
+          R ? g += R : g += Ie();
+          var k;
+          r === null ? k = "null" : ne(r) ? k = "array" : r !== void 0 && r.$$typeof === t ? (k = "<" + (I(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, x, y);
+        if (w == null)
+          return w;
+        if (m) {
+          var E = a.children;
+          if (E !== void 0)
+            if (v)
+              if (ne(E)) {
+                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.");
+            else
+              ze(E, r);
+        }
+        if (O.call(a, "key")) {
+          var D = I(r), T = Object.keys(a).filter(function(Cr) {
+            return Cr !== "key";
+          }), ce = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Pe[D + ce]) {
+            var wr = 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, D, wr, D), Pe[D + ce] = !0;
+          }
+        }
+        return r === i ? yr(w) : xr(w), w;
+      }
+    }
+    function hr(r, a, d) {
+      return We(r, a, d, !0);
+    }
+    function br(r, a, d) {
+      return We(r, a, d, !1);
+    }
+    var jr = br, kr = hr;
+    Y.Fragment = i, Y.jsx = jr, Y.jsxs = kr;
+  }()), Y;
+}
+process.env.NODE_ENV === "production" ? de.exports = Er() : de.exports = Fr();
+var e = de.exports;
+const Xr = ({
+  variant: o = "primary",
+  size: t = "md",
+  loading: s = !1,
+  icon: i,
+  children: n,
+  disabled: l,
+  ...c
+}) => {
+  const u = {
+    sm: { padding: "var(--space-xs) var(--space-sm)", fontSize: "0.85rem" },
+    md: { padding: "var(--space-sm) var(--space-md)", fontSize: "1rem" },
+    lg: { padding: "var(--space-md) var(--space-lg)", fontSize: "1.1rem" }
+  }, f = {
+    primary: {
+      backgroundColor: "var(--primary-color)",
+      color: "var(--surface-light)",
+      border: "2px solid var(--primary-color)",
+      boxShadow: "2px 2px 0 var(--secondary-color)"
+    },
+    secondary: {
+      backgroundColor: "var(--secondary-color)",
+      color: "var(--surface-light)",
+      border: "2px solid var(--secondary-color)",
+      boxShadow: "2px 2px 0 var(--primary-color)"
+    },
+    outline: {
+      backgroundColor: "transparent",
+      color: "var(--primary-color)",
+      border: "2px solid var(--primary-color)",
+      boxShadow: "none"
+    },
+    ghost: {
+      backgroundColor: "transparent",
+      color: "var(--text-color)",
+      border: "2px solid transparent",
+      boxShadow: "none"
+    },
+    danger: {
+      backgroundColor: "var(--danger-color)",
+      color: "var(--surface-light)",
+      border: "2px solid var(--danger-color)",
+      boxShadow: "2px 2px 0 rgba(0,0,0,0.2)"
+    }
+  }, j = {
+    ...u[t],
+    ...f[o],
+    borderRadius: "var(--radius-md)",
+    fontFamily: "var(--font-sans)",
+    fontWeight: 600,
+    cursor: l || s ? "not-allowed" : "pointer",
+    opacity: l ? 0.5 : 1,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "var(--space-sm)",
+    transition: "transform var(--transition-fast), box-shadow var(--transition-fast)",
+    outline: "none"
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      ...c,
+      disabled: l || s,
+      style: { ...j, ...c.style },
+      onMouseDown: (p) => {
+        var h;
+        !l && !s && (p.currentTarget.style.transform = "translate(2px, 2px)", p.currentTarget.style.boxShadow = "none"), (h = c.onMouseDown) == null || h.call(c, p);
+      },
+      onMouseUp: (p) => {
+        var h;
+        p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (h = c.onMouseUp) == null || h.call(c, p);
+      },
+      onMouseLeave: (p) => {
+        var h;
+        p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (h = c.onMouseLeave) == null || h.call(c, p);
+      },
+      children: [
+        s ? /* @__PURE__ */ e.jsx(_r, { size: 16 }) : i,
+        n
+      ]
+    }
+  );
+}, _r = ({ 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",
+    {
+      cx: "12",
+      cy: "12",
+      r: "10",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeDasharray: "31.4 31.4",
+      strokeLinecap: "round"
+    }
+  ),
+  /* @__PURE__ */ e.jsx("style", { children: "@keyframes spin { to { transform: rotate(360deg); } }" })
+] }), qr = ({
+  title: o,
+  subtitle: t,
+  children: s,
+  hoverable: i = !1,
+  padding: n = "lg",
+  className: l,
+  style: c,
+  onClick: u
+}) => {
+  const f = {
+    none: "0",
+    sm: "var(--space-sm)",
+    md: "var(--space-md)",
+    lg: "var(--space-lg)"
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: l,
+      onClick: u,
+      style: {
+        backgroundColor: "var(--bg-color)",
+        borderRadius: "var(--radius-md)",
+        padding: f[n],
+        border: "2px solid var(--border-color)",
+        display: "flex",
+        flexDirection: "column",
+        gap: "var(--space-md)",
+        transition: "transform var(--transition-fast), box-shadow var(--transition-fast)",
+        cursor: u ? "pointer" : "default",
+        ...c
+      },
+      onMouseEnter: (j) => {
+        i && (j.currentTarget.style.transform = "translateY(-4px)", j.currentTarget.style.boxShadow = "var(--shadow-lg)");
+      },
+      onMouseLeave: (j) => {
+        i && (j.currentTarget.style.transform = "translateY(0)", j.currentTarget.style.boxShadow = "none");
+      },
+      children: [
+        (o || t) && /* @__PURE__ */ e.jsxs("div", { style: { borderBottom: "1px solid var(--border-color)", paddingBottom: "var(--space-sm)" }, children: [
+          o && /* @__PURE__ */ e.jsx("h3", { style: {
+            margin: 0,
+            fontFamily: "var(--font-serif)",
+            fontSize: "1.25rem",
+            fontWeight: 700,
+            color: "var(--primary-color)"
+          }, children: o }),
+          t && /* @__PURE__ */ e.jsx("p", { style: {
+            margin: "var(--space-xs) 0 0",
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.9rem",
+            color: "var(--text-color)",
+            opacity: 0.7
+          }, children: t })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { style: { fontFamily: "var(--font-sans)", lineHeight: 1.6 }, children: s })
+      ]
+    }
+  );
+}, Jr = ({
+  children: o,
+  variant: t = "default",
+  size: s = "md"
+}) => {
+  const i = {
+    sm: { padding: "2px var(--space-xs)", fontSize: "0.7rem" },
+    md: { padding: "var(--space-xs) var(--space-sm)", fontSize: "0.8rem" }
+  }, n = {
+    default: {
+      backgroundColor: "var(--secondary-color)",
+      color: "var(--surface-light)"
+    },
+    primary: {
+      backgroundColor: "var(--primary-color)",
+      color: "var(--surface-light)"
+    },
+    secondary: {
+      backgroundColor: "var(--accent-color)",
+      color: "var(--primary-color)"
+    },
+    success: {
+      backgroundColor: "var(--success-color)",
+      color: "var(--surface-light)"
+    },
+    warning: {
+      backgroundColor: "var(--warning-color)",
+      color: "var(--surface-dark)"
+    },
+    danger: {
+      backgroundColor: "var(--danger-color)",
+      color: "var(--surface-light)"
+    },
+    outline: {
+      backgroundColor: "transparent",
+      color: "var(--primary-color)",
+      border: "1px solid var(--primary-color)"
+    }
+  };
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      style: {
+        ...i[s],
+        ...n[t],
+        borderRadius: "var(--radius-full)",
+        fontFamily: "var(--font-sans)",
+        fontWeight: 600,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        whiteSpace: "nowrap",
+        lineHeight: 1,
+        textTransform: "uppercase",
+        letterSpacing: "0.03em"
+      },
+      children: o
+    }
+  );
+}, Kr = ({
+  label: o,
+  error: t,
+  hint: s,
+  icon: i,
+  ...n
+}) => {
+  const l = !!t;
+  return /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "var(--space-md)", width: "100%" }, children: [
+    o && /* @__PURE__ */ e.jsx("label", { style: {
+      display: "block",
+      marginBottom: "var(--space-xs)",
+      fontFamily: "var(--font-sans)",
+      fontSize: "0.9rem",
+      fontWeight: 600,
+      color: "var(--text-color)"
+    }, children: o }),
+    /* @__PURE__ */ e.jsxs("div", { style: { position: "relative" }, children: [
+      i && /* @__PURE__ */ e.jsx("span", { style: {
+        position: "absolute",
+        left: "var(--space-sm)",
+        top: "50%",
+        transform: "translateY(-50%)",
+        color: "var(--text-color)",
+        opacity: 0.5
+      }, children: i }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ...n,
+          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)"}`,
+            fontFamily: "var(--font-sans)",
+            fontSize: "1rem",
+            backgroundColor: "var(--bg-color)",
+            color: "var(--text-color)",
+            boxSizing: "border-box",
+            transition: "border-color var(--transition-fast), box-shadow var(--transition-fast)",
+            outline: "none",
+            ...n.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);
+          },
+          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);
+          }
+        }
+      )
+    ] }),
+    (t || s) && /* @__PURE__ */ e.jsx("p", { style: {
+      margin: "var(--space-xs) 0 0",
+      fontFamily: "var(--font-sans)",
+      fontSize: "0.8rem",
+      color: t ? "var(--danger-color)" : "var(--text-color)",
+      opacity: t ? 1 : 0.6
+    }, children: t || s })
+  ] });
+};
+function Gr({
+  columns: o,
+  data: t,
+  keyExtractor: s,
+  onRowClick: i,
+  emptyMessage: n = "No data available",
+  striped: l = !0
+}) {
+  return /* @__PURE__ */ e.jsx("div", { style: {
+    overflowX: "auto",
+    border: "2px solid var(--border-color)",
+    borderRadius: "var(--radius-md)"
+  }, children: /* @__PURE__ */ e.jsxs("table", { style: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontFamily: "var(--font-sans)"
+  }, children: [
+    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { style: { backgroundColor: "var(--secondary-color)" }, children: o.map((c) => /* @__PURE__ */ e.jsx(
+      "th",
+      {
+        style: {
+          padding: "var(--space-md)",
+          textAlign: c.align || "left",
+          fontWeight: 600,
+          fontSize: "0.9rem",
+          color: "var(--surface-light)",
+          width: c.width,
+          whiteSpace: "nowrap"
+        },
+        children: c.header
+      },
+      String(c.key)
+    )) }) }),
+    /* @__PURE__ */ e.jsx("tbody", { children: t.length === 0 ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx(
+      "td",
+      {
+        colSpan: o.length,
+        style: {
+          padding: "var(--space-xl)",
+          textAlign: "center",
+          color: "var(--text-color)",
+          opacity: 0.6
+        },
+        children: n
+      }
+    ) }) : 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",
+          cursor: i ? "pointer" : "default",
+          transition: "background-color var(--transition-fast)"
+        },
+        onMouseEnter: (f) => {
+          i && (f.currentTarget.style.backgroundColor = "var(--accent-color)");
+        },
+        onMouseLeave: (f) => {
+          f.currentTarget.style.backgroundColor = l && u % 2 === 1 ? "var(--secondary-color)" : "transparent";
+        },
+        children: o.map((f) => /* @__PURE__ */ e.jsx(
+          "td",
+          {
+            style: {
+              padding: "var(--space-md)",
+              textAlign: f.align || "left",
+              color: "var(--text-color)",
+              borderBottom: "1px solid var(--border-color)"
+            },
+            children: f.render ? f.render(c) : String(c[f.key] ?? "")
+          },
+          String(f.key)
+        ))
+      },
+      s(c)
+    )) })
+  ] }) });
+}
+const Qr = ({
+  open: o,
+  onClose: t,
+  title: s,
+  children: i,
+  size: n = "md",
+  showCloseButton: l = !0
+}) => {
+  if (N(() => {
+    const u = (f) => {
+      f.key === "Escape" && t();
+    };
+    return o && (document.addEventListener("keydown", u), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", u), document.body.style.overflow = "";
+    };
+  }, [o, t]), !o) return null;
+  const c = {
+    sm: "400px",
+    md: "560px",
+    lg: "800px"
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": s ? "modal-title" : void 0,
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3,
+        padding: "var(--space-md)",
+        animation: "fadeIn 0.2s ease"
+      },
+      onClick: t,
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            style: {
+              backgroundColor: "var(--bg-color)",
+              borderRadius: "var(--radius-lg)",
+              border: "2px solid var(--border-color)",
+              boxShadow: "var(--shadow-lg)",
+              width: "100%",
+              maxWidth: c[n],
+              maxHeight: "90vh",
+              overflow: "hidden",
+              display: "flex",
+              flexDirection: "column",
+              animation: "slideUp 0.2s ease"
+            },
+            onClick: (u) => u.stopPropagation(),
+            children: [
+              (s || l) && /* @__PURE__ */ e.jsxs("div", { style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: "var(--space-md) var(--space-lg)",
+                borderBottom: "1px solid var(--border-color)"
+              }, children: [
+                s && /* @__PURE__ */ e.jsx(
+                  "h2",
+                  {
+                    id: "modal-title",
+                    style: {
+                      margin: 0,
+                      fontFamily: "var(--font-serif)",
+                      fontSize: "1.25rem",
+                      fontWeight: 700,
+                      color: "var(--text-color)"
+                    },
+                    children: s
+                  }
+                ),
+                l && /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: t,
+                    "aria-label": "Close modal",
+                    style: {
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      padding: "var(--space-xs)",
+                      borderRadius: "var(--radius-sm)",
+                      color: "var(--text-color)",
+                      opacity: 0.7,
+                      transition: "opacity var(--transition-fast)"
+                    },
+                    onMouseEnter: (u) => u.currentTarget.style.opacity = "1",
+                    onMouseLeave: (u) => u.currentTarget.style.opacity = "0.7",
+                    children: /* @__PURE__ */ e.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsx("div", { style: {
+                padding: "var(--space-lg)",
+                overflowY: "auto",
+                flex: 1
+              }, children: i })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("style", { children: `
+        @keyframes fadeIn {
+          from { opacity: 0; }
+          to { opacity: 1; }
+        }
+        @keyframes slideUp {
+          from { opacity: 0; transform: translateY(20px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+      ` })
+      ]
+    }
+  );
+}, Zr = ({
+  children: o,
+  variant: t = "info",
+  title: s,
+  dismissible: i = !1,
+  onDismiss: n
+}) => {
+  const c = {
+    info: {
+      backgroundColor: "rgba(49, 130, 206, 0.1)",
+      borderColor: "var(--info-color)",
+      iconColor: "var(--info-color)",
+      icon: "ℹ️"
+    },
+    success: {
+      backgroundColor: "rgba(56, 161, 105, 0.1)",
+      borderColor: "var(--success-color)",
+      iconColor: "var(--success-color)",
+      icon: "✓"
+    },
+    warning: {
+      backgroundColor: "rgba(214, 158, 46, 0.1)",
+      borderColor: "var(--warning-color)",
+      iconColor: "var(--warning-color)",
+      icon: "⚠"
+    },
+    danger: {
+      backgroundColor: "rgba(229, 62, 62, 0.1)",
+      borderColor: "var(--danger-color)",
+      iconColor: "var(--danger-color)",
+      icon: "✕"
+    }
+  }[t];
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      role: "alert",
+      style: {
+        backgroundColor: c.backgroundColor,
+        borderLeft: `4px solid ${c.borderColor}`,
+        borderRadius: "var(--radius-md)",
+        padding: "var(--space-md) var(--space-lg)",
+        display: "flex",
+        alignItems: "flex-start",
+        gap: "var(--space-md)",
+        margin: "var(--space-md) 0"
+      },
+      children: [
+        /* @__PURE__ */ e.jsx("span", { style: {
+          fontSize: "1.2rem",
+          lineHeight: 1,
+          flexShrink: 0
+        }, children: c.icon }),
+        /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+          s && /* @__PURE__ */ e.jsx("h4", { style: {
+            margin: "0 0 var(--space-xs)",
+            fontFamily: "var(--font-sans)",
+            fontWeight: 600,
+            fontSize: "1rem",
+            color: "var(--text-color)"
+          }, children: s }),
+          /* @__PURE__ */ e.jsx("div", { style: {
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.95rem",
+            color: "var(--text-color)",
+            lineHeight: 1.5
+          }, children: o })
+        ] }),
+        i && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: n,
+            "aria-label": "Dismiss",
+            style: {
+              background: "none",
+              border: "none",
+              cursor: "pointer",
+              padding: "var(--space-xs)",
+              color: "var(--text-color)",
+              opacity: 0.5,
+              transition: "opacity var(--transition-fast)",
+              flexShrink: 0
+            },
+            onMouseEnter: (u) => u.currentTarget.style.opacity = "1",
+            onMouseLeave: (u) => u.currentTarget.style.opacity = "0.5",
+            children: "✕"
+          }
+        )
+      ]
+    }
+  );
+}, eo = ({
+  tabs: o,
+  activeTab: t,
+  onTabChange: s,
+  variant: i = "underline"
+}) => {
+  const n = i === "underline";
+  return /* @__PURE__ */ e.jsxs("div", { style: { width: "100%" }, children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        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)"
+        },
+        children: o.map((l) => {
+          const c = l.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),
+              style: {
+                background: n ? "none" : c ? "var(--primary-color)" : "transparent",
+                border: "none",
+                borderBottom: n && c ? "3px solid var(--primary-color)" : "none",
+                marginBottom: n ? "-2px" : "0",
+                padding: "var(--space-sm) var(--space-md)",
+                borderRadius: n ? "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",
+                transition: "all var(--transition-fast)"
+              },
+              onMouseEnter: (u) => {
+                !l.disabled && !c && (u.currentTarget.style.backgroundColor = n ? "rgba(0,0,0,0.05)" : "var(--accent-color)");
+              },
+              onMouseLeave: (u) => {
+                !l.disabled && !c && (u.currentTarget.style.backgroundColor = "transparent");
+              },
+              children: l.label
+            },
+            l.id
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { style: { marginTop: "var(--space-lg)" }, children: o.map((l) => /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        id: `panel-${l.id}`,
+        role: "tabpanel",
+        hidden: l.id !== t,
+        style: {
+          display: l.id === t ? "block" : "none"
+        },
+        children: l.content
+      },
+      l.id
+    )) })
+  ] });
+}, ro = ({
+  content: o,
+  children: t,
+  position: s = "top",
+  delay: i = 200
+}) => {
+  const [n, l] = P(!1), c = Ae(null), u = Ae(), f = () => {
+    u.current = window.setTimeout(() => {
+      l(!0);
+    }, i);
+  }, j = () => {
+    u.current && clearTimeout(u.current), l(!1);
+  };
+  N(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []);
+  const p = {
+    top: { bottom: "100%", left: "50%", transform: "translateX(-50%) translateY(-8px)" },
+    bottom: { top: "100%", left: "50%", transform: "translateX(-50%) translateY(8px)" },
+    left: { right: "100%", top: "50%", transform: "translateY(-50%) translateX(-8px)" },
+    right: { left: "100%", top: "50%", transform: "translateY(-50%) translateX(8px)" }
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "span",
+    {
+      ref: c,
+      style: { position: "relative", display: "inline-block" },
+      onMouseEnter: f,
+      onMouseLeave: j,
+      onFocus: f,
+      onBlur: j,
+      children: [
+        t,
+        n && /* @__PURE__ */ e.jsxs(
+          "span",
+          {
+            role: "tooltip",
+            style: {
+              position: "absolute",
+              ...p[s],
+              backgroundColor: "var(--secondary-color)",
+              color: "var(--surface-light)",
+              padding: "var(--space-xs) var(--space-sm)",
+              borderRadius: "var(--radius-sm)",
+              fontFamily: "var(--font-sans)",
+              fontSize: "0.85rem",
+              whiteSpace: "nowrap",
+              zIndex: 1e3,
+              boxShadow: "var(--shadow-md)",
+              pointerEvents: "none",
+              animation: "tooltipFadeIn 0.15s ease"
+            },
+            children: [
+              o,
+              /* @__PURE__ */ e.jsx("style", { children: `
+            @keyframes tooltipFadeIn {
+              from { opacity: 0; }
+              to { opacity: 1; }
+            }
+          ` })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Ir = ({
+  size: o = "md",
+  color: t = "var(--primary-color)"
+}) => {
+  const i = {
+    sm: 20,
+    md: 32,
+    lg: 48
+  }[o];
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      width: i,
+      height: i,
+      viewBox: "0 0 50 50",
+      style: { animation: "spinnerRotate 0.8s linear infinite" },
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "circle",
+          {
+            cx: "25",
+            cy: "25",
+            r: "20",
+            fill: "none",
+            stroke: t,
+            strokeWidth: "4",
+            strokeDasharray: "80 40",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ e.jsx("style", { children: `
+        @keyframes spinnerRotate {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      ` })
+      ]
+    }
+  );
+}, oo = ({
+  message: o = "Loading..."
+}) => /* @__PURE__ */ e.jsxs("div", { style: {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  backgroundColor: "rgba(0, 0, 0, 0.5)",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "var(--space-md)",
+  zIndex: 1e3
+}, children: [
+  /* @__PURE__ */ e.jsx(Ir, { size: "lg", color: "var(--surface-light)" }),
+  /* @__PURE__ */ e.jsx("span", { style: {
+    fontFamily: "var(--font-sans)",
+    fontSize: "1rem",
+    color: "var(--surface-light)"
+  }, children: o })
+] }), $e = ({
+  width: o = "100%",
+  height: t = 20,
+  variant: s = "text",
+  animation: i = "wave"
+}) => {
+  const n = {
+    text: { borderRadius: "var(--radius-sm)" },
+    rect: { borderRadius: "var(--radius-md)" },
+    circle: { borderRadius: "50%" }
+  }, l = {
+    pulse: {
+      animation: "skeletonPulse 1.5s ease-in-out infinite"
+    },
+    wave: {
+      backgroundImage: "linear-gradient(90deg, var(--secondary-color) 0%, var(--bg-color) 50%, var(--secondary-color) 100%)",
+      backgroundSize: "200% 100%",
+      animation: "skeletonWave 1.5s ease-in-out infinite"
+    },
+    none: {}
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      style: {
+        width: o,
+        height: t,
+        backgroundColor: i === "wave" ? void 0 : "var(--secondary-color)",
+        ...n[s],
+        ...l[i]
+      },
+      children: /* @__PURE__ */ e.jsx("style", { children: `
+        @keyframes skeletonPulse {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.5; }
+        }
+        @keyframes skeletonWave {
+          0% { background-position: 200% 0; }
+          100% { background-position: -200% 0; }
+        }
+      ` })
+    }
+  );
+}, Mr = ({ 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: {
+  padding: "var(--space-lg)",
+  border: "2px solid var(--border-color)",
+  borderRadius: "var(--radius-md)",
+  display: "flex",
+  flexDirection: "column",
+  gap: "var(--space-md)"
+}, children: [
+  /* @__PURE__ */ e.jsx($e, { height: 24, width: "50%" }),
+  /* @__PURE__ */ e.jsx(Mr, { lines: 3 })
+] }), Dr = ({
+  brand: o,
+  darkMode: t,
+  onThemeToggle: s,
+  onAccountClick: i,
+  onNotificationClick: n
+}) => {
+  const [l, 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 h = o.navItems.filter((b) => b.inNavbar !== !1);
+  return /* @__PURE__ */ e.jsxs("header", { style: {
+    backgroundColor: "var(--primary-color)",
+    borderBottom: "4px solid var(--accent-color)",
+    position: "sticky",
+    top: 0,
+    zIndex: 100
+  }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      padding: "var(--space-sm) var(--space-lg)",
+      gap: "var(--space-md)",
+      maxWidth: 1400,
+      margin: "0 auto"
+    }, children: [
+      o.logoUrl && /* @__PURE__ */ e.jsx("div", { style: {
+        width: 40,
+        height: 40,
+        borderRadius: "var(--radius-md)",
+        overflow: "hidden",
+        backgroundColor: "var(--bg-color)",
+        border: "2px solid var(--accent-color)",
+        flexShrink: 0
+      }, children: /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          src: o.logoUrl,
+          alt: o.name,
+          style: { width: "100%", height: "100%", objectFit: "cover" }
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx("h1", { style: {
+        margin: 0,
+        fontFamily: "var(--font-serif)",
+        fontSize: l ? "1.1rem" : "1.4rem",
+        fontWeight: 700,
+        color: "var(--surface-light)",
+        whiteSpace: "nowrap",
+        flexShrink: 0
+      }, children: o.name }),
+      !l && /* @__PURE__ */ e.jsx("nav", { style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "var(--space-sm)",
+        flex: 1,
+        justifyContent: "center"
+      }, children: h.map((b) => /* @__PURE__ */ e.jsx(
+        zr,
+        {
+          item: b,
+          isActive: j === b.label,
+          onHover: (_) => p(_),
+          onLeave: () => p(null)
+        },
+        b.label
+      )) }),
+      l && /* @__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(Or, {}) }),
+        /* @__PURE__ */ e.jsx(Z, { onClick: s, label: "Toggle theme", size: 36, children: t ? /* @__PURE__ */ e.jsx(Ar, {}) : /* @__PURE__ */ e.jsx(Wr, {}) }),
+        !l && n && /* @__PURE__ */ e.jsx(Z, { onClick: n, label: "Notifications", size: 36, children: /* @__PURE__ */ e.jsx(Lr, {}) }),
+        /* @__PURE__ */ e.jsx(Z, { onClick: i, label: "Account", size: 40, children: /* @__PURE__ */ e.jsx(Br, {}) })
+      ] })
+    ] }),
+    l && u && /* @__PURE__ */ e.jsx("div", { style: {
+      backgroundColor: "var(--bg-color)",
+      borderTop: "1px solid var(--border-color)",
+      padding: "var(--space-sm)"
+    }, children: h.map((b) => /* @__PURE__ */ e.jsx(Pr, { item: b, onClose: () => f(!1) }, b.label)) })
+  ] });
+}, Z = ({ onClick: o, label: t, size: s = 36, children: i }) => /* @__PURE__ */ e.jsx(
+  "button",
+  {
+    onClick: o,
+    "aria-label": t,
+    style: {
+      width: s,
+      height: s,
+      borderRadius: "var(--radius-full)",
+      backgroundColor: "rgba(255,255,255,0.1)",
+      border: "none",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      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)",
+    children: i
+  }
+), zr = ({ 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)"
+          },
+          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)"
+          },
+          onMouseEnter: (l) => l.currentTarget.style.backgroundColor = "var(--secondary-color)",
+          onMouseLeave: (l) => l.currentTarget.style.backgroundColor = "transparent",
+          children: n.label
+        },
+        n.label
+      )) })
+    ]
+  }
+), Pr = ({ 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
+  }
+), Wr = () => /* @__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" })
+] }), 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: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }), Lr = () => /* @__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" }) }), Br = () => /* @__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" })
+] }), Or = () => /* @__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" }) }), $r = ({
+  copyrightBrand: o,
+  yearCreated: t,
+  poweredBy: s,
+  links: i
+}) => {
+  const n = (/* @__PURE__ */ new Date()).getFullYear(), l = t === n ? n.toString() : `${t}-${n}`;
+  return /* @__PURE__ */ e.jsx("footer", { style: {
+    backgroundColor: "var(--primary-color)",
+    color: "var(--bg-color)",
+    padding: "var(--space-lg) var(--space-xl)",
+    borderTop: "4px solid var(--accent-color)"
+  }, children: /* @__PURE__ */ e.jsxs("div", { style: {
+    maxWidth: 1200,
+    margin: "0 auto",
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--space-md)",
+    alignItems: "center",
+    textAlign: "center"
+  }, children: [
+    i && i.length > 0 && /* @__PURE__ */ e.jsx("nav", { style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "var(--space-md)",
+      justifyContent: "center"
+    }, children: i.map((c) => /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        href: c.url,
+        style: {
+          color: "var(--bg-color)",
+          textDecoration: "none",
+          fontFamily: "var(--font-sans)",
+          fontSize: "0.9rem",
+          opacity: 0.9,
+          transition: "opacity var(--transition-fast)"
+        },
+        onMouseEnter: (u) => u.currentTarget.style.opacity = "1",
+        onMouseLeave: (u) => u.currentTarget.style.opacity = "0.9",
+        children: c.label
+      },
+      c.label
+    )) }),
+    /* @__PURE__ */ e.jsxs("p", { style: {
+      margin: 0,
+      fontFamily: "var(--font-sans)",
+      fontSize: "0.85rem",
+      opacity: 0.8
+    }, children: [
+      "© ",
+      l,
+      " ",
+      o,
+      ". All rights reserved."
+    ] }),
+    s && /* @__PURE__ */ e.jsxs("p", { style: {
+      margin: 0,
+      fontFamily: "var(--font-sans)",
+      fontSize: "0.75rem",
+      opacity: 0.6
+    }, children: [
+      "Powered by",
+      " ",
+      /* @__PURE__ */ e.jsx("span", { style: { color: "var(--org-color)", fontWeight: 600 }, children: s })
+    ] })
+  ] }) });
+}, Yr = () => /* @__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)"
+    }
+  ) })
+] }), U = ({
+  brand: o,
+  children: t,
+  onAccountClick: s,
+  onNotificationClick: i
+}) => {
+  const { darkMode: n, toggleDarkMode: l } = Rr(o);
+  return /* @__PURE__ */ e.jsxs("div", { className: "shell", style: { display: "flex", flexDirection: "column", minHeight: "100vh" }, children: [
+    /* @__PURE__ */ e.jsx(
+      Dr,
+      {
+        brand: o,
+        darkMode: n,
+        onThemeToggle: l,
+        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(Yr, {})
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      $r,
+      {
+        copyrightBrand: o.footer.copyrightBrand,
+        yearCreated: o.footer.yearCreated,
+        poweredBy: o.footer.poweredBy,
+        links: o.footer.links
+      }
+    )
+  ] });
+}, V = ({
+  title: o,
+  subtitle: t,
+  breadcrumbs: s,
+  score: i
+}) => /* @__PURE__ */ e.jsxs("section", { style: {
+  backgroundColor: "var(--secondary-color)",
+  padding: "var(--space-lg) var(--space-lg)",
+  textAlign: "center",
+  borderBottom: "4px solid var(--accent-color)"
+}, children: [
+  s && s.length > 0 && /* @__PURE__ */ e.jsx("nav", { style: {
+    marginBottom: "var(--space-md)",
+    display: "flex",
+    justifyContent: "center",
+    gap: "var(--space-sm)",
+    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(
+      "a",
+      {
+        href: n.path,
+        style: {
+          color: "var(--accent-color)",
+          textDecoration: "none"
+        },
+        children: n.label
+      }
+    ) : /* @__PURE__ */ e.jsx("span", { style: { color: "var(--surface-light)", opacity: 0.8 }, children: n.label })
+  ] }, n.label)) }),
+  /* @__PURE__ */ e.jsx("h1", { style: {
+    margin: 0,
+    fontFamily: "var(--font-serif)",
+    fontSize: "clamp(2rem, 5vw, 3.5rem)",
+    fontWeight: 700,
+    color: "var(--text-dark)",
+    letterSpacing: "0.02em"
+  }, children: o }),
+  t && /* @__PURE__ */ e.jsx("p", { style: {
+    margin: "var(--space-sm) 0 0",
+    fontFamily: "var(--font-sans)",
+    fontSize: "1.1rem",
+    color: "var(--text-dark)",
+    opacity: 0.8
+  }, children: t }),
+  i && /* @__PURE__ */ e.jsxs("div", { style: {
+    marginTop: "var(--space-md)",
+    display: "inline-flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: "var(--space-xs)"
+  }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: {
+      backgroundColor: "var(--accent-color)",
+      color: "white",
+      padding: "var(--space-sm) var(--space-lg)",
+      borderRadius: "var(--radius-full)",
+      fontFamily: "var(--font-sans)",
+      fontWeight: 700,
+      fontSize: "1.5rem",
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--space-sm)",
+      boxShadow: "var(--shadow-md)"
+    }, children: [
+      /* @__PURE__ */ e.jsx("span", { children: i.value }),
+      /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.9rem", fontWeight: 500 }, children: i.label })
+    ] }),
+    i.betaDisclaimer && /* @__PURE__ */ e.jsx("span", { style: {
+      fontFamily: "var(--font-sans)",
+      fontSize: "0.75rem",
+      color: "var(--text-dark)",
+      opacity: 0.6,
+      fontStyle: "italic"
+    }, children: "Score algorithm is a work in progress" })
+  ] })
+] }), z = {
+  violations: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--warning-color)", strokeWidth: "2", children: [
+    /* @__PURE__ */ e.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] }),
+  injuries: /* @__PURE__ */ e.jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--info-color)", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }),
+  fatalities: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--danger-color)", strokeWidth: "2", children: [
+    /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+  ] }),
+  fines: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--success-color)", strokeWidth: "2", children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "23" }),
+    /* @__PURE__ */ e.jsx("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
+  ] }),
+  avgFine: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--secondary-color)", strokeWidth: "2", children: [
+    /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
+    /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
+  ] }),
+  trendUp: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--danger-color)", strokeWidth: "2", children: [
+    /* @__PURE__ */ e.jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "17 6 23 6 23 12" })
+  ] }),
+  trendDown: /* @__PURE__ */ e.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "var(--success-color)", strokeWidth: "2", children: [
+    /* @__PURE__ */ e.jsx("polyline", { points: "23 18 13.5 8.5 8.5 13.5 1 6" }),
+    /* @__PURE__ */ e.jsx("polyline", { points: "17 18 23 18 23 12" })
+  ] })
+}, H = ({
+  stats: o,
+  columns: t = 4
+}) => {
+  const s = [
+    { label: "Total Incidents", value: o.totalViolations, icon: z.violations },
+    o.totalInjuries !== void 0 && { label: "Injuries", value: o.totalInjuries, icon: z.injuries },
+    o.totalFatalities !== void 0 && { label: "Fatalities", value: o.totalFatalities, icon: z.fatalities },
+    o.totalFines !== void 0 && { label: "Total Fines", value: Oe(o.totalFines), icon: z.fines },
+    o.avgFines !== void 0 && { label: "Avg Fine", value: Oe(o.avgFines), icon: z.avgFine },
+    o.trend && {
+      label: "YoY Change",
+      value: `${o.trend.direction === "up" ? "↑" : o.trend.direction === "down" ? "↓" : "→"} ${o.trend.percentage}%`,
+      icon: o.trend.direction === "down" ? z.trendDown : z.trendUp
+    }
+  ].filter(Boolean);
+  return /* @__PURE__ */ e.jsx("section", { style: { marginBottom: "var(--space-lg)" }, children: /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "stat-grid",
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${t}, 1fr)`,
+        gap: "var(--space-md)"
+      },
+      children: s.map((i) => /* @__PURE__ */ e.jsx(Nr, { ...i }, i.label))
+    }
+  ) });
+}, Nr = ({
+  label: o,
+  value: t,
+  icon: s
+}) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    style: {
+      padding: "var(--space-lg)",
+      borderRadius: "var(--radius-md)",
+      backgroundColor: "var(--bg-color)",
+      border: "2px solid var(--border-color)",
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--space-md)",
+      transition: "transform var(--transition-fast), box-shadow var(--transition-fast)",
+      cursor: "default"
+    },
+    onMouseEnter: (i) => {
+      i.currentTarget.style.transform = "translateY(-2px)", i.currentTarget.style.boxShadow = "var(--shadow-md)";
+    },
+    onMouseLeave: (i) => {
+      i.currentTarget.style.transform = "translateY(0)", i.currentTarget.style.boxShadow = "none";
+    },
+    children: [
+      /* @__PURE__ */ e.jsx("span", { style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: s }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("div", { style: {
+          fontFamily: "var(--font-sans)",
+          fontWeight: 700,
+          fontSize: "1.5rem",
+          color: "var(--primary-color)"
+        }, children: typeof t == "number" ? t.toLocaleString() : t }),
+        /* @__PURE__ */ e.jsx("div", { style: {
+          fontFamily: "var(--font-sans)",
+          fontSize: "0.9rem",
+          color: "var(--text-color)",
+          opacity: 0.8
+        }, children: o })
+      ] })
+    ]
+  }
+);
+function Oe(o) {
+  return o >= 1e6 ? `$${(o / 1e6).toFixed(1)}M` : o >= 1e3 ? `$${(o / 1e3).toFixed(0)}K` : `$${o.toLocaleString()}`;
+}
+const ee = ({
+  title: o,
+  items: t,
+  basePath: s,
+  emptyMessage: i = "No items found",
+  showSearch: n = !0,
+  initialLimit: l = 30
+}) => {
+  const [c, u] = P(""), [f, j] = P(!1), p = t.filter(
+    (C) => C.name.toLowerCase().includes(c.toLowerCase())
+  ), h = f || c.length > 0, b = h ? p : p.slice(0, l), _ = p.length > l && !h;
+  return /* @__PURE__ */ e.jsx("section", { style: {
+    marginBottom: "var(--space-lg)"
+  }, children: /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs("div", { style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: "var(--space-md)",
+      flexWrap: "wrap",
+      gap: "var(--space-sm)"
+    }, children: [
+      /* @__PURE__ */ e.jsxs("h2", { style: {
+        margin: 0,
+        fontFamily: "var(--font-serif)",
+        fontSize: "1.5rem",
+        color: "var(--text-color)"
+      }, children: [
+        o,
+        /* @__PURE__ */ e.jsxs("span", { style: {
+          marginLeft: "var(--space-sm)",
+          fontSize: "1rem",
+          opacity: 0.6
+        }, children: [
+          "(",
+          t.length,
+          ")"
+        ] })
+      ] }),
+      n && t.length > 10 && /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search...",
+          value: c,
+          onChange: (C) => u(C.target.value),
+          style: {
+            padding: "var(--space-sm) var(--space-md)",
+            borderRadius: "var(--radius-md)",
+            border: "2px solid var(--border-color)",
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.9rem",
+            backgroundColor: "var(--bg-color)",
+            color: "var(--text-color)",
+            width: 200
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "var(--space-sm)",
+      padding: "var(--space-md)",
+      border: "2px solid var(--border-color)",
+      borderRadius: "var(--radius-md)"
+    }, children: p.length === 0 ? /* @__PURE__ */ e.jsx("p", { style: {
+      width: "100%",
+      textAlign: "center",
+      color: "var(--text-color)",
+      opacity: 0.6,
+      margin: 0,
+      padding: "var(--space-lg)"
+    }, children: i }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      b.map((C) => /* @__PURE__ */ e.jsxs(
+        "a",
+        {
+          href: `${s}/${C.slug}`,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "var(--space-xs)",
+            padding: "var(--space-xs) var(--space-sm)",
+            backgroundColor: "var(--bg-color)",
+            border: "1px solid var(--border-color)",
+            borderRadius: "var(--radius-sm)",
+            textDecoration: "none",
+            color: "var(--text-color)",
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.85rem",
+            transition: "all var(--transition-fast)",
+            whiteSpace: "nowrap"
+          },
+          onMouseEnter: (F) => {
+            F.currentTarget.style.backgroundColor = "var(--primary-color)", F.currentTarget.style.color = "var(--surface-light)", F.currentTarget.style.borderColor = "var(--primary-color)";
+          },
+          onMouseLeave: (F) => {
+            F.currentTarget.style.backgroundColor = "var(--bg-color)", F.currentTarget.style.color = "var(--text-color)", F.currentTarget.style.borderColor = "var(--border-color)";
+          },
+          children: [
+            /* @__PURE__ */ e.jsx("span", { style: { fontWeight: 500 }, children: C.name }),
+            /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                title: `${C.count.toLocaleString()} incidents`,
+                style: {
+                  backgroundColor: "var(--secondary-color)",
+                  color: "var(--surface-light)",
+                  padding: "2px 6px",
+                  borderRadius: "var(--radius-full)",
+                  fontSize: "0.75rem",
+                  fontWeight: 600
+                },
+                children: C.count.toLocaleString()
+              }
+            )
+          ]
+        },
+        C.slug
+      )),
+      (_ || f) && /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: () => j(!f),
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "var(--space-xs)",
+            padding: "var(--space-xs) var(--space-sm)",
+            backgroundColor: "var(--accent-color)",
+            border: "none",
+            borderRadius: "var(--radius-sm)",
+            color: "var(--surface-light)",
+            fontFamily: "var(--font-sans)",
+            fontSize: "0.85rem",
+            fontWeight: 500,
+            cursor: "pointer",
+            transition: "all var(--transition-fast)"
+          },
+          onMouseEnter: (C) => {
+            C.currentTarget.style.opacity = "0.8";
+          },
+          onMouseLeave: (C) => {
+            C.currentTarget.style.opacity = "1";
+          },
+          children: f ? "Show less" : `+${p.length - l} more`
+        }
+      )
+    ] }) })
+  ] }) });
+}, re = ({
+  title: o,
+  events: t,
+  viewMorePath: s,
+  showAgencyBadge: i = !1
+}) => t.length === 0 ? null : /* @__PURE__ */ e.jsx("section", { style: {
+  marginBottom: "var(--space-lg)"
+}, children: /* @__PURE__ */ e.jsxs("div", { children: [
+  /* @__PURE__ */ e.jsxs("div", { style: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: "var(--space-md)"
+  }, children: [
+    /* @__PURE__ */ e.jsx("h2", { style: {
+      margin: 0,
+      fontFamily: "var(--font-serif)",
+      fontSize: "1.5rem",
+      color: "var(--text-color)"
+    }, children: o }),
+    s && /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        href: s,
+        style: {
+          color: "var(--accent-color)",
+          textDecoration: "none",
+          fontFamily: "var(--font-sans)",
+          fontWeight: 600,
+          fontSize: "0.9rem"
+        },
+        children: "View More →"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--space-sm)"
+  }, children: t.map((n) => /* @__PURE__ */ e.jsx(
+    Ur,
+    {
+      event: n,
+      showAgencyBadge: i
+    },
+    n.eventId
+  )) })
+] }) }), Ur = ({
+  event: o,
+  showAgencyBadge: t
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    style: {
+      padding: "var(--space-md) var(--space-lg)",
+      border: "2px solid var(--border-color)",
+      borderRadius: "var(--radius-md)",
+      backgroundColor: "var(--bg-color)"
+    },
+    children: /* @__PURE__ */ e.jsxs("div", { style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      gap: "var(--space-md)",
+      flexWrap: "wrap"
+    }, children: [
+      /* @__PURE__ */ e.jsxs("div", { style: { flex: 1, minWidth: 200 }, children: [
+        /* @__PURE__ */ e.jsx("h3", { style: {
+          margin: 0,
+          fontFamily: "var(--font-sans)",
+          fontWeight: 600,
+          fontSize: "1rem",
+          color: "var(--text-color)"
+        }, children: o.eventTitle }),
+        o.eventDescription && /* @__PURE__ */ e.jsx("p", { style: {
+          margin: "var(--space-xs) 0 0",
+          fontFamily: "var(--font-sans)",
+          fontSize: "0.9rem",
+          color: "var(--text-color)",
+          opacity: 0.7,
+          display: "-webkit-box",
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden"
+        }, children: o.eventDescription })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-end",
+        gap: "var(--space-xs)"
+      }, children: [
+        t && /* @__PURE__ */ e.jsx("span", { style: {
+          backgroundColor: "var(--primary-color)",
+          color: "var(--bg-color)",
+          padding: "var(--space-xs) var(--space-sm)",
+          borderRadius: "var(--radius-sm)",
+          fontFamily: "var(--font-sans)",
+          fontWeight: 600,
+          fontSize: "0.75rem",
+          textTransform: "uppercase"
+        }, children: o.agency }),
+        o.eventDate && /* @__PURE__ */ e.jsx("span", { style: {
+          fontFamily: "var(--font-sans)",
+          fontSize: "0.85rem",
+          color: "var(--text-color)",
+          opacity: 0.6
+        }, children: Vr(o.eventDate) }),
+        (o.city || o.state) && /* @__PURE__ */ e.jsx("span", { style: {
+          fontFamily: "var(--font-sans)",
+          fontSize: "0.85rem",
+          color: "var(--text-color)",
+          opacity: 0.6
+        }, children: [o.city, o.state].filter(Boolean).join(", ") }),
+        o.companyName && /* @__PURE__ */ e.jsxs(
+          "a",
+          {
+            href: `/company/${o.companySlug}`,
+            style: {
+              fontFamily: "var(--font-sans)",
+              fontSize: "0.85rem",
+              color: "var(--primary-color)",
+              textDecoration: "none",
+              fontWeight: 600,
+              transition: "color var(--transition-fast)"
+            },
+            onMouseEnter: (s) => s.currentTarget.style.color = "var(--accent-color)",
+            onMouseLeave: (s) => s.currentTarget.style.color = "var(--primary-color)",
+            children: [
+              o.companyName,
+              " →"
+            ]
+          }
+        )
+      ] })
+    ] })
+  }
+);
+function Vr(o) {
+  try {
+    return new Date(o).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return o;
+  }
+}
+const Ye = ({
+  position: o,
+  width: t,
+  height: s
+}) => {
+  const i = {
+    sidebar: { width: t ?? 280, height: s ?? 250 },
+    "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];
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      "data-ad-slot": o,
+      style: {
+        width: n,
+        height: l,
+        backgroundColor: "var(--secondary-color)",
+        border: "2px dashed var(--border-color)",
+        borderRadius: "var(--radius-md)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontFamily: "var(--font-sans)",
+        fontSize: "0.85rem",
+        color: "var(--text-color)",
+        opacity: 0.5
+      },
+      children: [
+        "Ad Placeholder (",
+        o,
+        ")"
+      ]
+    }
+  );
+}, X = ({
+  meta: o,
+  showAd: t = !0
+}) => {
+  if (!o && !t) return null;
+  const s = 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: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--space-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 })
+          ]
+        },
+        i
+      )) })
+    ] }),
+    t && /* @__PURE__ */ e.jsx(Ye, { position: "sidebar" })
+  ] });
+}, q = ({
+  showAd: o = !0
+}) => /* @__PURE__ */ e.jsxs("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.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: "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((t) => /* @__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: 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)",
+        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" })
+] }), ao = ({
+  brand: o,
+  data: t,
+  onAccountClick: s,
+  onNotificationClick: i
+}) => {
+  const n = [
+    { label: "Explore", path: "/explore" },
+    { label: t.name }
+  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+    value: t.stats.score,
+    label: o.scoreConfig.name,
+    betaDisclaimer: o.scoreConfig.betaDisclaimer
+  } : void 0;
+  return /* @__PURE__ */ e.jsxs(
+    U,
+    {
+      brand: o,
+      onAccountClick: s,
+      onNotificationClick: i,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            title: t.name,
+            subtitle: o.tagline || "Explore worker safety data across the nation",
+            breadcrumbs: n,
+            score: l
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
+          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
+            /* @__PURE__ */ e.jsx(H, { stats: t.stats, columns: 4 }),
+            /* @__PURE__ */ e.jsx(
+              ee,
+              {
+                title: "States & Territories",
+                items: t.directory,
+                basePath: "",
+                initialLimit: 60
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+        ] })
+      ]
+    }
+  );
+}, no = ({
+  brand: o,
+  data: t,
+  onAccountClick: s,
+  onNotificationClick: i
+}) => {
+  const n = [
+    { label: "USA", path: "/explore" },
+    { label: t.name }
+  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+    value: t.stats.score,
+    label: o.scoreConfig.name,
+    betaDisclaimer: o.scoreConfig.betaDisclaimer
+  } : void 0, c = Object.keys(t.recentByAgency);
+  return /* @__PURE__ */ e.jsxs(
+    U,
+    {
+      brand: o,
+      onAccountClick: s,
+      onNotificationClick: i,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            title: t.name,
+            subtitle: `Worker safety data for ${t.name}`,
+            breadcrumbs: n,
+            score: l
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
+          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
+            /* @__PURE__ */ e.jsx(H, { stats: t.stats }),
+            /* @__PURE__ */ e.jsx(
+              ee,
+              {
+                title: "Cities",
+                items: t.directory,
+                basePath: `/${t.slug.toLowerCase()}`
+              }
+            ),
+            c.map((u) => /* @__PURE__ */ e.jsx(
+              re,
+              {
+                title: `Recent ${u} Incidents`,
+                events: t.recentByAgency[u],
+                viewMorePath: `/${t.slug.toLowerCase()}/events/${u.toLowerCase()}`,
+                showAgencyBadge: !1
+              },
+              u
+            ))
+          ] }),
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+        ] })
+      ]
+    }
+  );
+}, so = ({
+  brand: o,
+  data: t,
+  onAccountClick: s,
+  onNotificationClick: i
+}) => {
+  const n = [
+    { label: "USA", path: "/explore" },
+    { label: t.stateName, path: `/${t.state.toLowerCase()}` },
+    { label: t.name }
+  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+    value: t.stats.score,
+    label: o.scoreConfig.name,
+    betaDisclaimer: o.scoreConfig.betaDisclaimer
+  } : void 0, c = Object.keys(t.recentByAgency), u = `/${t.state.toLowerCase()}/${t.slug}`;
+  return /* @__PURE__ */ e.jsxs(
+    U,
+    {
+      brand: o,
+      onAccountClick: s,
+      onNotificationClick: i,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            title: `${t.name}, ${t.state}`,
+            subtitle: `Worker safety data for ${t.name}`,
+            breadcrumbs: n,
+            score: l
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
+          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
+            /* @__PURE__ */ e.jsx(H, { stats: t.stats }),
+            /* @__PURE__ */ e.jsx(
+              ee,
+              {
+                title: "Companies",
+                items: t.directory,
+                basePath: "/company"
+              }
+            ),
+            c.map((f) => /* @__PURE__ */ e.jsx(
+              re,
+              {
+                title: `Recent ${f} Incidents`,
+                events: t.recentByAgency[f],
+                viewMorePath: `${u}/events/${f.toLowerCase()}`,
+                showAgencyBadge: !1
+              },
+              f
+            ))
+          ] }),
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+        ] })
+      ]
+    }
+  );
+}, io = ({
+  brand: o,
+  data: t,
+  onAccountClick: s,
+  onNotificationClick: i
+}) => {
+  var u;
+  const n = [
+    { label: "USA", path: "/explore" },
+    { label: "Companies", path: "/companies" },
+    { label: t.name }
+  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+    value: t.stats.score,
+    label: o.scoreConfig.name,
+    betaDisclaimer: o.scoreConfig.betaDisclaimer
+  } : void 0, c = t.sites && t.sites.length > 0;
+  return /* @__PURE__ */ e.jsxs(
+    U,
+    {
+      brand: o,
+      onAccountClick: s,
+      onNotificationClick: i,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            title: t.name,
+            subtitle: (u = t.meta) != null && u.industry ? `${t.meta.industry}` : void 0,
+            breadcrumbs: n,
+            score: l
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
+          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
+            /* @__PURE__ */ e.jsx(H, { stats: t.stats }),
+            c && /* @__PURE__ */ e.jsx(
+              ee,
+              {
+                title: "Locations",
+                items: t.sites,
+                basePath: `/company/${t.slug}/site`
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              re,
+              {
+                title: "Recent Incidents",
+                events: t.recentEvents.slice(0, c ? 5 : 10),
+                viewMorePath: `/company/${t.slug}/events`,
+                showAgencyBadge: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+        ] })
+      ]
+    }
+  );
+}, lo = ({
+  brand: o,
+  data: t,
+  onAccountClick: s,
+  onNotificationClick: i
+}) => {
+  const n = [
+    { label: "USA", path: "/explore" },
+    { label: "Companies", path: "/companies" },
+    { label: t.companyName, path: `/company/${t.companySlug}` },
+    { label: `#${t.siteId}` }
+  ], l = o.scoreConfig && t.stats.score !== void 0 ? {
+    value: t.stats.score,
+    label: o.scoreConfig.name,
+    betaDisclaimer: o.scoreConfig.betaDisclaimer
+  } : void 0;
+  return /* @__PURE__ */ e.jsxs(
+    U,
+    {
+      brand: o,
+      onAccountClick: s,
+      onNotificationClick: i,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            title: t.name,
+            subtitle: `Location #${t.siteId} of ${t.companyName}`,
+            breadcrumbs: n,
+            score: l
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "page-layout", children: [
+          /* @__PURE__ */ e.jsx(q, { showAd: !0 }),
+          /* @__PURE__ */ e.jsxs("main", { className: "page-main", children: [
+            /* @__PURE__ */ e.jsx(H, { stats: t.stats }),
+            t.siblings && t.siblings.length > 0 && /* @__PURE__ */ e.jsxs("section", { style: {
+              padding: "var(--space-lg)",
+              backgroundColor: "var(--bg-color)",
+              marginBottom: "var(--space-lg)",
+              borderRadius: "var(--radius-md)",
+              border: "1px solid var(--border-color)"
+            }, children: [
+              /* @__PURE__ */ e.jsx("h2", { style: {
+                margin: "0 0 var(--space-md)",
+                fontFamily: "var(--font-serif)",
+                fontSize: "1.5rem",
+                color: "var(--text-color)"
+              }, children: "Compare to Other Locations" }),
+              /* @__PURE__ */ e.jsx("div", { style: {
+                display: "flex",
+                flexWrap: "wrap",
+                gap: "var(--space-sm)"
+              }, children: t.siblings.slice(0, 10).map((c) => /* @__PURE__ */ e.jsxs(
+                "a",
+                {
+                  href: `/company/${t.companySlug}/site/${c.slug}`,
+                  style: {
+                    padding: "var(--space-sm) var(--space-md)",
+                    backgroundColor: "var(--secondary-color)",
+                    borderRadius: "var(--radius-md)",
+                    textDecoration: "none",
+                    color: "var(--text-dark)",
+                    fontFamily: "var(--font-sans)",
+                    fontSize: "0.9rem",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "var(--space-xs)",
+                    transition: "background var(--transition-fast)"
+                  },
+                  onMouseEnter: (u) => u.currentTarget.style.backgroundColor = "var(--accent-color)",
+                  onMouseLeave: (u) => u.currentTarget.style.backgroundColor = "var(--secondary-color)",
+                  children: [
+                    /* @__PURE__ */ e.jsxs("span", { children: [
+                      "#",
+                      c.name
+                    ] }),
+                    /* @__PURE__ */ e.jsx("span", { style: {
+                      backgroundColor: "var(--primary-color)",
+                      color: "var(--text-dark)",
+                      padding: "2px 6px",
+                      borderRadius: "var(--radius-sm)",
+                      fontSize: "0.75rem"
+                    }, children: c.count })
+                  ]
+                },
+                c.slug
+              )) })
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              re,
+              {
+                title: "Recent Incidents",
+                events: t.recentEvents,
+                viewMorePath: `/company/${t.companySlug}/site/${t.siteId}/events`,
+                showAgencyBadge: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(X, { meta: t.meta, showAd: !0 })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Ye as AdSlot,
+  Zr as Alert,
+  Jr as Badge,
+  Xr as Button,
+  qr as Card,
+  so as CityPage,
+  io as CompanyPage,
+  ee as Directory,
+  q as FilterSidebar,
+  $r as Footer,
+  Dr as Header,
+  V as Hero,
+  X as InfoSidebar,
+  Kr as Input,
+  oo as LoadingOverlay,
+  Yr as MobileAdBanner,
+  Qr as Modal,
+  ao as NationPage,
+  re as RecentEvents,
+  U as Shell,
+  lo as SitePage,
+  $e as Skeleton,
+  to as SkeletonCard,
+  Mr as SkeletonText,
+  Ir as Spinner,
+  H as StatGrid,
+  no as StatePage,
+  Gr as Table,
+  eo as Tabs,
+  ro as Tooltip,
+  Tr as applyTheme,
+  Rr as useTheme
+};