@sirsluginston/sharedui 2.0.3 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +0 -7
- package/dist/sharedui.js +52 -77
- package/dist/sharedui.umd.cjs +6 -6
- package/dist/style.css +1 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -54,7 +54,6 @@ export declare interface BrandConfig {
|
|
|
54
54
|
copyrightBrand: string;
|
|
55
55
|
yearCreated: number;
|
|
56
56
|
poweredBy?: string;
|
|
57
|
-
links?: FooterLink[];
|
|
58
57
|
};
|
|
59
58
|
navItems: NavItem[];
|
|
60
59
|
}
|
|
@@ -200,16 +199,10 @@ declare interface FilterSidebarProps {
|
|
|
200
199
|
|
|
201
200
|
export declare const Footer: default_2.FC<FooterProps>;
|
|
202
201
|
|
|
203
|
-
export declare interface FooterLink {
|
|
204
|
-
label: string;
|
|
205
|
-
url: string;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
202
|
declare interface FooterProps {
|
|
209
203
|
copyrightBrand: string;
|
|
210
204
|
yearCreated: number;
|
|
211
205
|
poweredBy?: string;
|
|
212
|
-
links?: FooterLink[];
|
|
213
206
|
}
|
|
214
207
|
|
|
215
208
|
export declare const Header: default_2.FC<HeaderProps>;
|
package/dist/sharedui.js
CHANGED
|
@@ -15,11 +15,11 @@ function Rr() {
|
|
|
15
15
|
Le = 1;
|
|
16
16
|
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 };
|
|
17
17
|
function c(u, f, j) {
|
|
18
|
-
var p,
|
|
18
|
+
var p, y = {}, b = null, I = null;
|
|
19
19
|
j !== void 0 && (b = "" + j), f.key !== void 0 && (b = "" + f.key), f.ref !== void 0 && (I = f.ref);
|
|
20
|
-
for (p in f) i.call(f, p) && !l.hasOwnProperty(p) && (
|
|
21
|
-
if (u && u.defaultProps) for (p in f = u.defaultProps, f)
|
|
22
|
-
return { $$typeof: t, type: u, key: b, ref: I, props:
|
|
20
|
+
for (p in f) i.call(f, p) && !l.hasOwnProperty(p) && (y[p] = f[p]);
|
|
21
|
+
if (u && u.defaultProps) for (p in f = u.defaultProps, f) y[p] === void 0 && (y[p] = f[p]);
|
|
22
|
+
return { $$typeof: t, type: u, key: b, ref: I, props: y, _owner: n.current };
|
|
23
23
|
}
|
|
24
24
|
return $.Fragment = s, $.jsx = c, $.jsxs = c, $;
|
|
25
25
|
}
|
|
@@ -36,7 +36,7 @@ var Y = {};
|
|
|
36
36
|
var Be;
|
|
37
37
|
function Tr() {
|
|
38
38
|
return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
|
|
39
|
-
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"),
|
|
39
|
+
var o = ue, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), C = Symbol.iterator, _ = "@@iterator";
|
|
40
40
|
function Ne(r) {
|
|
41
41
|
if (r === null || typeof r != "object")
|
|
42
42
|
return null;
|
|
@@ -55,16 +55,16 @@ function Tr() {
|
|
|
55
55
|
{
|
|
56
56
|
var v = W.ReactDebugCurrentFrame, x = v.getStackAddendum();
|
|
57
57
|
x !== "" && (a += "%s", d = d.concat([x]));
|
|
58
|
-
var
|
|
58
|
+
var h = d.map(function(m) {
|
|
59
59
|
return String(m);
|
|
60
60
|
});
|
|
61
|
-
|
|
61
|
+
h.unshift("Warning: " + a), Function.prototype.apply.call(console[r], console, h);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
var He = !1, Ve = !1, Xe = !1, qe = !1, Je = !1, fe;
|
|
65
65
|
fe = Symbol.for("react.module.reference");
|
|
66
66
|
function Ke(r) {
|
|
67
|
-
return !!(typeof r == "string" || typeof r == "function" || r === i || r === l || Je || r === n || r === j || r === p || qe || r === I || He || Ve || Xe || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof ===
|
|
67
|
+
return !!(typeof r == "string" || typeof r == "function" || r === i || r === l || Je || r === n || r === j || r === p || qe || r === I || He || Ve || Xe || typeof r == "object" && r !== null && (r.$$typeof === b || r.$$typeof === y || r.$$typeof === c || r.$$typeof === u || r.$$typeof === f || // This needs to include all possible module reference object
|
|
68
68
|
// types supported by any Flight configuration anywhere since
|
|
69
69
|
// we don't know which Flight build this will end up being used
|
|
70
70
|
// with.
|
|
@@ -111,13 +111,13 @@ function Tr() {
|
|
|
111
111
|
return ve(d._context) + ".Provider";
|
|
112
112
|
case f:
|
|
113
113
|
return Ge(r, r.render, "ForwardRef");
|
|
114
|
-
case
|
|
114
|
+
case y:
|
|
115
115
|
var v = r.displayName || null;
|
|
116
116
|
return v !== null ? v : M(r.type) || "Memo";
|
|
117
117
|
case b: {
|
|
118
|
-
var x = r,
|
|
118
|
+
var x = r, h = x._payload, m = x._init;
|
|
119
119
|
try {
|
|
120
|
-
return M(m(
|
|
120
|
+
return M(m(h));
|
|
121
121
|
} catch {
|
|
122
122
|
return null;
|
|
123
123
|
}
|
|
@@ -125,14 +125,14 @@ function Tr() {
|
|
|
125
125
|
}
|
|
126
126
|
return null;
|
|
127
127
|
}
|
|
128
|
-
var D = Object.assign, B = 0, pe, ge, me, xe,
|
|
128
|
+
var D = Object.assign, B = 0, pe, ge, me, xe, he, ye, be;
|
|
129
129
|
function je() {
|
|
130
130
|
}
|
|
131
131
|
je.__reactDisabledLog = !0;
|
|
132
132
|
function Qe() {
|
|
133
133
|
{
|
|
134
134
|
if (B === 0) {
|
|
135
|
-
pe = console.log, ge = console.info, me = console.warn, xe = console.error,
|
|
135
|
+
pe = console.log, ge = console.info, me = console.warn, xe = console.error, he = console.group, ye = console.groupCollapsed, be = console.groupEnd;
|
|
136
136
|
var r = {
|
|
137
137
|
configurable: !0,
|
|
138
138
|
enumerable: !0,
|
|
@@ -174,10 +174,10 @@ function Tr() {
|
|
|
174
174
|
value: xe
|
|
175
175
|
}),
|
|
176
176
|
group: D({}, r, {
|
|
177
|
-
value:
|
|
177
|
+
value: he
|
|
178
178
|
}),
|
|
179
179
|
groupCollapsed: D({}, r, {
|
|
180
|
-
value:
|
|
180
|
+
value: ye
|
|
181
181
|
}),
|
|
182
182
|
groupEnd: D({}, r, {
|
|
183
183
|
value: be
|
|
@@ -218,8 +218,8 @@ function Tr() {
|
|
|
218
218
|
ae = !0;
|
|
219
219
|
var x = Error.prepareStackTrace;
|
|
220
220
|
Error.prepareStackTrace = void 0;
|
|
221
|
-
var
|
|
222
|
-
|
|
221
|
+
var h;
|
|
222
|
+
h = oe.current, oe.current = null, Qe();
|
|
223
223
|
try {
|
|
224
224
|
if (a) {
|
|
225
225
|
var m = function() {
|
|
@@ -272,7 +272,7 @@ function Tr() {
|
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
274
|
} finally {
|
|
275
|
-
ae = !1, oe.current =
|
|
275
|
+
ae = !1, oe.current = h, Ze(), Error.prepareStackTrace = x;
|
|
276
276
|
}
|
|
277
277
|
var L = r ? r.displayName || r.name : "", z = L ? J(L) : "";
|
|
278
278
|
return typeof r == "function" && K.set(r, z), z;
|
|
@@ -301,12 +301,12 @@ function Tr() {
|
|
|
301
301
|
switch (r.$$typeof) {
|
|
302
302
|
case f:
|
|
303
303
|
return rr(r.render);
|
|
304
|
-
case
|
|
304
|
+
case y:
|
|
305
305
|
return G(r.type, a, d);
|
|
306
306
|
case b: {
|
|
307
|
-
var v = r, x = v._payload,
|
|
307
|
+
var v = r, x = v._payload, h = v._init;
|
|
308
308
|
try {
|
|
309
|
-
return G(
|
|
309
|
+
return G(h(x), a, d);
|
|
310
310
|
} catch {
|
|
311
311
|
}
|
|
312
312
|
}
|
|
@@ -323,9 +323,9 @@ function Tr() {
|
|
|
323
323
|
}
|
|
324
324
|
function tr(r, a, d, v, x) {
|
|
325
325
|
{
|
|
326
|
-
var
|
|
326
|
+
var h = Function.call.bind(O);
|
|
327
327
|
for (var m in r)
|
|
328
|
-
if (
|
|
328
|
+
if (h(r, m)) {
|
|
329
329
|
var g = void 0;
|
|
330
330
|
try {
|
|
331
331
|
if (typeof r[m] != "function") {
|
|
@@ -411,7 +411,7 @@ function Tr() {
|
|
|
411
411
|
});
|
|
412
412
|
}
|
|
413
413
|
}
|
|
414
|
-
var vr = function(r, a, d, v, x,
|
|
414
|
+
var vr = function(r, a, d, v, x, h, m) {
|
|
415
415
|
var g = {
|
|
416
416
|
// This tag allows us to uniquely identify this as a React Element
|
|
417
417
|
$$typeof: t,
|
|
@@ -421,7 +421,7 @@ function Tr() {
|
|
|
421
421
|
ref: d,
|
|
422
422
|
props: m,
|
|
423
423
|
// Record the component responsible for creating this element.
|
|
424
|
-
_owner:
|
|
424
|
+
_owner: h
|
|
425
425
|
};
|
|
426
426
|
return g._store = {}, Object.defineProperty(g._store, "validated", {
|
|
427
427
|
configurable: !1,
|
|
@@ -442,14 +442,14 @@ function Tr() {
|
|
|
442
442
|
};
|
|
443
443
|
function pr(r, a, d, v, x) {
|
|
444
444
|
{
|
|
445
|
-
var
|
|
445
|
+
var h, m = {}, g = null, R = null;
|
|
446
446
|
d !== void 0 && (Re(d), g = "" + d), cr(a) && (Re(a.key), g = "" + a.key), lr(a) && (R = a.ref, dr(a, x));
|
|
447
|
-
for (
|
|
448
|
-
O.call(a,
|
|
447
|
+
for (h in a)
|
|
448
|
+
O.call(a, h) && !ir.hasOwnProperty(h) && (m[h] = a[h]);
|
|
449
449
|
if (r && r.defaultProps) {
|
|
450
450
|
var k = r.defaultProps;
|
|
451
|
-
for (
|
|
452
|
-
m[
|
|
451
|
+
for (h in k)
|
|
452
|
+
m[h] === void 0 && (m[h] = k[h]);
|
|
453
453
|
}
|
|
454
454
|
if (g || R) {
|
|
455
455
|
var w = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
|
|
@@ -526,7 +526,7 @@ Check the top-level render call using <` + d + ">.");
|
|
|
526
526
|
else if (r) {
|
|
527
527
|
var x = Ne(r);
|
|
528
528
|
if (typeof x == "function" && x !== r.entries)
|
|
529
|
-
for (var
|
|
529
|
+
for (var h = x.call(r), m; !(m = h.next()).done; )
|
|
530
530
|
le(m.value) && De(m.value, a);
|
|
531
531
|
}
|
|
532
532
|
}
|
|
@@ -541,7 +541,7 @@ Check the top-level render call using <` + d + ">.");
|
|
|
541
541
|
d = a.propTypes;
|
|
542
542
|
else if (typeof a == "object" && (a.$$typeof === f || // Note: Memo only checks outer props here.
|
|
543
543
|
// Inner props are checked in the reconciler.
|
|
544
|
-
a.$$typeof ===
|
|
544
|
+
a.$$typeof === y))
|
|
545
545
|
d = a.propTypes;
|
|
546
546
|
else
|
|
547
547
|
return;
|
|
@@ -556,7 +556,7 @@ Check the top-level render call using <` + d + ">.");
|
|
|
556
556
|
typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
557
557
|
}
|
|
558
558
|
}
|
|
559
|
-
function
|
|
559
|
+
function hr(r) {
|
|
560
560
|
{
|
|
561
561
|
for (var a = Object.keys(r.props), d = 0; d < a.length; d++) {
|
|
562
562
|
var v = a[d];
|
|
@@ -569,7 +569,7 @@ Check the top-level render call using <` + d + ">.");
|
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
571
|
var Pe = {};
|
|
572
|
-
function We(r, a, d, v, x,
|
|
572
|
+
function We(r, a, d, v, x, h) {
|
|
573
573
|
{
|
|
574
574
|
var m = Ke(r);
|
|
575
575
|
if (!m) {
|
|
@@ -580,7 +580,7 @@ Check the top-level render call using <` + d + ">.");
|
|
|
580
580
|
var k;
|
|
581
581
|
r === null ? k = "null" : ne(r) ? k = "array" : r !== void 0 && r.$$typeof === t ? (k = "<" + (M(r.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : k = typeof r, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, g);
|
|
582
582
|
}
|
|
583
|
-
var w = pr(r, a, d, x,
|
|
583
|
+
var w = pr(r, a, d, x, h);
|
|
584
584
|
if (w == null)
|
|
585
585
|
return w;
|
|
586
586
|
if (m) {
|
|
@@ -610,16 +610,16 @@ React keys must be passed directly to JSX without using spread:
|
|
|
610
610
|
<%s key={someKey} {...props} />`, ce, z, wr, z), Pe[z + ce] = !0;
|
|
611
611
|
}
|
|
612
612
|
}
|
|
613
|
-
return r === i ?
|
|
613
|
+
return r === i ? hr(w) : xr(w), w;
|
|
614
614
|
}
|
|
615
615
|
}
|
|
616
|
-
function
|
|
616
|
+
function yr(r, a, d) {
|
|
617
617
|
return We(r, a, d, !0);
|
|
618
618
|
}
|
|
619
619
|
function br(r, a, d) {
|
|
620
620
|
return We(r, a, d, !1);
|
|
621
621
|
}
|
|
622
|
-
var jr = br, kr =
|
|
622
|
+
var jr = br, kr = yr;
|
|
623
623
|
Y.Fragment = i, Y.jsx = jr, Y.jsxs = kr;
|
|
624
624
|
}()), Y;
|
|
625
625
|
}
|
|
@@ -691,16 +691,16 @@ const Xr = ({
|
|
|
691
691
|
disabled: l || s,
|
|
692
692
|
style: { ...j, ...c.style },
|
|
693
693
|
onMouseDown: (p) => {
|
|
694
|
-
var
|
|
695
|
-
!l && !s && (p.currentTarget.style.transform = "translate(2px, 2px)", p.currentTarget.style.boxShadow = "none"), (
|
|
694
|
+
var y;
|
|
695
|
+
!l && !s && (p.currentTarget.style.transform = "translate(2px, 2px)", p.currentTarget.style.boxShadow = "none"), (y = c.onMouseDown) == null || y.call(c, p);
|
|
696
696
|
},
|
|
697
697
|
onMouseUp: (p) => {
|
|
698
|
-
var
|
|
699
|
-
p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (
|
|
698
|
+
var y;
|
|
699
|
+
p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (y = c.onMouseUp) == null || y.call(c, p);
|
|
700
700
|
},
|
|
701
701
|
onMouseLeave: (p) => {
|
|
702
|
-
var
|
|
703
|
-
p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (
|
|
702
|
+
var y;
|
|
703
|
+
p.currentTarget.style.transform = "translate(0, 0)", p.currentTarget.style.boxShadow = f[o].boxShadow || "none", (y = c.onMouseLeave) == null || y.call(c, p);
|
|
704
704
|
},
|
|
705
705
|
children: [
|
|
706
706
|
s ? /* @__PURE__ */ e.jsx(Er, { size: 16 }) : i,
|
|
@@ -1470,7 +1470,7 @@ const Qr = ({
|
|
|
1470
1470
|
const b = () => c(window.innerWidth < 768);
|
|
1471
1471
|
return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
|
|
1472
1472
|
}, []);
|
|
1473
|
-
const
|
|
1473
|
+
const y = o.navItems.filter((b) => b.inNavbar !== !1);
|
|
1474
1474
|
return /* @__PURE__ */ e.jsxs("header", { style: {
|
|
1475
1475
|
backgroundColor: "var(--primary-color)",
|
|
1476
1476
|
borderBottom: "4px solid var(--accent-color)",
|
|
@@ -1517,7 +1517,7 @@ const Qr = ({
|
|
|
1517
1517
|
gap: "var(--space-sm)",
|
|
1518
1518
|
flex: 1,
|
|
1519
1519
|
justifyContent: "center"
|
|
1520
|
-
}, children:
|
|
1520
|
+
}, children: y.map((b) => /* @__PURE__ */ e.jsx(
|
|
1521
1521
|
Mr,
|
|
1522
1522
|
{
|
|
1523
1523
|
item: b,
|
|
@@ -1544,7 +1544,7 @@ const Qr = ({
|
|
|
1544
1544
|
backgroundColor: "var(--bg-color)",
|
|
1545
1545
|
borderTop: "1px solid var(--border-color)",
|
|
1546
1546
|
padding: "var(--space-sm)"
|
|
1547
|
-
}, children:
|
|
1547
|
+
}, children: y.map((b) => /* @__PURE__ */ e.jsx(Dr, { item: b, onClose: () => f(!1) }, b.label)) })
|
|
1548
1548
|
] });
|
|
1549
1549
|
}, Z = ({ onClick: o, label: t, size: s = 36, children: i }) => /* @__PURE__ */ e.jsx(
|
|
1550
1550
|
"button",
|
|
@@ -1669,10 +1669,9 @@ const Qr = ({
|
|
|
1669
1669
|
] }), 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: "M3 12h18M3 6h18M3 18h18" }) }), Br = ({
|
|
1670
1670
|
copyrightBrand: o,
|
|
1671
1671
|
yearCreated: t,
|
|
1672
|
-
poweredBy: s
|
|
1673
|
-
links: i
|
|
1672
|
+
poweredBy: s
|
|
1674
1673
|
}) => {
|
|
1675
|
-
const
|
|
1674
|
+
const i = (/* @__PURE__ */ new Date()).getFullYear(), n = t === i ? i.toString() : `${t}-${i}`;
|
|
1676
1675
|
return /* @__PURE__ */ e.jsx("footer", { style: {
|
|
1677
1676
|
backgroundColor: "var(--primary-color)",
|
|
1678
1677
|
color: "var(--bg-color)",
|
|
@@ -1687,29 +1686,6 @@ const Qr = ({
|
|
|
1687
1686
|
alignItems: "center",
|
|
1688
1687
|
textAlign: "center"
|
|
1689
1688
|
}, children: [
|
|
1690
|
-
i && i.length > 0 && /* @__PURE__ */ e.jsx("nav", { style: {
|
|
1691
|
-
display: "flex",
|
|
1692
|
-
flexWrap: "wrap",
|
|
1693
|
-
gap: "var(--space-md)",
|
|
1694
|
-
justifyContent: "center"
|
|
1695
|
-
}, children: i.map((c) => /* @__PURE__ */ e.jsx(
|
|
1696
|
-
"a",
|
|
1697
|
-
{
|
|
1698
|
-
href: c.url,
|
|
1699
|
-
style: {
|
|
1700
|
-
color: "var(--bg-color)",
|
|
1701
|
-
textDecoration: "none",
|
|
1702
|
-
fontFamily: "var(--font-sans)",
|
|
1703
|
-
fontSize: "0.9rem",
|
|
1704
|
-
opacity: 0.9,
|
|
1705
|
-
transition: "opacity var(--transition-fast)"
|
|
1706
|
-
},
|
|
1707
|
-
onMouseEnter: (u) => u.currentTarget.style.opacity = "1",
|
|
1708
|
-
onMouseLeave: (u) => u.currentTarget.style.opacity = "0.9",
|
|
1709
|
-
children: c.label
|
|
1710
|
-
},
|
|
1711
|
-
c.label
|
|
1712
|
-
)) }),
|
|
1713
1689
|
/* @__PURE__ */ e.jsxs("p", { style: {
|
|
1714
1690
|
margin: 0,
|
|
1715
1691
|
fontFamily: "var(--font-sans)",
|
|
@@ -1717,7 +1693,7 @@ const Qr = ({
|
|
|
1717
1693
|
opacity: 0.8
|
|
1718
1694
|
}, children: [
|
|
1719
1695
|
"© ",
|
|
1720
|
-
|
|
1696
|
+
n,
|
|
1721
1697
|
" ",
|
|
1722
1698
|
o,
|
|
1723
1699
|
". All rights reserved."
|
|
@@ -1827,8 +1803,7 @@ const U = ({
|
|
|
1827
1803
|
{
|
|
1828
1804
|
copyrightBrand: o.footer.copyrightBrand,
|
|
1829
1805
|
yearCreated: o.footer.yearCreated,
|
|
1830
|
-
poweredBy: o.footer.poweredBy
|
|
1831
|
-
links: o.footer.links
|
|
1806
|
+
poweredBy: o.footer.poweredBy
|
|
1832
1807
|
}
|
|
1833
1808
|
)
|
|
1834
1809
|
] });
|
|
@@ -2027,7 +2002,7 @@ const ee = ({
|
|
|
2027
2002
|
}) => {
|
|
2028
2003
|
const [c, u] = P(""), [f, j] = P(!1), p = t.filter(
|
|
2029
2004
|
(C) => C.name.toLowerCase().includes(c.toLowerCase())
|
|
2030
|
-
),
|
|
2005
|
+
), y = f || c.length > 0, b = y ? p : p.slice(0, l), I = p.length > l && !y;
|
|
2031
2006
|
return /* @__PURE__ */ e.jsx("section", { style: {
|
|
2032
2007
|
marginBottom: "var(--space-lg)"
|
|
2033
2008
|
}, children: /* @__PURE__ */ e.jsxs("div", { children: [
|
package/dist/sharedui.umd.cjs
CHANGED
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var pe;function Ke(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&function(){var o=j,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"),w=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),T=Symbol.iterator,M="@@iterator";function wr(r){if(r===null||typeof r!="object")return null;var a=T&&r[T]||r[M];return typeof a=="function"?a:null}var N=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(r){{for(var a=arguments.length,d=new Array(a>1?a-1:0),v=1;v<a;v++)d[v-1]=arguments[v];Sr("error",r,d)}}function Sr(r,a,d){{var v=N.ReactDebugCurrentFrame,
|
|
18
|
-
`+se+r}}var ie=!1,q;{var Pr=typeof WeakMap=="function"?WeakMap:Map;q=new Pr}function De(r,a){if(!r||ie)return"";{var d=q.get(r);if(d!==void 0)return d}var v;ie=!0;var
|
|
17
|
+
*/var pe;function Ke(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&function(){var o=j,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"),w=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),T=Symbol.iterator,M="@@iterator";function wr(r){if(r===null||typeof r!="object")return null;var a=T&&r[T]||r[M];return typeof a=="function"?a:null}var N=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(r){{for(var a=arguments.length,d=new Array(a>1?a-1:0),v=1;v<a;v++)d[v-1]=arguments[v];Sr("error",r,d)}}function Sr(r,a,d){{var v=N.ReactDebugCurrentFrame,y=v.getStackAddendum();y!==""&&(a+="%s",d=d.concat([y]));var x=d.map(function(h){return String(h)});x.unshift("Warning: "+a),Function.prototype.apply.call(console[r],console,x)}}var Cr=!1,Tr=!1,Rr=!1,Er=!1,Fr=!1,we;we=Symbol.for("react.module.reference");function Ir(r){return!!(typeof r=="string"||typeof r=="function"||r===i||r===l||Fr||r===n||r===w||r===g||Er||r===D||Cr||Tr||Rr||typeof r=="object"&&r!==null&&(r.$$typeof===k||r.$$typeof===b||r.$$typeof===c||r.$$typeof===u||r.$$typeof===f||r.$$typeof===we||r.getModuleId!==void 0))}function _r(r,a,d){var v=r.displayName;if(v)return v;var y=a.displayName||a.name||"";return y!==""?d+"("+y+")":d}function Se(r){return r.displayName||"Context"}function P(r){if(r==null)return null;if(typeof r.tag=="number"&&R("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 w:return"Suspense";case g:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case u:var a=r;return Se(a)+".Consumer";case c:var d=r;return Se(d._context)+".Provider";case f:return _r(r,r.render,"ForwardRef");case b:var v=r.displayName||null;return v!==null?v:P(r.type)||"Memo";case k:{var y=r,x=y._payload,h=y._init;try{return P(h(x))}catch{return null}}}return null}var z=Object.assign,K=0,Ce,Te,Re,Ee,Fe,Ie,_e;function Me(){}Me.__reactDisabledLog=!0;function Mr(){{if(K===0){Ce=console.log,Te=console.info,Re=console.warn,Ee=console.error,Fe=console.group,Ie=console.groupCollapsed,_e=console.groupEnd;var r={configurable:!0,enumerable:!0,value:Me,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}K++}}function Dr(){{if(K--,K===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:z({},r,{value:Ce}),info:z({},r,{value:Te}),warn:z({},r,{value:Re}),error:z({},r,{value:Ee}),group:z({},r,{value:Fe}),groupCollapsed:z({},r,{value:Ie}),groupEnd:z({},r,{value:_e})})}K<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ne=N.ReactCurrentDispatcher,se;function Z(r,a,d){{if(se===void 0)try{throw Error()}catch(y){var v=y.stack.trim().match(/\n( *(at )?)/);se=v&&v[1]||""}return`
|
|
18
|
+
`+se+r}}var ie=!1,q;{var Pr=typeof WeakMap=="function"?WeakMap:Map;q=new Pr}function De(r,a){if(!r||ie)return"";{var d=q.get(r);if(d!==void 0)return d}var v;ie=!0;var y=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var x;x=ne.current,ne.current=null,Mr();try{if(a){var h=function(){throw Error()};if(Object.defineProperty(h.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(h,[])}catch(F){v=F}Reflect.construct(r,[],h)}else{try{h.call()}catch(F){v=F}r.call(h.prototype)}}else{try{throw Error()}catch(F){v=F}r()}}catch(F){if(F&&v&&typeof F.stack=="string"){for(var m=F.stack.split(`
|
|
19
19
|
`),E=v.stack.split(`
|
|
20
20
|
`),S=m.length-1,C=E.length-1;S>=1&&C>=0&&m[S]!==E[C];)C--;for(;S>=1&&C>=0;S--,C--)if(m[S]!==E[C]){if(S!==1||C!==1)do if(S--,C--,C<0||m[S]!==E[C]){var I=`
|
|
21
|
-
`+m[S].replace(" at new "," at ");return r.displayName&&I.includes("<anonymous>")&&(I=I.replace("<anonymous>",r.displayName)),typeof r=="function"&&q.set(r,I),I}while(S>=1&&C>=0);break}}}finally{ie=!1,ne.current=x,Dr(),Error.prepareStackTrace=
|
|
21
|
+
`+m[S].replace(" at new "," at ");return r.displayName&&I.includes("<anonymous>")&&(I=I.replace("<anonymous>",r.displayName)),typeof r=="function"&&q.set(r,I),I}while(S>=1&&C>=0);break}}}finally{ie=!1,ne.current=x,Dr(),Error.prepareStackTrace=y}var $=r?r.displayName||r.name:"",A=$?Z($):"";return typeof r=="function"&&q.set(r,A),A}function zr(r,a,d){return De(r,!1)}function Ar(r){var a=r.prototype;return!!(a&&a.isReactComponent)}function ee(r,a,d){if(r==null)return"";if(typeof r=="function")return De(r,Ar(r));if(typeof r=="string")return Z(r);switch(r){case w:return Z("Suspense");case g:return Z("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case f:return zr(r.render);case b:return ee(r.type,a,d);case k:{var v=r,y=v._payload,x=v._init;try{return ee(x(y),a,d)}catch{}}}return""}var G=Object.prototype.hasOwnProperty,Pe={},ze=N.ReactDebugCurrentFrame;function re(r){if(r){var a=r._owner,d=ee(r.type,r._source,a?a.type:null);ze.setExtraStackFrame(d)}else ze.setExtraStackFrame(null)}function Wr(r,a,d,v,y){{var x=Function.call.bind(G);for(var h in r)if(x(r,h)){var m=void 0;try{if(typeof r[h]!="function"){var E=Error((v||"React class")+": "+d+" type `"+h+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[h]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}m=r[h](a,h,v,d,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(S){m=S}m&&!(m instanceof Error)&&(re(y),R("%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,h,typeof m),re(null)),m instanceof Error&&!(m.message in Pe)&&(Pe[m.message]=!0,re(y),R("Failed %s type: %s",d,m.message),re(null))}}}var Br=Array.isArray;function le(r){return Br(r)}function Lr(r){{var a=typeof Symbol=="function"&&Symbol.toStringTag,d=a&&r[Symbol.toStringTag]||r.constructor.name||"Object";return d}}function Or(r){try{return Ae(r),!1}catch{return!0}}function Ae(r){return""+r}function We(r){if(Or(r))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Lr(r)),Ae(r)}var Be=N.ReactCurrentOwner,Yr={key:!0,ref:!0,__self:!0,__source:!0},Le,Oe;function Nr(r){if(G.call(r,"ref")){var a=Object.getOwnPropertyDescriptor(r,"ref").get;if(a&&a.isReactWarning)return!1}return r.ref!==void 0}function Ur(r){if(G.call(r,"key")){var a=Object.getOwnPropertyDescriptor(r,"key").get;if(a&&a.isReactWarning)return!1}return r.key!==void 0}function $r(r,a){typeof r.ref=="string"&&Be.current}function Hr(r,a){{var d=function(){Le||(Le=!0,R("%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 Vr(r,a){{var d=function(){Oe||(Oe=!0,R("%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 Xr=function(r,a,d,v,y,x,h){var m={$$typeof:t,type:r,key:a,ref:d,props:h,_owner:x};return m._store={},Object.defineProperty(m._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(m,"_self",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.defineProperty(m,"_source",{configurable:!1,enumerable:!1,writable:!1,value:y}),Object.freeze&&(Object.freeze(m.props),Object.freeze(m)),m};function Jr(r,a,d,v,y){{var x,h={},m=null,E=null;d!==void 0&&(We(d),m=""+d),Ur(a)&&(We(a.key),m=""+a.key),Nr(a)&&(E=a.ref,$r(a,y));for(x in a)G.call(a,x)&&!Yr.hasOwnProperty(x)&&(h[x]=a[x]);if(r&&r.defaultProps){var S=r.defaultProps;for(x in S)h[x]===void 0&&(h[x]=S[x])}if(m||E){var C=typeof r=="function"?r.displayName||r.name||"Unknown":r;m&&Hr(h,C),E&&Vr(h,C)}return Xr(r,m,E,y,v,Be.current,h)}}var ce=N.ReactCurrentOwner,Ye=N.ReactDebugCurrentFrame;function U(r){if(r){var a=r._owner,d=ee(r.type,r._source,a?a.type:null);Ye.setExtraStackFrame(d)}else Ye.setExtraStackFrame(null)}var de;de=!1;function ue(r){return typeof r=="object"&&r!==null&&r.$$typeof===t}function Ne(){{if(ce.current){var r=P(ce.current.type);if(r)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+r+"`."}return""}}function Kr(r){return""}var Ue={};function Gr(r){{var a=Ne();if(!a){var d=typeof r=="string"?r:r.displayName||r.name;d&&(a=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+d+">.")}return a}}function $e(r,a){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var d=Gr(a);if(Ue[d])return;Ue[d]=!0;var v="";r&&r._owner&&r._owner!==ce.current&&(v=" It was passed a child from "+P(r._owner.type)+"."),U(r),R('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),U(null)}}function He(r,a){{if(typeof r!="object")return;if(le(r))for(var d=0;d<r.length;d++){var v=r[d];ue(v)&&$e(v,a)}else if(ue(r))r._store&&(r._store.validated=!0);else if(r){var
|
|
25
|
+
Check the top-level render call using <`+d+">.")}return a}}function $e(r,a){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var d=Gr(a);if(Ue[d])return;Ue[d]=!0;var v="";r&&r._owner&&r._owner!==ce.current&&(v=" It was passed a child from "+P(r._owner.type)+"."),U(r),R('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),U(null)}}function He(r,a){{if(typeof r!="object")return;if(le(r))for(var d=0;d<r.length;d++){var v=r[d];ue(v)&&$e(v,a)}else if(ue(r))r._store&&(r._store.validated=!0);else if(r){var y=wr(r);if(typeof y=="function"&&y!==r.entries)for(var x=y.call(r),h;!(h=x.next()).done;)ue(h.value)&&$e(h.value,a)}}}function Qr(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||a.$$typeof===b))d=a.propTypes;else return;if(d){var v=P(a);Wr(d,r.props,"prop",v,r)}else if(a.PropTypes!==void 0&&!de){de=!0;var y=P(a);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",y||"Unknown")}typeof a.getDefaultProps=="function"&&!a.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Zr(r){{for(var a=Object.keys(r.props),d=0;d<a.length;d++){var v=a[d];if(v!=="children"&&v!=="key"){U(r),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",v),U(null);break}}r.ref!==null&&(U(r),R("Invalid attribute `ref` supplied to `React.Fragment`."),U(null))}}var Ve={};function Xe(r,a,d,v,y,x){{var h=Ir(r);if(!h){var m="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(m+=" 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 E=Kr();E?m+=E:m+=Ne();var S;r===null?S="null":le(r)?S="array":r!==void 0&&r.$$typeof===t?(S="<"+(P(r.type)||"Unknown")+" />",m=" Did you accidentally export a JSX literal instead of a component?"):S=typeof r,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",S,m)}var C=Jr(r,a,d,y,x);if(C==null)return C;if(h){var I=a.children;if(I!==void 0)if(v)if(le(I)){for(var $=0;$<I.length;$++)He(I[$],r);Object.freeze&&Object.freeze(I)}else R("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 He(I,r)}if(G.call(a,"key")){var A=P(r),F=Object.keys(a).filter(function(ao){return ao!=="key"}),fe=F.length>0?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}";if(!Ve[A+fe]){var to=F.length>0?"{"+F.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
@@ -55,7 +55,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
55
55
|
0% { background-position: 200% 0; }
|
|
56
56
|
100% { background-position: -200% 0; }
|
|
57
57
|
}
|
|
58
|
-
`})})},me=({lines:o=3})=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-sm)"},children:Array.from({length:o}).map((t,s)=>e.jsx(te,{width:s===o-1?"60%":"100%",height:16},s))}),ir=()=>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:[e.jsx(te,{height:24,width:"50%"}),e.jsx(me,{lines:3})]}),
|
|
58
|
+
`})})},me=({lines:o=3})=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-sm)"},children:Array.from({length:o}).map((t,s)=>e.jsx(te,{width:s===o-1?"60%":"100%",height:16},s))}),ir=()=>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:[e.jsx(te,{height:24,width:"50%"}),e.jsx(me,{lines:3})]}),he=({brand:o,darkMode:t,onThemeToggle:s,onAccountClick:i,onNotificationClick:n})=>{const[l,c]=j.useState(!1),[u,f]=j.useState(!1),[w,g]=j.useState(null);j.useEffect(()=>{const k=()=>c(window.innerWidth<768);return k(),window.addEventListener("resize",k),()=>window.removeEventListener("resize",k)},[]);const b=o.navItems.filter(k=>k.inNavbar!==!1);return e.jsxs("header",{style:{backgroundColor:"var(--primary-color)",borderBottom:"4px solid var(--accent-color)",position:"sticky",top:0,zIndex:100},children:[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&&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:e.jsx("img",{src:o.logoUrl,alt:o.name,style:{width:"100%",height:"100%",objectFit:"cover"}})}),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&&e.jsx("nav",{style:{display:"flex",alignItems:"center",gap:"var(--space-sm)",flex:1,justifyContent:"center"},children:b.map(k=>e.jsx(lr,{item:k,isActive:w===k.label,onHover:D=>g(D),onLeave:()=>g(null)},k.label))}),l&&e.jsx("div",{style:{flex:1}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-xs)",flexShrink:0},children:[l&&e.jsx(Q,{onClick:()=>f(!u),label:"Menu",size:36,children:e.jsx(pr,{})}),e.jsx(Q,{onClick:s,label:"Toggle theme",size:36,children:t?e.jsx(ur,{}):e.jsx(dr,{})}),!l&&n&&e.jsx(Q,{onClick:n,label:"Notifications",size:36,children:e.jsx(fr,{})}),e.jsx(Q,{onClick:i,label:"Account",size:40,children:e.jsx(vr,{})})]})]}),l&&u&&e.jsx("div",{style:{backgroundColor:"var(--bg-color)",borderTop:"1px solid var(--border-color)",padding:"var(--space-sm)"},children:b.map(k=>e.jsx(cr,{item:k,onClose:()=>f(!1)},k.label))})]})},Q=({onClick:o,label:t,size:s=36,children:i})=>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}),lr=({item:o,isActive:t,onHover:s,onLeave:i})=>e.jsxs("div",{onMouseEnter:()=>o.children&&s(o.label),onMouseLeave:i,style:{position:"relative"},children:[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&&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=>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))})]}),cr=({item:o,onClose:t})=>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}),dr=()=>e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"5"}),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"})]}),ur=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})}),fr=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children: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"})}),vr=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),e.jsx("circle",{cx:"12",cy:"7",r:"4"})]}),pr=()=>e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M3 12h18M3 6h18M3 18h18"})}),ye=({copyrightBrand:o,yearCreated:t,poweredBy:s})=>{const i=new Date().getFullYear(),n=t===i?i.toString():`${t}-${i}`;return 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:e.jsxs("div",{style:{maxWidth:1200,margin:"0 auto",display:"flex",flexDirection:"column",gap:"var(--space-md)",alignItems:"center",textAlign:"center"},children:[e.jsxs("p",{style:{margin:0,fontFamily:"var(--font-sans)",fontSize:"0.85rem",opacity:.8},children:["© ",n," ",o,". All rights reserved."]}),s&&e.jsxs("p",{style:{margin:0,fontFamily:"var(--font-sans)",fontSize:"0.75rem",opacity:.6},children:["Powered by"," ",e.jsx("span",{style:{color:"var(--org-color)",fontWeight:600},children:s})]})]})})},xe=()=>e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
|
|
59
59
|
.mobile-ad-banner {
|
|
60
60
|
display: none;
|
|
61
61
|
}
|
|
@@ -73,4 +73,4 @@ React keys must be passed directly to JSX without using spread:
|
|
|
73
73
|
margin-top: auto;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
`}),e.jsx("div",{className:"mobile-ad-banner",children: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:.6},children:"Ad (468×60)"})})]});function be(o){const[t,s]=j.useState(()=>{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});j.useEffect(()=>{je(o.theme)},[o.theme]),j.useEffect(()=>{document.body.classList.toggle("dark-mode",t),localStorage.setItem("theme-mode",t?"dark":"light")},[t]);const i=j.useCallback(()=>{s(n=>!n)},[]);return{darkMode:t,toggleDarkMode:i}}function je(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)}const W=({brand:o,children:t,onAccountClick:s,onNotificationClick:i})=>{const{darkMode:n,toggleDarkMode:l}=be(o);return e.jsxs("div",{className:"shell",style:{display:"flex",flexDirection:"column",minHeight:"100vh"},children:[e.jsx(ye,{brand:o,darkMode:n,onThemeToggle:l,onAccountClick:s,onNotificationClick:i}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx("main",{style:{flex:1,backgroundColor:"var(--bg-color)"},children:t}),e.jsx(xe,{})]}),e.jsx(he,{copyrightBrand:o.footer.copyrightBrand,yearCreated:o.footer.yearCreated,poweredBy:o.footer.poweredBy,links:o.footer.links})]})},B=({title:o,subtitle:t,breadcrumbs:s,score:i})=>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&&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)=>e.jsxs(j.Fragment,{children:[l>0&&e.jsx("span",{style:{color:"var(--surface-light)",opacity:.4},children:"/"}),n.path?e.jsx("a",{href:n.path,style:{color:"var(--accent-color)",textDecoration:"none"},children:n.label}):e.jsx("span",{style:{color:"var(--surface-light)",opacity:.8},children:n.label})]},n.label))}),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&&e.jsx("p",{style:{margin:"var(--space-sm) 0 0",fontFamily:"var(--font-sans)",fontSize:"1.1rem",color:"var(--text-dark)",opacity:.8},children:t}),i&&e.jsxs("div",{style:{marginTop:"var(--space-md)",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--space-xs)"},children:[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:[e.jsx("span",{children:i.value}),e.jsx("span",{style:{fontSize:"0.9rem",fontWeight:500},children:i.label})]}),i.betaDisclaimer&&e.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:"0.75rem",color:"var(--text-dark)",opacity:.6,fontStyle:"italic"},children:"Score algorithm is a work in progress"})]})]}),_={violations:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--warning-color)",strokeWidth:"2",children:[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"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),injuries:e.jsx("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--info-color)",strokeWidth:"2",children:e.jsx("path",{d:"M22 12h-4l-3 9L9 3l-3 9H2"})}),fatalities:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--danger-color)",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),fines:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--success-color)",strokeWidth:"2",children:[e.jsx("line",{x1:"12",y1:"1",x2:"12",y2:"23"}),e.jsx("path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"})]}),avgFine:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--secondary-color)",strokeWidth:"2",children:[e.jsx("line",{x1:"18",y1:"20",x2:"18",y2:"10"}),e.jsx("line",{x1:"12",y1:"20",x2:"12",y2:"4"}),e.jsx("line",{x1:"6",y1:"20",x2:"6",y2:"14"})]}),trendUp:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--danger-color)",strokeWidth:"2",children:[e.jsx("polyline",{points:"23 6 13.5 15.5 8.5 10.5 1 18"}),e.jsx("polyline",{points:"17 6 23 6 23 12"})]}),trendDown:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--success-color)",strokeWidth:"2",children:[e.jsx("polyline",{points:"23 18 13.5 8.5 8.5 13.5 1 6"}),e.jsx("polyline",{points:"17 18 23 18 23 12"})]})},L=({stats:o,columns:t=4})=>{const s=[{label:"Total Events",value:o.totalEvents,icon:_.violations},o.totalCompanies!==void 0&&{label:"Companies",value:o.totalCompanies,icon:_.avgFine},o.totalCities!==void 0&&{label:"Cities",value:o.totalCities,icon:_.avgFine},o.totalStates!==void 0&&{label:"States",value:o.totalStates,icon:_.avgFine},o.totalInjuries!==void 0&&{label:"Injuries",value:o.totalInjuries,icon:_.injuries},o.totalFatalities!==void 0&&{label:"Fatalities",value:o.totalFatalities,icon:_.fatalities},o.totalFines!==void 0&&{label:"Total Fines",value:ke(o.totalFines),icon:_.fines},o.avgFines!==void 0&&{label:"Avg Fine",value:ke(o.avgFines),icon:_.avgFine},o.trend&&{label:"YoY Change",value:`${o.trend.direction==="up"?"↑":o.trend.direction==="down"?"↓":"→"} ${o.trend.percentage}%`,icon:o.trend.direction==="down"?_.trendDown:_.trendUp}].filter(Boolean);return e.jsx("section",{style:{marginBottom:"var(--space-lg)"},children:e.jsx("div",{className:"stat-grid",style:{display:"grid",gridTemplateColumns:`repeat(${t}, 1fr)`,gap:"var(--space-md)"},children:s.map(i=>e.jsx(gr,{...i},i.label))})})},gr=({label:o,value:t,icon:s})=>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:[e.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:s}),e.jsxs("div",{children:[e.jsx("div",{style:{fontFamily:"var(--font-sans)",fontWeight:700,fontSize:"1.5rem",color:"var(--primary-color)"},children:typeof t=="number"?t.toLocaleString():t}),e.jsx("div",{style:{fontFamily:"var(--font-sans)",fontSize:"0.9rem",color:"var(--text-color)",opacity:.8},children:o})]})]});function ke(o){return o>=1e6?`$${(o/1e6).toFixed(1)}M`:o>=1e3?`$${(o/1e3).toFixed(0)}K`:`$${o.toLocaleString()}`}const X=({title:o,items:t,basePath:s,emptyMessage:i="No items found",showSearch:n=!0,initialLimit:l=30})=>{const[c,u]=j.useState(""),[f,w]=j.useState(!1),g=t.filter(T=>T.name.toLowerCase().includes(c.toLowerCase())),b=f||c.length>0,k=b?g:g.slice(0,l),D=g.length>l&&!b;return e.jsx("section",{style:{marginBottom:"var(--space-lg)"},children:e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"var(--space-md)",flexWrap:"wrap",gap:"var(--space-sm)"},children:[e.jsxs("h2",{style:{margin:0,fontFamily:"var(--font-serif)",fontSize:"1.5rem",color:"var(--text-color)"},children:[o,e.jsxs("span",{style:{marginLeft:"var(--space-sm)",fontSize:"1rem",opacity:.6},children:["(",t.length,")"]})]}),n&&t.length>10&&e.jsx("input",{type:"text",placeholder:"Search...",value:c,onChange:T=>u(T.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}})]}),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:g.length===0?e.jsx("p",{style:{width:"100%",textAlign:"center",color:"var(--text-color)",opacity:.6,margin:0,padding:"var(--space-lg)"},children:i}):e.jsxs(e.Fragment,{children:[k.map(T=>e.jsxs("a",{href:`${s}/${T.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:M=>{M.currentTarget.style.backgroundColor="var(--primary-color)",M.currentTarget.style.color="var(--surface-light)",M.currentTarget.style.borderColor="var(--primary-color)"},onMouseLeave:M=>{M.currentTarget.style.backgroundColor="var(--bg-color)",M.currentTarget.style.color="var(--text-color)",M.currentTarget.style.borderColor="var(--border-color)"},children:[e.jsx("span",{style:{fontWeight:500},children:T.name}),e.jsx("span",{title:`${T.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:T.count.toLocaleString()})]},T.slug)),(D||f)&&e.jsx("button",{onClick:()=>w(!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:T=>{T.currentTarget.style.opacity="0.8"},onMouseLeave:T=>{T.currentTarget.style.opacity="1"},children:f?"Show less":`+${g.length-l} more`})]})})]})})},J=({title:o,events:t,viewMorePath:s,showAgencyBadge:i=!1})=>t.length===0?null:e.jsx("section",{style:{marginBottom:"var(--space-lg)"},children:e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"var(--space-md)"},children:[e.jsx("h2",{style:{margin:0,fontFamily:"var(--font-serif)",fontSize:"1.5rem",color:"var(--text-color)"},children:o}),s&&e.jsx("a",{href:s,style:{color:"var(--accent-color)",textDecoration:"none",fontFamily:"var(--font-sans)",fontWeight:600,fontSize:"0.9rem"},children:"View More →"})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-sm)"},children:t.map(n=>e.jsx(mr,{event:n,showAgencyBadge:i},n.eventId))})]})}),mr=({event:o,showAgencyBadge:t})=>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:e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"var(--space-md)",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flex:1,minWidth:200},children:[e.jsx("h3",{style:{margin:0,fontFamily:"var(--font-sans)",fontWeight:600,fontSize:"1rem",color:"var(--text-color)"},children:o.eventTitle}),o.eventDescription&&e.jsx("p",{style:{margin:"var(--space-xs) 0 0",fontFamily:"var(--font-sans)",fontSize:"0.9rem",color:"var(--text-color)",opacity:.7,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:o.eventDescription})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:"var(--space-xs)"},children:[t&&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&&e.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:"0.85rem",color:"var(--text-color)",opacity:.6},children:yr(o.eventDate)}),(o.city||o.state)&&e.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:"0.85rem",color:"var(--text-color)",opacity:.6},children:[o.city,o.state].filter(Boolean).join(", ")}),o.companyName&&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 yr(o){try{return new Date(o).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}catch{return o}}const ae=({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 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:.5},children:["Ad Placeholder (",o,")"]})},O=({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 e.jsxs("aside",{className:"page-sidebar",style:{display:"flex",flexDirection:"column",gap:"var(--space-md)"},children:[s.length>0&&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)&&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:e.jsx("img",{src:o.logoUrl,alt:"",style:{maxWidth:"100%",maxHeight:"100%"}})}),(o==null?void 0:o.flagUrl)&&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:e.jsx("img",{src:o.flagUrl,alt:"",style:{width:"100%",height:"auto",display:"block"}})}),e.jsx("dl",{style:{margin:0},children:s.map(({label:i,value:n})=>e.jsxs("div",{style:{padding:"var(--space-sm) 0",borderBottom:"1px solid var(--border-color)"},children:[e.jsx("dt",{style:{fontFamily:"var(--font-sans)",fontSize:"0.75rem",color:"var(--text-color)",opacity:.6,textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"2px"},children:i}),e.jsx("dd",{style:{margin:0,fontFamily:"var(--font-sans)",fontSize:"0.9rem",fontWeight:600,color:"var(--text-color)"},children:n})]},i))})]}),t&&e.jsx(ae,{position:"sidebar"})]})},Y=({showAd:o=!0})=>e.jsxs("aside",{className:"page-filters",style:{display:"flex",flexDirection:"column",gap:"var(--space-md)"},children:[e.jsxs("div",{style:{padding:"var(--space-md)",backgroundColor:"var(--bg-color)",border:"2px solid var(--border-color)",borderRadius:"var(--radius-md)"},children:[e.jsx("h3",{style:{margin:"0 0 var(--space-md)",fontFamily:"var(--font-serif)",fontSize:"1.1rem",color:"var(--text-color)"},children:"Filters"}),e.jsxs("div",{style:{marginBottom:"var(--space-md)"},children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:500,marginBottom:"var(--space-xs)",color:"var(--text-color)"},children:"Date Range"}),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:[e.jsx("option",{children:"All Time"}),e.jsx("option",{children:"Last Year"}),e.jsx("option",{children:"Last 5 Years"}),e.jsx("option",{children:"Last 10 Years"})]})]}),e.jsxs("div",{style:{marginBottom:"var(--space-md)"},children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:500,marginBottom:"var(--space-xs)",color:"var(--text-color)"},children:"Severity"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-xs)"},children:["All","Fatalities","Hospitalizations","Amputations"].map(t=>e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"var(--space-xs)",fontSize:"0.85rem",cursor:"pointer"},children:[e.jsx("input",{type:"checkbox",defaultChecked:t==="All",style:{accentColor:"var(--primary-color)"}}),t]},t))})]}),e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:500,marginBottom:"var(--space-xs)",color:"var(--text-color)"},children:"Sort By"}),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:[e.jsx("option",{children:"Most Incidents"}),e.jsx("option",{children:"Most Recent"}),e.jsx("option",{children:"Highest Fines"}),e.jsx("option",{children:"Alphabetical"})]})]})]}),o&&e.jsx(ae,{position:"left-sidebar"})]}),hr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:o.tagline||"Explore worker safety data across the nation",breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats,columns:4}),e.jsx(X,{title:"States & Territories",items:t.directory,basePath:"",initialLimit:60})]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},xr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:`Worker safety data for ${t.name}`,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),e.jsx(X,{title:"Cities",items:t.directory,basePath:`/${t.slug.toLowerCase()}`}),c.map(u=>e.jsx(J,{title:`Recent ${u} Incidents`,events:t.recentByAgency[u],viewMorePath:`/${t.slug.toLowerCase()}/events/${u.toLowerCase()}`,showAgencyBadge:!1},u))]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},br=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:`${t.name}, ${t.state}`,subtitle:`Worker safety data for ${t.name}`,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),e.jsx(X,{title:"Companies",items:t.directory,basePath:"/company"}),c.map(f=>e.jsx(J,{title:`Recent ${f} Incidents`,events:t.recentByAgency[f],viewMorePath:`${u}/events/${f.toLowerCase()}`,showAgencyBadge:!1},f))]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},jr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:(u=t.meta)!=null&&u.industry?`${t.meta.industry}`:void 0,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),c&&e.jsx(X,{title:"Locations",items:t.sites,basePath:`/company/${t.slug}/site`}),e.jsx(J,{title:"Recent Incidents",events:t.recentEvents.slice(0,c?5:10),viewMorePath:`/company/${t.slug}/events`,showAgencyBadge:!0})]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},kr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:`Location #${t.siteId} of ${t.companyName}`,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),t.siblings&&t.siblings.length>0&&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:[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"}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"var(--space-sm)"},children:t.siblings.slice(0,10).map(c=>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:[e.jsxs("span",{children:["#",c.name]}),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))})]}),e.jsx(J,{title:"Recent Incidents",events:t.recentEvents,viewMorePath:`/company/${t.companySlug}/site/${t.siteId}/events`,showAgencyBadge:!0})]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})};p.AdSlot=ae,p.Alert=tr,p.Badge=qe,p.Button=Ge,p.Card=Ze,p.CityPage=br,p.CompanyPage=jr,p.Directory=X,p.FilterSidebar=Y,p.Footer=he,p.Header=ye,p.Hero=B,p.InfoSidebar=O,p.Input=er,p.LoadingOverlay=sr,p.MobileAdBanner=xe,p.Modal=or,p.NationPage=hr,p.RecentEvents=J,p.Shell=W,p.SitePage=kr,p.Skeleton=te,p.SkeletonCard=ir,p.SkeletonText=me,p.Spinner=ge,p.StatGrid=L,p.StatePage=xr,p.Table=rr,p.Tabs=ar,p.Tooltip=nr,p.applyTheme=je,p.useTheme=be,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|
|
76
|
+
`}),e.jsx("div",{className:"mobile-ad-banner",children: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:.6},children:"Ad (468×60)"})})]});function be(o){const[t,s]=j.useState(()=>{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});j.useEffect(()=>{je(o.theme)},[o.theme]),j.useEffect(()=>{document.body.classList.toggle("dark-mode",t),localStorage.setItem("theme-mode",t?"dark":"light")},[t]);const i=j.useCallback(()=>{s(n=>!n)},[]);return{darkMode:t,toggleDarkMode:i}}function je(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)}const W=({brand:o,children:t,onAccountClick:s,onNotificationClick:i})=>{const{darkMode:n,toggleDarkMode:l}=be(o);return e.jsxs("div",{className:"shell",style:{display:"flex",flexDirection:"column",minHeight:"100vh"},children:[e.jsx(he,{brand:o,darkMode:n,onThemeToggle:l,onAccountClick:s,onNotificationClick:i}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx("main",{style:{flex:1,backgroundColor:"var(--bg-color)"},children:t}),e.jsx(xe,{})]}),e.jsx(ye,{copyrightBrand:o.footer.copyrightBrand,yearCreated:o.footer.yearCreated,poweredBy:o.footer.poweredBy})]})},B=({title:o,subtitle:t,breadcrumbs:s,score:i})=>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&&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)=>e.jsxs(j.Fragment,{children:[l>0&&e.jsx("span",{style:{color:"var(--surface-light)",opacity:.4},children:"/"}),n.path?e.jsx("a",{href:n.path,style:{color:"var(--accent-color)",textDecoration:"none"},children:n.label}):e.jsx("span",{style:{color:"var(--surface-light)",opacity:.8},children:n.label})]},n.label))}),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&&e.jsx("p",{style:{margin:"var(--space-sm) 0 0",fontFamily:"var(--font-sans)",fontSize:"1.1rem",color:"var(--text-dark)",opacity:.8},children:t}),i&&e.jsxs("div",{style:{marginTop:"var(--space-md)",display:"inline-flex",flexDirection:"column",alignItems:"center",gap:"var(--space-xs)"},children:[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:[e.jsx("span",{children:i.value}),e.jsx("span",{style:{fontSize:"0.9rem",fontWeight:500},children:i.label})]}),i.betaDisclaimer&&e.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:"0.75rem",color:"var(--text-dark)",opacity:.6,fontStyle:"italic"},children:"Score algorithm is a work in progress"})]})]}),_={violations:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--warning-color)",strokeWidth:"2",children:[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"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),injuries:e.jsx("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--info-color)",strokeWidth:"2",children:e.jsx("path",{d:"M22 12h-4l-3 9L9 3l-3 9H2"})}),fatalities:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--danger-color)",strokeWidth:"2",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),fines:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--success-color)",strokeWidth:"2",children:[e.jsx("line",{x1:"12",y1:"1",x2:"12",y2:"23"}),e.jsx("path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"})]}),avgFine:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--secondary-color)",strokeWidth:"2",children:[e.jsx("line",{x1:"18",y1:"20",x2:"18",y2:"10"}),e.jsx("line",{x1:"12",y1:"20",x2:"12",y2:"4"}),e.jsx("line",{x1:"6",y1:"20",x2:"6",y2:"14"})]}),trendUp:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--danger-color)",strokeWidth:"2",children:[e.jsx("polyline",{points:"23 6 13.5 15.5 8.5 10.5 1 18"}),e.jsx("polyline",{points:"17 6 23 6 23 12"})]}),trendDown:e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--success-color)",strokeWidth:"2",children:[e.jsx("polyline",{points:"23 18 13.5 8.5 8.5 13.5 1 6"}),e.jsx("polyline",{points:"17 18 23 18 23 12"})]})},L=({stats:o,columns:t=4})=>{const s=[{label:"Total Events",value:o.totalEvents,icon:_.violations},o.totalCompanies!==void 0&&{label:"Companies",value:o.totalCompanies,icon:_.avgFine},o.totalCities!==void 0&&{label:"Cities",value:o.totalCities,icon:_.avgFine},o.totalStates!==void 0&&{label:"States",value:o.totalStates,icon:_.avgFine},o.totalInjuries!==void 0&&{label:"Injuries",value:o.totalInjuries,icon:_.injuries},o.totalFatalities!==void 0&&{label:"Fatalities",value:o.totalFatalities,icon:_.fatalities},o.totalFines!==void 0&&{label:"Total Fines",value:ke(o.totalFines),icon:_.fines},o.avgFines!==void 0&&{label:"Avg Fine",value:ke(o.avgFines),icon:_.avgFine},o.trend&&{label:"YoY Change",value:`${o.trend.direction==="up"?"↑":o.trend.direction==="down"?"↓":"→"} ${o.trend.percentage}%`,icon:o.trend.direction==="down"?_.trendDown:_.trendUp}].filter(Boolean);return e.jsx("section",{style:{marginBottom:"var(--space-lg)"},children:e.jsx("div",{className:"stat-grid",style:{display:"grid",gridTemplateColumns:`repeat(${t}, 1fr)`,gap:"var(--space-md)"},children:s.map(i=>e.jsx(gr,{...i},i.label))})})},gr=({label:o,value:t,icon:s})=>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:[e.jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:s}),e.jsxs("div",{children:[e.jsx("div",{style:{fontFamily:"var(--font-sans)",fontWeight:700,fontSize:"1.5rem",color:"var(--primary-color)"},children:typeof t=="number"?t.toLocaleString():t}),e.jsx("div",{style:{fontFamily:"var(--font-sans)",fontSize:"0.9rem",color:"var(--text-color)",opacity:.8},children:o})]})]});function ke(o){return o>=1e6?`$${(o/1e6).toFixed(1)}M`:o>=1e3?`$${(o/1e3).toFixed(0)}K`:`$${o.toLocaleString()}`}const X=({title:o,items:t,basePath:s,emptyMessage:i="No items found",showSearch:n=!0,initialLimit:l=30})=>{const[c,u]=j.useState(""),[f,w]=j.useState(!1),g=t.filter(T=>T.name.toLowerCase().includes(c.toLowerCase())),b=f||c.length>0,k=b?g:g.slice(0,l),D=g.length>l&&!b;return e.jsx("section",{style:{marginBottom:"var(--space-lg)"},children:e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"var(--space-md)",flexWrap:"wrap",gap:"var(--space-sm)"},children:[e.jsxs("h2",{style:{margin:0,fontFamily:"var(--font-serif)",fontSize:"1.5rem",color:"var(--text-color)"},children:[o,e.jsxs("span",{style:{marginLeft:"var(--space-sm)",fontSize:"1rem",opacity:.6},children:["(",t.length,")"]})]}),n&&t.length>10&&e.jsx("input",{type:"text",placeholder:"Search...",value:c,onChange:T=>u(T.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}})]}),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:g.length===0?e.jsx("p",{style:{width:"100%",textAlign:"center",color:"var(--text-color)",opacity:.6,margin:0,padding:"var(--space-lg)"},children:i}):e.jsxs(e.Fragment,{children:[k.map(T=>e.jsxs("a",{href:`${s}/${T.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:M=>{M.currentTarget.style.backgroundColor="var(--primary-color)",M.currentTarget.style.color="var(--surface-light)",M.currentTarget.style.borderColor="var(--primary-color)"},onMouseLeave:M=>{M.currentTarget.style.backgroundColor="var(--bg-color)",M.currentTarget.style.color="var(--text-color)",M.currentTarget.style.borderColor="var(--border-color)"},children:[e.jsx("span",{style:{fontWeight:500},children:T.name}),e.jsx("span",{title:`${T.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:T.count.toLocaleString()})]},T.slug)),(D||f)&&e.jsx("button",{onClick:()=>w(!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:T=>{T.currentTarget.style.opacity="0.8"},onMouseLeave:T=>{T.currentTarget.style.opacity="1"},children:f?"Show less":`+${g.length-l} more`})]})})]})})},J=({title:o,events:t,viewMorePath:s,showAgencyBadge:i=!1})=>t.length===0?null:e.jsx("section",{style:{marginBottom:"var(--space-lg)"},children:e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"var(--space-md)"},children:[e.jsx("h2",{style:{margin:0,fontFamily:"var(--font-serif)",fontSize:"1.5rem",color:"var(--text-color)"},children:o}),s&&e.jsx("a",{href:s,style:{color:"var(--accent-color)",textDecoration:"none",fontFamily:"var(--font-sans)",fontWeight:600,fontSize:"0.9rem"},children:"View More →"})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-sm)"},children:t.map(n=>e.jsx(mr,{event:n,showAgencyBadge:i},n.eventId))})]})}),mr=({event:o,showAgencyBadge:t})=>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:e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"var(--space-md)",flexWrap:"wrap"},children:[e.jsxs("div",{style:{flex:1,minWidth:200},children:[e.jsx("h3",{style:{margin:0,fontFamily:"var(--font-sans)",fontWeight:600,fontSize:"1rem",color:"var(--text-color)"},children:o.eventTitle}),o.eventDescription&&e.jsx("p",{style:{margin:"var(--space-xs) 0 0",fontFamily:"var(--font-sans)",fontSize:"0.9rem",color:"var(--text-color)",opacity:.7,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:o.eventDescription})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:"var(--space-xs)"},children:[t&&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&&e.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:"0.85rem",color:"var(--text-color)",opacity:.6},children:hr(o.eventDate)}),(o.city||o.state)&&e.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:"0.85rem",color:"var(--text-color)",opacity:.6},children:[o.city,o.state].filter(Boolean).join(", ")}),o.companyName&&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 hr(o){try{return new Date(o).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"})}catch{return o}}const ae=({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 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:.5},children:["Ad Placeholder (",o,")"]})},O=({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 e.jsxs("aside",{className:"page-sidebar",style:{display:"flex",flexDirection:"column",gap:"var(--space-md)"},children:[s.length>0&&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)&&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:e.jsx("img",{src:o.logoUrl,alt:"",style:{maxWidth:"100%",maxHeight:"100%"}})}),(o==null?void 0:o.flagUrl)&&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:e.jsx("img",{src:o.flagUrl,alt:"",style:{width:"100%",height:"auto",display:"block"}})}),e.jsx("dl",{style:{margin:0},children:s.map(({label:i,value:n})=>e.jsxs("div",{style:{padding:"var(--space-sm) 0",borderBottom:"1px solid var(--border-color)"},children:[e.jsx("dt",{style:{fontFamily:"var(--font-sans)",fontSize:"0.75rem",color:"var(--text-color)",opacity:.6,textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"2px"},children:i}),e.jsx("dd",{style:{margin:0,fontFamily:"var(--font-sans)",fontSize:"0.9rem",fontWeight:600,color:"var(--text-color)"},children:n})]},i))})]}),t&&e.jsx(ae,{position:"sidebar"})]})},Y=({showAd:o=!0})=>e.jsxs("aside",{className:"page-filters",style:{display:"flex",flexDirection:"column",gap:"var(--space-md)"},children:[e.jsxs("div",{style:{padding:"var(--space-md)",backgroundColor:"var(--bg-color)",border:"2px solid var(--border-color)",borderRadius:"var(--radius-md)"},children:[e.jsx("h3",{style:{margin:"0 0 var(--space-md)",fontFamily:"var(--font-serif)",fontSize:"1.1rem",color:"var(--text-color)"},children:"Filters"}),e.jsxs("div",{style:{marginBottom:"var(--space-md)"},children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:500,marginBottom:"var(--space-xs)",color:"var(--text-color)"},children:"Date Range"}),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:[e.jsx("option",{children:"All Time"}),e.jsx("option",{children:"Last Year"}),e.jsx("option",{children:"Last 5 Years"}),e.jsx("option",{children:"Last 10 Years"})]})]}),e.jsxs("div",{style:{marginBottom:"var(--space-md)"},children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:500,marginBottom:"var(--space-xs)",color:"var(--text-color)"},children:"Severity"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-xs)"},children:["All","Fatalities","Hospitalizations","Amputations"].map(t=>e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"var(--space-xs)",fontSize:"0.85rem",cursor:"pointer"},children:[e.jsx("input",{type:"checkbox",defaultChecked:t==="All",style:{accentColor:"var(--primary-color)"}}),t]},t))})]}),e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:500,marginBottom:"var(--space-xs)",color:"var(--text-color)"},children:"Sort By"}),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:[e.jsx("option",{children:"Most Incidents"}),e.jsx("option",{children:"Most Recent"}),e.jsx("option",{children:"Highest Fines"}),e.jsx("option",{children:"Alphabetical"})]})]})]}),o&&e.jsx(ae,{position:"left-sidebar"})]}),yr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:o.tagline||"Explore worker safety data across the nation",breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats,columns:4}),e.jsx(X,{title:"States & Territories",items:t.directory,basePath:"",initialLimit:60})]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},xr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:`Worker safety data for ${t.name}`,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),e.jsx(X,{title:"Cities",items:t.directory,basePath:`/${t.slug.toLowerCase()}`}),c.map(u=>e.jsx(J,{title:`Recent ${u} Incidents`,events:t.recentByAgency[u],viewMorePath:`/${t.slug.toLowerCase()}/events/${u.toLowerCase()}`,showAgencyBadge:!1},u))]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},br=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:`${t.name}, ${t.state}`,subtitle:`Worker safety data for ${t.name}`,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),e.jsx(X,{title:"Companies",items:t.directory,basePath:"/company"}),c.map(f=>e.jsx(J,{title:`Recent ${f} Incidents`,events:t.recentByAgency[f],viewMorePath:`${u}/events/${f.toLowerCase()}`,showAgencyBadge:!1},f))]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},jr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:(u=t.meta)!=null&&u.industry?`${t.meta.industry}`:void 0,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),c&&e.jsx(X,{title:"Locations",items:t.sites,basePath:`/company/${t.slug}/site`}),e.jsx(J,{title:"Recent Incidents",events:t.recentEvents.slice(0,c?5:10),viewMorePath:`/company/${t.slug}/events`,showAgencyBadge:!0})]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})},kr=({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 e.jsxs(W,{brand:o,onAccountClick:s,onNotificationClick:i,children:[e.jsx(B,{title:t.name,subtitle:`Location #${t.siteId} of ${t.companyName}`,breadcrumbs:n,score:l}),e.jsxs("div",{className:"page-layout",children:[e.jsx(Y,{showAd:!0}),e.jsxs("main",{className:"page-main",children:[e.jsx(L,{stats:t.stats}),t.siblings&&t.siblings.length>0&&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:[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"}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"var(--space-sm)"},children:t.siblings.slice(0,10).map(c=>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:[e.jsxs("span",{children:["#",c.name]}),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))})]}),e.jsx(J,{title:"Recent Incidents",events:t.recentEvents,viewMorePath:`/company/${t.companySlug}/site/${t.siteId}/events`,showAgencyBadge:!0})]}),e.jsx(O,{meta:t.meta,showAd:!0})]})]})};p.AdSlot=ae,p.Alert=tr,p.Badge=qe,p.Button=Ge,p.Card=Ze,p.CityPage=br,p.CompanyPage=jr,p.Directory=X,p.FilterSidebar=Y,p.Footer=ye,p.Header=he,p.Hero=B,p.InfoSidebar=O,p.Input=er,p.LoadingOverlay=sr,p.MobileAdBanner=xe,p.Modal=or,p.NationPage=yr,p.RecentEvents=J,p.Shell=W,p.SitePage=kr,p.Skeleton=te,p.SkeletonCard=ir,p.SkeletonText=me,p.Spinner=ge,p.StatGrid=L,p.StatePage=xr,p.Table=rr,p.Tabs=ar,p.Tooltip=nr,p.applyTheme=je,p.useTheme=be,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-color: #1a365d;--secondary-color: #2d3748;--accent-color: #319795;--surface-light: #fafafa;--surface-dark: #1a1a2e;--text-light: #1a1a1a;--text-dark: #f5f5f5;--org-color: #D2691E;--success-color: #38a169;--warning-color: #d69e2e;--danger-color: #e53e3e;--info-color: #3182ce;--bg-color: var(--surface-light);--text-color: var(--text-light);--border-color: var(--secondary-color);--font-sans: "Roboto", system-ui, sans-serif;--font-serif: "Lora", Georgia, serif;--font-mono: "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.dark-mode{--bg-color: var(--surface-dark);--text-color: var(--text-dark);--border-color: var(--accent-color)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.page-layout{display:grid;grid-template-columns:220px 1fr 280px;gap:var(--space-lg);padding:var(--space-lg);padding-top:var(--space-xl);max-width:1800px;margin:0 auto;align-items:start}.page-main{min-width:0}.page-filters{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.page-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.page-sidebar::-webkit-scrollbar,.page-filters::-webkit-scrollbar{width:0;background:transparent}.page-content.with-filters{padding-left:260px}@media (max-width: 1400px){.page-layout{grid-template-columns:180px 1fr 260px}.stat-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 1200px){.page-layout{grid-template-columns:1fr 240px}.page-filters{display:none!important}.stat-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 992px){.page-layout{grid-template-columns:1fr;padding:var(--space-md)}.page-sidebar,.page-filters{display:none!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.page-layout{padding:var(--space-sm);gap:var(--space-md)}.stat-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr!important}}.mobile-ad-banner{display:block;position:fixed;bottom:0;left:0;right:0;padding:var(--space-sm);background:var(--bg-color);border-top:2px solid var(--border-color);z-index:1000;text-align:center}@media (min-width: 1201px){.mobile-ad-banner{display:none}}@media (max-width: 1200px){.page-layout{padding-bottom:80px}}.mobile-info-bar{display:none}@media (max-width: 992px){.mobile-info-bar{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--secondary-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow-x:auto;white-space:nowrap}.mobile-info-bar>span{padding:var(--space-xs) var(--space-sm);background:var(--bg-color);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-color)}}
|