@overmap-ai/blocks 0.0.10-alpha.1 → 0.0.10-alpha.2

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/blocks.js CHANGED
@@ -1,714 +1,707 @@
1
- import "@radix-ui/themes/styles.css";
2
1
  export * from "@radix-ui/colors";
3
- import { Cross1Icon as en, CheckIcon as $t, DragHandleDots2Icon as Je, Cross2Icon as yt, DividerHorizontalIcon as tn, CaretSortIcon as nn, ArrowUpIcon as on, ArrowDownIcon as rn, MagnifyingGlassIcon as an, MixerHorizontalIcon as sn, Pencil1Icon as ln, TrashIcon as cn, DoubleArrowLeftIcon as dn, ChevronLeftIcon as un, ChevronRightIcon as hn, DoubleArrowRightIcon as pn, QuestionMarkIcon as mn } from "@radix-ui/react-icons";
2
+ import { Cross1Icon as xt, CheckIcon as Ke, DragHandleDots2Icon as Se, Cross2Icon as yt, DividerHorizontalIcon as $t } from "@radix-ui/react-icons";
4
3
  export * from "@radix-ui/react-icons";
5
- import { useThemeContext as fn, Badge as gn, Flex as A, Box as X, Link as Cn, Text as ze, Button as bn, IconButton as xt, Card as vn, Inset as Ue, Dialog as xe, AlertDialog as pe, DropdownMenu as E, TextField as ie, Select as se, Checkbox as _n, Switch as Sn, Portal as $n, Popover as He, TextArea as yn, Callout as We, Tooltip as xn, Theme as wn, Separator as pt, TableRow as Pn } from "@radix-ui/themes";
6
- import { AccessibleIcon as Ki, AspectRatio as Ji, Avatar as Xi, Blockquote as Qi, Box as Yi, Callout as Zi, Card as es, Code as ts, Container as ns, ContextMenu as os, Em as rs, Grid as as, Heading as is, HoverCard as ss, Inset as ls, Kbd as cs, Link as ds, Portal as us, Quote as hs, RadioGroup as ps, ScrollArea as ms, Section as fs, Slider as gs, Slot as Cs, Strong as bs, Tabs as vs, TextField as _s, Theme as Ss, VisuallyHidden as $s, updateThemeAppearanceClass as ys, useThemeContext as xs } from "@radix-ui/themes";
7
- import { jsx as a, jsxs as b, Fragment as Q } from "react/jsx-runtime";
8
- import H, { useMemo as M, useState as k, useLayoutEffect as it, useCallback as $, useEffect as B, Children as me, isValidElement as Oe, forwardRef as x, memo as w, createContext as Pe, useContext as Ee, cloneElement as Qe, createElement as j, useRef as W, useReducer as kn, Fragment as Tn } from "react";
9
- import { useMediaQuery as Ie } from "react-responsive";
10
- import * as je from "@radix-ui/react-dialog";
11
- import { Resizable as Xe } from "re-resizable";
12
- import { DismissableLayer as Nn } from "@radix-ui/react-dismissable-layer";
13
- import { CSSTransition as An, Transition as mt } from "react-transition-group";
14
- import { Root as Dn, Item as In } from "@radix-ui/react-toggle-group";
15
- import { Root as Mn } from "@radix-ui/react-toolbar";
16
- import * as Me from "@radix-ui/react-toast";
17
- import { ToastProvider as Rn, ToastViewport as On } from "@radix-ui/react-toast";
18
- import { flushSync as zn } from "react-dom";
19
- import { HeaderCell as En, Table as Bn, Header as Ln, HeaderRow as Fn, Body as Un, Cell as ft, Row as Hn } from "@table-library/react-table-library/table";
20
- import { useTheme as Wn } from "@table-library/react-table-library/theme";
21
- import { useSort as jn, HeaderCellSort as Vn } from "@table-library/react-table-library/sort";
22
- import { useRowSelect as qn, SelectTypes as gt, SelectClickTypes as Gn, HeaderCellSelect as Kn, CellSelect as Jn } from "@table-library/react-table-library/select";
23
- import { usePagination as Xn } from "@table-library/react-table-library/pagination";
24
- import { isMobile as Ve } from "react-device-detect";
25
- function Qn(t) {
26
- return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
4
+ import { useThemeContext as wt, Badge as St, Flex as T, Box as H, Link as kt, Text as he, Button as Pt, IconButton as qe, Card as Tt, Inset as _e, Dialog as re, AlertDialog as Q, DropdownMenu as I, TextField as V, Select as K, Checkbox as Nt, Switch as It, Portal as Dt, Popover as be, TextArea as Ot, Callout as xe, Tooltip as At, Theme as zt, Separator as We } from "@radix-ui/themes";
5
+ import { AccessibleIcon as vi, AspectRatio as Ci, Avatar as _i, Blockquote as bi, Box as xi, Callout as yi, Card as $i, Code as wi, Container as Si, ContextMenu as ki, Em as Pi, Grid as Ti, Heading as Ni, HoverCard as Ii, Inset as Di, Kbd as Oi, Link as Ai, Portal as zi, Quote as Ri, RadioGroup as Ei, ScrollArea as Bi, Section as Mi, Slider as Li, Slot as Wi, Strong as Hi, Table as ji, Tabs as Ui, TextField as Gi, Theme as Fi, VisuallyHidden as Vi, updateThemeAppearanceClass as Ki, useThemeContext as qi } from "@radix-ui/themes";
6
+ import { jsx as s, jsxs as _, Fragment as G } from "react/jsx-runtime";
7
+ import z, { useMemo as E, useState as k, useLayoutEffect as ze, useCallback as y, useEffect as O, Children as Y, isValidElement as de, forwardRef as x, memo as b, createContext as ce, useContext as pe, cloneElement as Te, createElement as R, useRef as A, useReducer as Rt, Fragment as Et } from "react";
8
+ import { useMediaQuery as ae } from "react-responsive";
9
+ import * as ye from "@radix-ui/react-dialog";
10
+ import { Resizable as ke } from "re-resizable";
11
+ import { DismissableLayer as Bt } from "@radix-ui/react-dismissable-layer";
12
+ import { CSSTransition as Mt, Transition as He } from "react-transition-group";
13
+ import { Root as Lt, Item as Wt } from "@radix-ui/react-toggle-group";
14
+ import { Root as Ht } from "@radix-ui/react-toolbar";
15
+ import * as le from "@radix-ui/react-toast";
16
+ import { ToastProvider as jt, ToastViewport as Ut } from "@radix-ui/react-toast";
17
+ import { flushSync as Gt } from "react-dom";
18
+ function Ft(e) {
19
+ return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
27
20
  }
28
- var wt = { exports: {} };
21
+ var Xe = { exports: {} };
29
22
  /*!
30
23
  Copyright (c) 2018 Jed Watson.
31
24
  Licensed under the MIT License (MIT), see
32
25
  http://jedwatson.github.io/classnames
33
26
  */
34
- (function(t) {
27
+ (function(e) {
35
28
  (function() {
36
- var e = {}.hasOwnProperty;
29
+ var o = {}.hasOwnProperty;
37
30
  function n() {
38
- for (var o = [], i = 0; i < arguments.length; i++) {
31
+ for (var t = [], i = 0; i < arguments.length; i++) {
39
32
  var r = arguments[i];
40
33
  if (r) {
41
- var l = typeof r;
42
- if (l === "string" || l === "number")
43
- o.push(r);
34
+ var a = typeof r;
35
+ if (a === "string" || a === "number")
36
+ t.push(r);
44
37
  else if (Array.isArray(r)) {
45
38
  if (r.length) {
46
- var s = n.apply(null, r);
47
- s && o.push(s);
39
+ var c = n.apply(null, r);
40
+ c && t.push(c);
48
41
  }
49
- } else if (l === "object") {
42
+ } else if (a === "object") {
50
43
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]")) {
51
- o.push(r.toString());
44
+ t.push(r.toString());
52
45
  continue;
53
46
  }
54
- for (var d in r)
55
- e.call(r, d) && r[d] && o.push(d);
47
+ for (var u in r)
48
+ o.call(r, u) && r[u] && t.push(u);
56
49
  }
57
50
  }
58
51
  }
59
- return o.join(" ");
52
+ return t.join(" ");
60
53
  }
61
- t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
54
+ e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
62
55
  })();
63
- })(wt);
64
- var Yn = wt.exports;
65
- const y = /* @__PURE__ */ Qn(Yn);
66
- function ce(t, e) {
67
- return M(() => {
68
- if (t !== void 0)
69
- if (typeof t == "object") {
70
- if (!("initial" in t))
56
+ })(Xe);
57
+ var Vt = Xe.exports;
58
+ const $ = /* @__PURE__ */ Ft(Vt);
59
+ function X(e, o) {
60
+ return E(() => {
61
+ if (e !== void 0)
62
+ if (typeof e == "object") {
63
+ if (!("initial" in e))
71
64
  throw new Error("Expected initial property to be set in Responsive object");
72
- return Object.fromEntries(Object.entries(t).map(([n, o]) => [n, e[o]]));
65
+ return Object.fromEntries(Object.entries(e).map(([n, t]) => [n, o[t]]));
73
66
  } else
74
- return e[t];
75
- }, [e, t]);
67
+ return o[e];
68
+ }, [o, e]);
76
69
  }
77
- const Zn = {
70
+ const Kt = {
78
71
  success: "green",
79
72
  danger: "red",
80
73
  info: "gray"
81
- }, O = (t) => {
82
- const e = fn();
83
- if (t)
84
- return t === "primary" ? e.accentColor : Zn[t];
85
- }, fi = () => {
86
- const [t, e] = k("initial"), [n, o] = k("initial"), i = Ie({ minWidth: "520px" }), r = Ie({ minWidth: "768px" }), l = Ie({ minWidth: "1024px" }), s = Ie({ minWidth: "1280px" }), d = Ie({ minWidth: "1640px" });
87
- return it(() => {
88
- o((c) => (e(c), d ? "xl" : s ? "lg" : l ? "md" : r ? "sm" : i ? "xs" : "initial"));
89
- }, [s, l, r, d, i]), { size: n, prevSize: t, xs: i, sm: r, md: l, lg: s, xl: d };
90
- }, Pt = (t, e, n) => {
91
- const [o, i] = k([]), [r, l] = k(!0), s = $(
74
+ }, N = (e) => {
75
+ const o = wt();
76
+ if (e)
77
+ return e === "primary" ? o.accentColor : Kt[e];
78
+ }, Mr = () => {
79
+ const [e, o] = k("initial"), [n, t] = k("initial"), i = ae({ minWidth: "520px" }), r = ae({ minWidth: "768px" }), a = ae({ minWidth: "1024px" }), c = ae({ minWidth: "1280px" }), u = ae({ minWidth: "1640px" });
80
+ return ze(() => {
81
+ t((l) => (o(l), u ? "xl" : c ? "lg" : a ? "md" : r ? "sm" : i ? "xs" : "initial"));
82
+ }, [c, a, r, u, i]), { size: n, prevSize: e, xs: i, sm: r, md: a, lg: c, xl: u };
83
+ }, Qe = (e, o, n) => {
84
+ const [t, i] = k([]), [r, a] = k(!0), c = y(
92
85
  (h) => {
93
- const { repeat: u, key: g } = h;
94
- l(!0), !(u || o.includes(g)) && i((m) => [...m, g]);
86
+ const { repeat: d, key: m } = h;
87
+ a(!0), !(d || t.includes(m)) && i((p) => [...p, m]);
95
88
  },
96
- [o]
97
- ), d = $(
89
+ [t]
90
+ ), u = y(
98
91
  (h) => {
99
- const { key: u } = h;
100
- l(!1), o.includes(u) && i((g) => {
101
- const m = [...g];
102
- return m.splice(g.indexOf(u), 1), m;
92
+ const { key: d } = h;
93
+ a(!1), t.includes(d) && i((m) => {
94
+ const p = [...m];
95
+ return p.splice(m.indexOf(d), 1), p;
103
96
  });
104
97
  },
105
- [o]
98
+ [t]
106
99
  );
107
- B(() => (e || document.addEventListener("keydown", s, !0), () => {
108
- document.removeEventListener("keydown", s, !0);
109
- }), [e, s]), B(() => (e || document.addEventListener("keyup", d, !0), () => {
110
- document.removeEventListener("keyup", d, !0);
111
- }), [e, d]);
112
- const c = M(() => !e && r && o.length === t.length && o.every((h) => t.includes(h)), [e, r, o, t]);
113
- return B(() => {
114
- c && n();
115
- }, [c, n]), c;
116
- }, eo = (t) => {
117
- const e = [];
118
- for (const n of me.toArray(t))
119
- Oe(n) && e.push(n);
120
- return e;
121
- }, to = x(function({ className: e, severity: n = "primary", color: o, children: i, ...r }, l) {
122
- const s = O(n);
123
- return /* @__PURE__ */ a(
124
- gn,
100
+ O(() => (o || document.addEventListener("keydown", c, !0), () => {
101
+ document.removeEventListener("keydown", c, !0);
102
+ }), [o, c]), O(() => (o || document.addEventListener("keyup", u, !0), () => {
103
+ document.removeEventListener("keyup", u, !0);
104
+ }), [o, u]);
105
+ const l = E(() => !o && r && t.length === e.length && t.every((h) => e.includes(h)), [o, r, t, e]);
106
+ return O(() => {
107
+ l && n();
108
+ }, [l, n]), l;
109
+ }, qt = (e) => {
110
+ const o = [];
111
+ for (const n of Y.toArray(e))
112
+ de(n) && o.push(n);
113
+ return o;
114
+ }, Xt = x(function({ className: o, severity: n = "primary", color: t, children: i, ...r }, a) {
115
+ const c = N(n);
116
+ return /* @__PURE__ */ s(
117
+ St,
125
118
  {
126
- className: y("overmap-badge", e),
127
- ref: l,
128
- color: o || s,
119
+ className: $("overmap-badge", o),
120
+ ref: a,
121
+ color: t || c,
129
122
  ...r,
130
123
  children: i
131
124
  }
132
125
  );
133
- }), gi = w(to), no = "_zeroMinWidth_curjh_1", oo = "_zeroMinHeight_curjh_5", ro = "_radius_curjh_9", tt = {
134
- zeroMinWidth: no,
135
- zeroMinHeight: oo,
136
- radius: ro
137
- }, J = w(
126
+ }), Lr = b(Xt), Qt = "_zeroMinWidth_curjh_1", Yt = "_zeroMinHeight_curjh_5", Zt = "_radius_curjh_9", Ie = {
127
+ zeroMinWidth: Qt,
128
+ zeroMinHeight: Yt,
129
+ radius: Zt
130
+ }, W = b(
138
131
  x(
139
- ({ className: t, radius: e = !1, children: n, zeroMinWidth: o = !1, zeroMinHeight: i = !1, ...r }, l) => /* @__PURE__ */ a(
140
- A,
132
+ ({ className: e, radius: o = !1, children: n, zeroMinWidth: t = !1, zeroMinHeight: i = !1, ...r }, a) => /* @__PURE__ */ s(
133
+ T,
141
134
  {
142
- className: y(t, {
143
- [tt.radius]: e,
144
- [tt.zeroMinWidth]: o,
145
- [tt.zeroMinHeight]: i
135
+ className: $(e, {
136
+ [Ie.radius]: o,
137
+ [Ie.zeroMinWidth]: t,
138
+ [Ie.zeroMinHeight]: i
146
139
  }),
147
- ref: l,
140
+ ref: a,
148
141
  ...r,
149
142
  children: n
150
143
  }
151
144
  )
152
145
  )
153
- ), kt = Pe({}), ao = () => Ee(kt), io = w(
154
- x(({ className: t, children: e, ...n }, o) => {
155
- const { size: i, severity: r } = ao(), l = O(r);
156
- return /* @__PURE__ */ a(X, { className: y("overmap-breadcrumb-item", t), height: "max-content", width: "max-content", children: /* @__PURE__ */ a(Cn, { ref: o, size: i, color: l, ...n, children: /* @__PURE__ */ a(J, { height: "100%", width: "100%", align: "center", gap: "1", children: e }) }) });
146
+ ), Ye = ce({}), Jt = () => pe(Ye), en = b(
147
+ x(({ className: e, children: o, ...n }, t) => {
148
+ const { size: i, severity: r } = Jt(), a = N(r);
149
+ return /* @__PURE__ */ s(H, { className: $("overmap-breadcrumb-item", e), height: "max-content", width: "max-content", children: /* @__PURE__ */ s(kt, { ref: t, size: i, color: a, ...n, children: /* @__PURE__ */ s(W, { height: "100%", width: "100%", align: "center", gap: "1", children: o }) }) });
157
150
  })
158
- ), so = w(
151
+ ), tn = b(
159
152
  x(
160
- ({ className: t, children: e, separator: n, severity: o = "info", size: i, gap: r = "2", ...l }, s) => {
161
- const d = O(o), c = eo(e);
162
- return /* @__PURE__ */ a(kt.Provider, { value: { size: i, severity: o }, children: /* @__PURE__ */ a(
163
- J,
153
+ ({ className: e, children: o, separator: n, severity: t = "info", size: i, gap: r = "2", ...a }, c) => {
154
+ const u = N(t), l = qt(o);
155
+ return /* @__PURE__ */ s(Ye.Provider, { value: { size: i, severity: t }, children: /* @__PURE__ */ s(
156
+ W,
164
157
  {
165
- className: y("overmap-breadcrumb-group", t),
166
- ref: s,
158
+ className: $("overmap-breadcrumb-group", e),
159
+ ref: c,
167
160
  gap: r,
168
161
  role: "breadcrumb",
169
162
  height: "max-content",
170
163
  width: "max-content",
171
- ...l,
172
- children: c.map((h, u) => /* @__PURE__ */ b(Q, { children: [
173
- Qe(h, { key: u }),
174
- c.length - 1 !== u && /* @__PURE__ */ a(ze, { color: d, children: /* @__PURE__ */ a(J, { height: "100%", width: "100%", align: "center", children: n }) })
164
+ ...a,
165
+ children: l.map((h, d) => /* @__PURE__ */ _(G, { children: [
166
+ Te(h, { key: d }),
167
+ l.length - 1 !== d && /* @__PURE__ */ s(he, { color: u, children: /* @__PURE__ */ s(W, { height: "100%", width: "100%", align: "center", children: n }) })
175
168
  ] }))
176
169
  }
177
170
  ) });
178
171
  }
179
172
  )
180
- ), Ci = {
181
- Group: so,
182
- Item: io
183
- }, lo = "_fluid_r73gr_1", co = "_hoverSpin90Clockwise_r73gr_15", uo = "_hoverSpin180Clockwise_r73gr_25", ho = "_hoverSpin360Clockwise_r73gr_35", Re = {
184
- fluid: lo,
185
- hoverSpin90Clockwise: co,
186
- hoverSpin180Clockwise: uo,
187
- hoverSpin360Clockwise: ho
188
- }, Tt = {
189
- spin90Clockwise: Re.hoverSpin90Clockwise,
190
- spin180Clockwise: Re.hoverSpin180Clockwise,
191
- spin360Clockwise: Re.hoverSpin360Clockwise
192
- }, po = (t) => {
193
- (t.key === "Enter" || t.key === " ") && t.currentTarget.click();
194
- }, bi = {
173
+ ), Wr = {
174
+ Group: tn,
175
+ Item: en
176
+ }, nn = "_fluid_r73gr_1", on = "_hoverSpin90Clockwise_r73gr_15", rn = "_hoverSpin180Clockwise_r73gr_25", cn = "_hoverSpin360Clockwise_r73gr_35", ue = {
177
+ fluid: nn,
178
+ hoverSpin90Clockwise: on,
179
+ hoverSpin180Clockwise: rn,
180
+ hoverSpin360Clockwise: cn
181
+ }, Ze = {
182
+ spin90Clockwise: ue.hoverSpin90Clockwise,
183
+ spin180Clockwise: ue.hoverSpin180Clockwise,
184
+ spin360Clockwise: ue.hoverSpin360Clockwise
185
+ }, sn = (e) => {
186
+ (e.key === "Enter" || e.key === " ") && e.currentTarget.click();
187
+ }, Hr = {
195
188
  role: "button",
196
189
  tabIndex: 0,
197
- onKeyDown: po
198
- }, Te = {
190
+ onKeyDown: sn
191
+ }, se = {
199
192
  small: "1",
200
193
  medium: "2",
201
194
  large: "3"
202
- }, Nt = Pe({}), st = () => Ee(Nt), mo = x(function(e, n) {
203
- const o = st(), {
195
+ }, Je = ce({}), Re = () => pe(Je), an = x(function(o, n) {
196
+ const t = Re(), {
204
197
  className: i,
205
198
  type: r = "button",
206
- fluid: l = o.fluid ?? !1,
207
- size: s = o.size ?? "medium",
208
- severity: d = o.severity ?? "primary",
209
- hoverEffects: c = o.hoverEffects ?? [],
210
- variant: h = o.variant,
211
- shortcut: u = {
199
+ fluid: a = t.fluid ?? !1,
200
+ size: c = t.size ?? "medium",
201
+ severity: u = t.severity ?? "primary",
202
+ hoverEffects: l = t.hoverEffects ?? [],
203
+ variant: h = t.variant,
204
+ shortcut: d = {
212
205
  keys: [],
213
206
  action: () => {
214
207
  },
215
208
  disabled: !1
216
209
  },
217
- ...g
218
- } = e, m = O(d), f = c.map((v) => Tt[v]);
219
- return Pt(u.keys, u.disabled || u.keys.length === 0, u.action), /* @__PURE__ */ a(
220
- bn,
210
+ ...m
211
+ } = o, p = N(u), f = l.map((v) => Ze[v]);
212
+ return Qe(d.keys, d.disabled || d.keys.length === 0, d.action), /* @__PURE__ */ s(
213
+ Pt,
221
214
  {
222
215
  ref: n,
223
216
  type: r,
224
- className: y(i, f, {
225
- [Re.fluid]: l
217
+ className: $(i, f, {
218
+ [ue.fluid]: a
226
219
  }),
227
- color: m,
228
- size: ce(s, Te),
220
+ color: p,
221
+ size: X(c, se),
229
222
  variant: h,
230
- ...g
223
+ ...m
231
224
  }
232
225
  );
233
- }), ke = H.memo(mo), fo = x(function(e, n) {
234
- const o = st(), {
226
+ }), Pe = z.memo(an), ln = x(function(o, n) {
227
+ const t = Re(), {
235
228
  className: i,
236
229
  children: r,
237
- type: l = "button",
238
- fluid: s = o.fluid ?? !1,
239
- size: d = o.size ?? "medium",
240
- severity: c = o.severity ?? "primary",
241
- hoverEffects: h = o.hoverEffects ?? [],
242
- variant: u = o.variant,
243
- shortcut: g = {
230
+ type: a = "button",
231
+ fluid: c = t.fluid ?? !1,
232
+ size: u = t.size ?? "medium",
233
+ severity: l = t.severity ?? "primary",
234
+ hoverEffects: h = t.hoverEffects ?? [],
235
+ variant: d = t.variant,
236
+ shortcut: m = {
244
237
  keys: [],
245
238
  action: () => {
246
239
  },
247
240
  disabled: !1
248
241
  },
249
- ...m
250
- } = e, f = O(c), v = (h == null ? void 0 : h.map((C) => Tt[C])) || [];
251
- return Pt(g.keys, g.disabled || g.keys.length === 0, g.action), /* @__PURE__ */ a(
252
- xt,
242
+ ...p
243
+ } = o, f = N(l), v = (h == null ? void 0 : h.map((g) => Ze[g])) || [];
244
+ return Qe(m.keys, m.disabled || m.keys.length === 0, m.action), /* @__PURE__ */ s(
245
+ qe,
253
246
  {
254
- className: y(i, v, {
255
- [Re.fluid]: s
247
+ className: $(i, v, {
248
+ [ue.fluid]: c
256
249
  }),
257
250
  ref: n,
258
251
  color: f,
259
- size: ce(d, Te),
260
- variant: u,
261
- type: l,
262
- ...m,
252
+ size: X(u, se),
253
+ variant: d,
254
+ type: a,
255
+ ...p,
263
256
  children: r
264
257
  }
265
258
  );
266
- }), ne = H.memo(fo), go = "_merged_wdgxo_1", Co = {
267
- merged: go
268
- }, bo = {
259
+ }), et = z.memo(ln), un = "_merged_wdgxo_1", dn = {
260
+ merged: un
261
+ }, hn = {
269
262
  row: { small: "4", medium: "4", large: "5" },
270
263
  column: { small: "2", medium: "3", large: "4" }
271
- }, vo = x(function({
272
- className: e,
264
+ }, pn = x(function({
265
+ className: o,
273
266
  merged: n = !1,
274
- children: o,
267
+ children: t,
275
268
  gap: i,
276
269
  direction: r = "row",
277
- severity: l,
278
- size: s = "medium",
279
- variant: d,
280
- hoverEffects: c,
270
+ severity: a,
271
+ size: c = "medium",
272
+ variant: u,
273
+ hoverEffects: l,
281
274
  fluid: h,
282
- ...u
283
- }, g) {
284
- const m = ce(s, bo[r]), f = d === "ghost" ? m : "0";
285
- return /* @__PURE__ */ a(
286
- A,
275
+ ...d
276
+ }, m) {
277
+ const p = X(c, hn[r]), f = u === "ghost" ? p : "0";
278
+ return /* @__PURE__ */ s(
279
+ T,
287
280
  {
288
- className: y("overmap-button-group", e, {
289
- [Co.merged]: n
281
+ className: $("overmap-button-group", o, {
282
+ [dn.merged]: n
290
283
  }),
291
- ref: g,
284
+ ref: m,
292
285
  gap: n ? i ?? f : i ?? "2",
293
286
  direction: r,
294
287
  "data-direction": r,
295
- ...u,
296
- children: /* @__PURE__ */ a(Nt.Provider, { value: { size: s, severity: l, variant: d, hoverEffects: c, fluid: h }, children: o })
288
+ ...d,
289
+ children: /* @__PURE__ */ s(Je.Provider, { value: { size: c, severity: a, variant: u, hoverEffects: l, fluid: h }, children: t })
297
290
  }
298
291
  );
299
- }), At = w(vo), _o = "_separators_1f7v1_1", So = {
300
- separators: _o
301
- }, $o = w(
302
- x((t, e) => {
303
- const { children: n, border: o, before: i, after: r, size: l } = t, s = o ? "surface" : "ghost", d = ce(l, Te), h = /* @__PURE__ */ b(vn, { ref: e, size: d, variant: s, children: [
292
+ }), tt = b(pn), fn = "_separators_1f7v1_1", mn = {
293
+ separators: fn
294
+ }, gn = b(
295
+ x((e, o) => {
296
+ const { children: n, border: t, before: i, after: r, size: a } = e, c = t ? "surface" : "ghost", u = X(a, se), h = /* @__PURE__ */ _(Tt, { ref: o, size: u, variant: c, children: [
304
297
  i,
305
- i && r ? /* @__PURE__ */ a(Ue, { side: "x", pt: "current", pb: "current", children: n }) : i ? /* @__PURE__ */ a(Ue, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ a(Ue, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ a(Ue, { children: n }),
298
+ i && r ? /* @__PURE__ */ s(_e, { side: "x", pt: "current", pb: "current", children: n }) : i ? /* @__PURE__ */ s(_e, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ s(_e, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ s(_e, { children: n }),
306
299
  r
307
300
  ] });
308
- return s === "ghost" ? /* @__PURE__ */ a(X, { p: "3", children: h }) : h;
301
+ return c === "ghost" ? /* @__PURE__ */ s(H, { p: "3", children: h }) : h;
309
302
  })
310
- ), yo = w(
311
- x((t, e) => {
312
- const { children: n, variant: o = "outline", size: i, className: r, ...l } = t;
313
- return /* @__PURE__ */ a($o, { ...l, border: o === "outline" || o === "surface", size: i, children: /* @__PURE__ */ a(
314
- At,
303
+ ), vn = b(
304
+ x((e, o) => {
305
+ const { children: n, variant: t = "outline", size: i, className: r, ...a } = e;
306
+ return /* @__PURE__ */ s(gn, { ...a, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ s(
307
+ tt,
315
308
  {
316
309
  size: i,
317
310
  severity: "info",
318
- variant: o === "outline" ? "ghost" : o === "surface" ? "soft" : o,
319
- className: y(r, So.separators),
311
+ variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
312
+ className: $(r, mn.separators),
320
313
  merged: !0,
321
314
  gap: "0",
322
315
  direction: "column",
323
- ref: e,
316
+ ref: o,
324
317
  children: n
325
318
  }
326
319
  ) });
327
320
  })
328
- ), xo = w(
329
- x((t, e) => {
330
- const { variant: n } = st(), o = /* @__PURE__ */ a(ke, { ref: e, ...t, radius: "large", variant: n });
331
- return n === "ghost" ? /* @__PURE__ */ a(X, { asChild: !0, my: "1", mx: "2", children: o }) : o;
321
+ ), Cn = b(
322
+ x((e, o) => {
323
+ const { variant: n } = Re(), t = /* @__PURE__ */ s(Pe, { ref: o, ...e, radius: "large", variant: n });
324
+ return n === "ghost" ? /* @__PURE__ */ s(H, { asChild: !0, my: "1", mx: "2", children: t }) : t;
332
325
  })
333
- ), vi = {
334
- Root: yo,
335
- Item: xo
336
- }, wo = w(function(e) {
337
- const { title: n, description: o, content: i, closeDialog: r } = e;
338
- return /* @__PURE__ */ b(A, { direction: "column", gap: "2", children: [
339
- /* @__PURE__ */ b(A, { direction: "column", gap: "1", children: [
340
- /* @__PURE__ */ b(A, { justify: "between", children: [
341
- /* @__PURE__ */ a(xe.Title, { mb: "0", children: n }),
342
- /* @__PURE__ */ a(xe.Close, { children: /* @__PURE__ */ a(xt, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ a(en, {}) }) })
326
+ ), jr = {
327
+ Root: vn,
328
+ Item: Cn
329
+ }, _n = b(function(o) {
330
+ const { title: n, description: t, content: i, closeDialog: r } = o;
331
+ return /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
332
+ /* @__PURE__ */ _(T, { direction: "column", gap: "1", children: [
333
+ /* @__PURE__ */ _(T, { justify: "between", children: [
334
+ /* @__PURE__ */ s(re.Title, { mb: "0", children: n }),
335
+ /* @__PURE__ */ s(re.Close, { children: /* @__PURE__ */ s(qe, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ s(xt, {}) }) })
343
336
  ] }),
344
- o && /* @__PURE__ */ a(xe.Description, { children: o })
337
+ t && /* @__PURE__ */ s(re.Description, { children: t })
345
338
  ] }),
346
339
  i(r)
347
340
  ] });
348
- }), _i = w(
349
- x((t, e) => {
341
+ }), Ur = b(
342
+ x((e, o) => {
350
343
  const {
351
344
  children: n,
352
- content: o,
345
+ content: t,
353
346
  title: i,
354
347
  description: r,
355
- onOpen: l,
356
- onClose: s,
357
- defaultOpen: d,
358
- onCloseInterrupt: c,
348
+ onOpen: a,
349
+ onClose: c,
350
+ defaultOpen: u,
351
+ onCloseInterrupt: l,
359
352
  open: h,
360
- onOpenChange: u,
361
- ...g
362
- } = t, [m, f] = k(d ?? !1), v = h ?? m;
363
- if ((c || l) && u)
353
+ onOpenChange: d,
354
+ ...m
355
+ } = e, [p, f] = k(u ?? !1), v = h ?? p;
356
+ if ((l || a) && d)
364
357
  throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");
365
- if (h !== void 0 && u === void 0)
358
+ if (h !== void 0 && d === void 0)
366
359
  throw new Error("The `open` prop requires the `onOpenChange` prop.");
367
360
  if (!n && h === void 0)
368
361
  throw new Error("Either the `children` or `open` prop must be defined.");
369
362
  if (n && h !== void 0)
370
363
  throw new Error("The `children` and `open` props cannot be used together.");
371
- const C = $(
372
- (S) => {
373
- if (u)
374
- return u(S);
375
- if (S && l)
376
- l();
364
+ const g = y(
365
+ (C) => {
366
+ if (d)
367
+ return d(C);
368
+ if (C && a)
369
+ a();
377
370
  else {
378
- if (!S && c)
379
- return c(() => {
380
- f(!1), s && s();
371
+ if (!C && l)
372
+ return l(() => {
373
+ f(!1), c && c();
381
374
  });
382
- !S && s && s();
375
+ !C && c && c();
383
376
  }
384
- f(S);
377
+ f(C);
385
378
  },
386
- [u, l, s, c]
387
- ), P = $(
388
- (S) => {
389
- if (S != null && S.force)
379
+ [d, a, c, l]
380
+ ), w = y(
381
+ (C) => {
382
+ if (C != null && C.force)
390
383
  return f(!1);
391
- C(!1);
384
+ g(!1);
392
385
  },
393
- [C]
386
+ [g]
394
387
  );
395
- return /* @__PURE__ */ b(xe.Root, { open: v, onOpenChange: C, children: [
396
- /* @__PURE__ */ a(xe.Trigger, { children: n }),
397
- /* @__PURE__ */ a(xe.Content, { ref: e, ...g, children: /* @__PURE__ */ a(
398
- wo,
388
+ return /* @__PURE__ */ _(re.Root, { open: v, onOpenChange: g, children: [
389
+ /* @__PURE__ */ s(re.Trigger, { children: n }),
390
+ /* @__PURE__ */ s(re.Content, { ref: o, ...m, children: /* @__PURE__ */ s(
391
+ _n,
399
392
  {
400
- closeDialog: P,
401
- content: o,
393
+ closeDialog: w,
394
+ content: t,
402
395
  title: i,
403
396
  description: r
404
397
  }
405
398
  ) })
406
399
  ] });
407
400
  })
408
- ), Dt = (t) => /* @__PURE__ */ a(pe.Title, { mb: "0", ...t }), Po = (t) => {
409
- const { title: e, description: n, actionText: o = "Confirm", cancelText: i = "Cancel", onAction: r, onCancel: l, severity: s } = t;
410
- return /* @__PURE__ */ b(A, { direction: "column", gap: "2", children: [
411
- /* @__PURE__ */ b(A, { direction: "column", gap: "1", children: [
412
- /* @__PURE__ */ a(Dt, { children: e }),
413
- /* @__PURE__ */ a(pe.Description, { children: n })
401
+ ), nt = (e) => /* @__PURE__ */ s(Q.Title, { mb: "0", ...e }), bn = (e) => {
402
+ const { title: o, description: n, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: r, onCancel: a, severity: c } = e;
403
+ return /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
404
+ /* @__PURE__ */ _(T, { direction: "column", gap: "1", children: [
405
+ /* @__PURE__ */ s(nt, { children: o }),
406
+ /* @__PURE__ */ s(Q.Description, { children: n })
414
407
  ] }),
415
- /* @__PURE__ */ b(A, { gap: "3", mt: "4", justify: "end", children: [
416
- /* @__PURE__ */ a(pe.Cancel, { children: /* @__PURE__ */ a(ke, { variant: "soft", severity: "info", onClick: l, children: i }) }),
417
- /* @__PURE__ */ a(pe.Action, { children: /* @__PURE__ */ a(ke, { variant: "solid", severity: s, onClick: r, children: o }) })
408
+ /* @__PURE__ */ _(T, { gap: "3", mt: "4", justify: "end", children: [
409
+ /* @__PURE__ */ s(Q.Cancel, { children: /* @__PURE__ */ s(Pe, { variant: "soft", severity: "info", onClick: a, children: i }) }),
410
+ /* @__PURE__ */ s(Q.Action, { children: /* @__PURE__ */ s(Pe, { variant: "solid", severity: c, onClick: r, children: t }) })
418
411
  ] })
419
412
  ] });
420
- }, ko = w(function(e) {
421
- const { open: n, setOpen: o, children: i, ...r } = e, l = M(() => ({
422
- close: () => o(!1),
423
- Title: Dt,
424
- Description: pe.Description
425
- }), [o]);
426
- return /* @__PURE__ */ b(pe.Root, { open: n, onOpenChange: o, children: [
427
- /* @__PURE__ */ a(pe.Content, { children: "content" in r ? r.content(l) : /* @__PURE__ */ a(Po, { ...r }) }),
413
+ }, xn = b(function(o) {
414
+ const { open: n, setOpen: t, children: i, ...r } = o, a = E(() => ({
415
+ close: () => t(!1),
416
+ Title: nt,
417
+ Description: Q.Description
418
+ }), [t]);
419
+ return /* @__PURE__ */ _(Q.Root, { open: n, onOpenChange: t, children: [
420
+ /* @__PURE__ */ s(Q.Content, { children: "content" in r ? r.content(a) : /* @__PURE__ */ s(bn, { ...r }) }),
428
421
  i
429
422
  ] });
430
- }), It = Pe(() => {
423
+ }), ot = ce(() => {
431
424
  throw new Error("No AlertDialogProvider found");
432
- }), To = {
425
+ }), yn = {
433
426
  content: () => null
434
- }, Si = w(function({ children: e }) {
435
- const [n, o] = k(!1), [i, r] = k(To), l = $(
436
- (s) => {
427
+ }, Gr = b(function({ children: o }) {
428
+ const [n, t] = k(!1), [i, r] = k(yn), a = y(
429
+ (c) => {
437
430
  if (n)
438
431
  throw new Error("AlertDialog is already open");
439
- r(s), o(!0);
432
+ r(c), t(!0);
440
433
  },
441
434
  [n]
442
435
  );
443
- return /* @__PURE__ */ a(ko, { open: n, setOpen: o, ...i, children: /* @__PURE__ */ a(It.Provider, { value: l, children: e }) });
444
- }), No = () => Ee(It), $i = () => {
445
- const t = No();
446
- return $(
447
- (e) => t({
436
+ return /* @__PURE__ */ s(xn, { open: n, setOpen: t, ...i, children: /* @__PURE__ */ s(ot.Provider, { value: a, children: o }) });
437
+ }), $n = () => pe(ot), Fr = () => {
438
+ const e = $n();
439
+ return y(
440
+ (o) => e({
448
441
  title: "Discard changes?",
449
442
  description: "You have unsaved changes. Are you sure you want to discard them?",
450
443
  actionText: "Discard",
451
444
  severity: "danger",
452
- onAction: e.onDiscard,
453
- onCancel: e.onCancel
445
+ onAction: o.onDiscard,
446
+ onCancel: o.onCancel
454
447
  }),
455
- [t]
448
+ [e]
456
449
  );
457
- }, Ao = w(function({
458
- severity: e,
450
+ }, wn = b(function({
451
+ severity: o,
459
452
  itemContent: n,
460
- closeOnSelect: o = !0,
453
+ closeOnSelect: t = !0,
461
454
  onSelect: i,
462
455
  ...r
463
456
  }) {
464
- const l = O(e), s = $(
465
- (d) => {
466
- o || d.preventDefault(), i && i(d);
457
+ const a = N(o), c = y(
458
+ (u) => {
459
+ t || u.preventDefault(), i && i(u);
467
460
  },
468
- [o, i]
461
+ [t, i]
469
462
  );
470
- return /* @__PURE__ */ a(E.Item, { onSelect: s, color: l, ...r, children: n });
471
- }), Do = w(function({
472
- defaultOpen: e,
463
+ return /* @__PURE__ */ s(I.Item, { onSelect: c, color: a, ...r, children: n });
464
+ }), Sn = b(function({
465
+ defaultOpen: o,
473
466
  open: n,
474
- onOpenChange: o,
467
+ onOpenChange: t,
475
468
  modal: i,
476
469
  trigger: r,
477
- label: l,
478
- severity: s = "info",
479
- disabled: d = !1,
480
- children: c,
470
+ label: a,
471
+ severity: c = "info",
472
+ disabled: u = !1,
473
+ children: l,
481
474
  ...h
482
475
  }) {
483
- const u = O(s);
484
- return /* @__PURE__ */ b(E.Root, { defaultOpen: e, open: n, onOpenChange: o, modal: i, children: [
485
- /* @__PURE__ */ a(E.Trigger, { disabled: d, children: r }),
486
- /* @__PURE__ */ b(E.Content, { color: u, ...h, children: [
487
- l && /* @__PURE__ */ a(E.Label, { children: l }),
488
- c
476
+ const d = N(c);
477
+ return /* @__PURE__ */ _(I.Root, { defaultOpen: o, open: n, onOpenChange: t, modal: i, children: [
478
+ /* @__PURE__ */ s(I.Trigger, { disabled: u, children: r }),
479
+ /* @__PURE__ */ _(I.Content, { color: d, ...h, children: [
480
+ a && /* @__PURE__ */ s(I.Label, { children: a }),
481
+ l
489
482
  ] })
490
483
  ] });
491
- }), Io = w(function({
492
- separatorBelow: e = !1,
484
+ }), kn = b(function({
485
+ separatorBelow: o = !1,
493
486
  separatorAbove: n = !1,
494
- children: o,
487
+ children: t,
495
488
  ...i
496
489
  }) {
497
- return /* @__PURE__ */ b(Q, { children: [
498
- n && /* @__PURE__ */ a(E.Separator, {}),
499
- /* @__PURE__ */ a(E.Group, { ...i, children: o }),
500
- e && /* @__PURE__ */ a(E.Separator, {})
490
+ return /* @__PURE__ */ _(G, { children: [
491
+ n && /* @__PURE__ */ s(I.Separator, {}),
492
+ /* @__PURE__ */ s(I.Group, { ...i, children: t }),
493
+ o && /* @__PURE__ */ s(I.Separator, {})
501
494
  ] });
502
- }), Mo = w(function({
503
- defaultOpen: e,
495
+ }), Pn = b(function({
496
+ defaultOpen: o,
504
497
  open: n,
505
- onOpenChange: o,
498
+ onOpenChange: t,
506
499
  trigger: i,
507
500
  children: r,
508
- ...l
501
+ ...a
509
502
  }) {
510
- return /* @__PURE__ */ b(E.Sub, { defaultOpen: e, open: n, onOpenChange: o, children: [
511
- /* @__PURE__ */ a(E.SubTrigger, { children: i }),
512
- /* @__PURE__ */ a(E.SubContent, { ...l, children: r })
503
+ return /* @__PURE__ */ _(I.Sub, { defaultOpen: o, open: n, onOpenChange: t, children: [
504
+ /* @__PURE__ */ s(I.SubTrigger, { children: i }),
505
+ /* @__PURE__ */ s(I.SubContent, { ...a, children: r })
513
506
  ] });
514
- }), yi = {
515
- Root: Do,
516
- ItemGroup: Io,
517
- Item: Ao,
518
- SubMenu: Mo
519
- }, Ro = "_DropdownSelect_k517z_1", Oo = "_BorderBottom_k517z_8", zo = "_DropdownSelectInputWrapper_k517z_12", Eo = "_DropdownSelectInput_k517z_12", Bo = "_DropdownSelectItem_k517z_27", _e = {
520
- DropdownSelect: Ro,
521
- BorderBottom: Oo,
522
- DropdownSelectInputWrapper: zo,
523
- DropdownSelectInput: Eo,
524
- DropdownSelectItem: Bo
525
- }, Lo = 150, xi = w(
507
+ }), Vr = {
508
+ Root: Sn,
509
+ ItemGroup: kn,
510
+ Item: wn,
511
+ SubMenu: Pn
512
+ }, Tn = "_DropdownSelect_k517z_1", Nn = "_BorderBottom_k517z_8", In = "_DropdownSelectInputWrapper_k517z_12", Dn = "_DropdownSelectInput_k517z_12", On = "_DropdownSelectItem_k517z_27", ee = {
513
+ DropdownSelect: Tn,
514
+ BorderBottom: Nn,
515
+ DropdownSelectInputWrapper: In,
516
+ DropdownSelectInput: Dn,
517
+ DropdownSelectItem: On
518
+ }, An = 150, Kr = b(
526
519
  x(
527
520
  ({
528
- trigger: t,
529
- items: e,
521
+ trigger: e,
522
+ items: o,
530
523
  disabled: n = !1,
531
- value: o,
524
+ value: t,
532
525
  onValueChange: i,
533
526
  placeholder: r,
534
- filterValue: l,
535
- onFilterValueChange: s,
536
- closeOnSelect: d = !0,
537
- icons: c,
527
+ filterValue: a,
528
+ onFilterValueChange: c,
529
+ closeOnSelect: u = !0,
530
+ icons: l,
538
531
  severity: h = "info"
539
- }, u) => {
540
- const g = O(h), m = $(
541
- (C) => (P) => {
542
- i(o !== C ? C : void 0), d || P.preventDefault();
532
+ }, d) => {
533
+ const m = N(h), p = y(
534
+ (g) => (w) => {
535
+ i(t !== g ? g : void 0), u || w.preventDefault();
543
536
  },
544
- [o, d, i]
545
- ), f = $(
546
- (C) => {
547
- s && s(C.target.value);
537
+ [t, u, i]
538
+ ), f = y(
539
+ (g) => {
540
+ c && c(g.target.value);
548
541
  },
549
- [s]
550
- ), v = $(
551
- (C) => {
552
- !C && s && setTimeout(() => {
553
- s("");
554
- }, Lo);
542
+ [c]
543
+ ), v = y(
544
+ (g) => {
545
+ !g && c && setTimeout(() => {
546
+ c("");
547
+ }, An);
555
548
  },
556
- [s]
549
+ [c]
557
550
  );
558
- return /* @__PURE__ */ b(E.Root, { onOpenChange: v, children: [
559
- /* @__PURE__ */ a(E.Trigger, { disabled: n, children: t }),
560
- /* @__PURE__ */ a(E.Content, { ref: u, variant: "soft", color: g, className: _e.Test, children: /* @__PURE__ */ b(J, { className: _e.DropdownSelect, direction: "column", children: [
561
- l !== void 0 && !!s && /* @__PURE__ */ a(X, { px: "1", className: y({ [_e.BorderBottom]: e.length !== 0 }), children: /* @__PURE__ */ b(
562
- ie.Root,
551
+ return /* @__PURE__ */ _(I.Root, { onOpenChange: v, children: [
552
+ /* @__PURE__ */ s(I.Trigger, { disabled: n, children: e }),
553
+ /* @__PURE__ */ s(I.Content, { ref: d, variant: "soft", color: m, className: ee.Test, children: /* @__PURE__ */ _(W, { className: ee.DropdownSelect, direction: "column", children: [
554
+ a !== void 0 && !!c && /* @__PURE__ */ s(H, { px: "1", className: $({ [ee.BorderBottom]: o.length !== 0 }), children: /* @__PURE__ */ _(
555
+ V.Root,
563
556
  {
564
- className: _e.DropdownSelectInputWrapper,
557
+ className: ee.DropdownSelectInputWrapper,
565
558
  size: "2",
566
559
  variant: "soft",
567
560
  children: [
568
- !!c && !!c.leftInputIcon && /* @__PURE__ */ a(ie.Slot, { children: c.leftInputIcon }),
569
- /* @__PURE__ */ a(
570
- ie.Input,
561
+ !!l && !!l.leftInputIcon && /* @__PURE__ */ s(V.Slot, { children: l.leftInputIcon }),
562
+ /* @__PURE__ */ s(
563
+ V.Input,
571
564
  {
572
- className: _e.DropdownSelectInput,
573
- value: l,
565
+ className: ee.DropdownSelectInput,
566
+ value: a,
574
567
  placeholder: r,
575
568
  onChange: f
576
569
  }
577
570
  ),
578
- !!c && !!c.rightInputIcon && /* @__PURE__ */ a(ie.Slot, { children: c.rightInputIcon })
571
+ !!l && !!l.rightInputIcon && /* @__PURE__ */ s(V.Slot, { children: l.rightInputIcon })
579
572
  ]
580
573
  }
581
574
  ) }),
582
- /* @__PURE__ */ a(X, { p: e.length !== 0 ? "1" : "0", children: /* @__PURE__ */ a(J, { direction: "column", children: e.map(({ content: C, value: P }, S) => /* @__PURE__ */ a(
583
- E.Item,
575
+ /* @__PURE__ */ s(H, { p: o.length !== 0 ? "1" : "0", children: /* @__PURE__ */ s(W, { direction: "column", children: o.map(({ content: g, value: w }, C) => /* @__PURE__ */ s(
576
+ I.Item,
584
577
  {
585
- className: _e.DropdownSelectItem,
586
- onSelect: m(P),
578
+ className: ee.DropdownSelectItem,
579
+ onSelect: p(w),
587
580
  textValue: "",
588
581
  asChild: !0,
589
- children: /* @__PURE__ */ b(J, { align: "center", height: "max-content", width: "100%", gap: "5", children: [
590
- /* @__PURE__ */ a(X, { grow: "1", children: C }),
591
- /* @__PURE__ */ a(
592
- J,
582
+ children: /* @__PURE__ */ _(W, { align: "center", height: "max-content", width: "100%", gap: "5", children: [
583
+ /* @__PURE__ */ s(H, { grow: "1", children: g }),
584
+ /* @__PURE__ */ s(
585
+ W,
593
586
  {
594
587
  justify: "center",
595
588
  align: "center",
596
589
  height: "max-content",
597
590
  width: "4",
598
- children: o === P && (c && (c != null && c.selectedItemIcon) ? c.selectedItemIcon : /* @__PURE__ */ a($t, {}))
591
+ children: t === w && (l && (l != null && l.selectedItemIcon) ? l.selectedItemIcon : /* @__PURE__ */ s(Ke, {}))
599
592
  }
600
593
  )
601
594
  ] })
602
595
  },
603
- S
596
+ C
604
597
  )) }) })
605
598
  ] }) })
606
599
  ] });
607
600
  }
608
601
  )
609
- ), Fo = w(function({ children: e }) {
610
- const [n, o] = k(!1), i = $(() => {
611
- o(!0);
612
- }, []), r = $(() => {
613
- o(!1);
602
+ ), zn = b(function({ children: o }) {
603
+ const [n, t] = k(!1), i = y(() => {
604
+ t(!0);
605
+ }, []), r = y(() => {
606
+ t(!1);
614
607
  }, []);
615
- return e({
608
+ return o({
616
609
  isHovered: n,
617
610
  onPointerEnter: i,
618
611
  onPointerLeave: r
619
612
  });
620
- }), Uo = "_fluid_7n1wr_1", Ct = {
621
- fluid: Uo
622
- }, Ho = x(function({
623
- className: e,
613
+ }), Rn = "_fluid_7n1wr_1", je = {
614
+ fluid: Rn
615
+ }, En = x(function({
616
+ className: o,
624
617
  fluid: n,
625
- size: o = "medium",
618
+ size: t = "medium",
626
619
  variant: i = "surface",
627
620
  severity: r = "primary",
628
- itemSeverity: l = "info",
629
- placeholder: s = "Select",
630
- side: d,
631
- items: c = [],
621
+ itemSeverity: a = "info",
622
+ placeholder: c = "Select",
623
+ side: u,
624
+ items: l = [],
632
625
  value: h,
633
- id: u,
634
- ...g
635
- }, m) {
636
- const f = ce(o, Te), v = O(r), C = O(l);
637
- return /* @__PURE__ */ j(se.Root, { size: f, ...g, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ a(
638
- se.Trigger,
626
+ id: d,
627
+ ...m
628
+ }, p) {
629
+ const f = X(t, se), v = N(r), g = N(a);
630
+ return /* @__PURE__ */ R(K.Root, { size: f, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ s(
631
+ K.Trigger,
639
632
  {
640
- className: y(e, {
641
- [Ct.fluid]: n
633
+ className: $(o, {
634
+ [je.fluid]: n
642
635
  }),
643
- id: u,
644
- ref: m,
636
+ id: d,
637
+ ref: p,
645
638
  variant: i,
646
- placeholder: s,
639
+ placeholder: c,
647
640
  color: v
648
641
  }
649
- ), /* @__PURE__ */ a(
650
- se.Content,
642
+ ), /* @__PURE__ */ s(
643
+ K.Content,
651
644
  {
652
- side: d,
653
- className: Ct.contentDefault,
645
+ side: u,
646
+ className: je.contentDefault,
654
647
  position: "popper",
655
648
  variant: i !== "surface" ? "soft" : "solid",
656
- color: C,
657
- children: c.map(({ itemContent: P, value: S, ...T }) => /* @__PURE__ */ a(se.Item, { className: "overmap-select-item", value: S, ...T, children: P }, S))
649
+ color: g,
650
+ children: l.map(({ itemContent: w, value: C, ...S }) => /* @__PURE__ */ s(K.Item, { className: "overmap-select-item", value: C, ...S, children: w }, C))
658
651
  }
659
652
  ));
660
- }), Wo = H.memo(Ho), bt = w(
661
- x((t, e) => {
662
- const { checked: n, label: o, value: i, size: r = "2" } = t;
663
- return /* @__PURE__ */ a(X, { asChild: !0, px: r, children: /* @__PURE__ */ a(se.Item, { value: i, ref: e, children: /* @__PURE__ */ b(A, { gap: r, align: "center", children: [
664
- /* @__PURE__ */ a(_n, { checked: n }),
665
- o
653
+ }), qr = z.memo(En), Ue = b(
654
+ x((e, o) => {
655
+ const { checked: n, label: t, value: i, size: r = "2" } = e;
656
+ return /* @__PURE__ */ s(H, { asChild: !0, px: r, children: /* @__PURE__ */ s(K.Item, { value: i, ref: o, children: /* @__PURE__ */ _(T, { gap: r, align: "center", children: [
657
+ /* @__PURE__ */ s(Nt, { checked: n }),
658
+ t
666
659
  ] }) }) });
667
660
  })
668
- ), qe = "__select_all__", wi = w(
669
- x((t, e) => {
670
- const [n, o] = k(!1), { placeholder: i, value: r, onValueChange: l, options: s, disabled: d, name: c, ...h } = t, u = ce(t.size, Te), g = O(t.severity), m = M(() => new Map(s.map((S) => [S.value, S.label])), [s]), f = r.length > 4 ? (
661
+ ), $e = "__select_all__", Xr = b(
662
+ x((e, o) => {
663
+ const [n, t] = k(!1), { placeholder: i, value: r, onValueChange: a, options: c, disabled: u, name: l, ...h } = e, d = X(e.size, se), m = N(e.severity), p = E(() => new Map(c.map((C) => [C.value, C.label])), [c]), f = r.length > 4 ? (
671
664
  // to ensure the width of the select doesn't get too big
672
665
  `${r.length} options selected`
673
666
  ) : (
674
667
  // convert the values to labels
675
- /* @__PURE__ */ a("span", { children: r.flatMap((S) => [m.get(S), ", "]).slice(0, -1) })
676
- ), v = $(() => o(!1), []), C = $((S) => {
677
- S && o(!0);
678
- }, []), P = $(
679
- (S) => {
680
- let T;
681
- S === qe ? T = r.length === s.length ? [] : s.map((oe) => oe.value) : T = r.includes(S) ? r.filter((z) => z !== S) : [...r, S], l(T);
668
+ /* @__PURE__ */ s("span", { children: r.flatMap((C) => [p.get(C), ", "]).slice(0, -1) })
669
+ ), v = y(() => t(!1), []), g = y((C) => {
670
+ C && t(!0);
671
+ }, []), w = y(
672
+ (C) => {
673
+ let S;
674
+ C === $e ? S = r.length === c.length ? [] : c.map((J) => J.value) : S = r.includes(C) ? r.filter((D) => D !== C) : [...r, C], a(S);
682
675
  },
683
- [l, s, r]
676
+ [a, c, r]
684
677
  );
685
- return B(() => {
686
- if (s.some(({ value: S }) => S === qe))
687
- throw new Error(`Cannot have an option with the value "${qe}"`);
688
- }, [s]), /* @__PURE__ */ b(
689
- se.Root,
678
+ return O(() => {
679
+ if (c.some(({ value: C }) => C === $e))
680
+ throw new Error(`Cannot have an option with the value "${$e}"`);
681
+ }, [c]), /* @__PURE__ */ _(
682
+ K.Root,
690
683
  {
691
684
  open: n,
692
685
  value: "",
693
- onOpenChange: C,
694
- onValueChange: P,
695
- disabled: d,
696
- size: u,
697
- name: c,
686
+ onOpenChange: g,
687
+ onValueChange: w,
688
+ disabled: u,
689
+ size: d,
690
+ name: l,
698
691
  autoComplete: "off",
699
692
  children: [
700
- /* @__PURE__ */ a(
701
- se.Trigger,
693
+ /* @__PURE__ */ s(
694
+ K.Trigger,
702
695
  {
703
- ref: e,
704
- color: g,
696
+ ref: o,
697
+ color: m,
705
698
  placeholder: r.length > 0 ? f : i,
706
699
  "data-placeholder": r.length > 0 ? void 0 : !0,
707
700
  ...h
708
701
  }
709
702
  ),
710
- /* @__PURE__ */ b(
711
- se.Content,
703
+ /* @__PURE__ */ _(
704
+ K.Content,
712
705
  {
713
706
  color: "gray",
714
707
  variant: "soft",
@@ -716,23 +709,23 @@ const Zn = {
716
709
  onEscapeKeyDown: v,
717
710
  onPointerDownOutside: v,
718
711
  children: [
719
- /* @__PURE__ */ a(
720
- bt,
712
+ /* @__PURE__ */ s(
713
+ Ue,
721
714
  {
722
- value: qe,
715
+ value: $e,
723
716
  label: "Select all",
724
- checked: r.length === s.length,
725
- size: u
717
+ checked: r.length === c.length,
718
+ size: d
726
719
  }
727
720
  ),
728
- s.map((S) => /* @__PURE__ */ a(
729
- bt,
721
+ c.map((C) => /* @__PURE__ */ s(
722
+ Ue,
730
723
  {
731
- ...S,
732
- checked: r.includes(S.value),
733
- size: u
724
+ ...C,
725
+ checked: r.includes(C.value),
726
+ size: d
734
727
  },
735
- S.value
728
+ C.value
736
729
  ))
737
730
  ]
738
731
  }
@@ -741,163 +734,163 @@ const Zn = {
741
734
  }
742
735
  );
743
736
  })
744
- ), jo = {
737
+ ), Bn = {
745
738
  default: "_default_u936h_1"
746
- }, Vo = x(function({ className: e, severity: n = "primary", icon: o, defaultChecked: i = !1, onCheckedChange: r, ...l }, s) {
747
- const d = W(null), [c, h] = k(l.checked ? l.checked : i), [u, g] = k(), m = O(n);
748
- it(() => {
749
- var P;
750
- const C = s || d;
751
- "current" in C && C.current && g((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
752
- }, [s]);
753
- const f = $(
754
- (C) => {
755
- h(C), r && r(C);
739
+ }, Mn = x(function({ className: o, severity: n = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: r, ...a }, c) {
740
+ const u = A(null), [l, h] = k(a.checked ? a.checked : i), [d, m] = k(), p = N(n);
741
+ ze(() => {
742
+ var w;
743
+ const g = c || u;
744
+ "current" in g && g.current && m((w = g.current) == null ? void 0 : w.querySelector("span.rt-SwitchThumb"));
745
+ }, [c]);
746
+ const f = y(
747
+ (g) => {
748
+ h(g), r && r(g);
756
749
  },
757
750
  [r]
758
- ), v = l.checked ? l.checked : c;
759
- return /* @__PURE__ */ b(Q, { children: [
760
- /* @__PURE__ */ a(
761
- Sn,
751
+ ), v = a.checked ? a.checked : l;
752
+ return /* @__PURE__ */ _(G, { children: [
753
+ /* @__PURE__ */ s(
754
+ It,
762
755
  {
763
- className: y("overmap-switch", e, jo.default),
764
- ref: s || d,
765
- color: m,
756
+ className: $("overmap-switch", o, Bn.default),
757
+ ref: c || u,
758
+ color: p,
766
759
  radius: "full",
767
760
  defaultChecked: i,
768
761
  onCheckedChange: f,
769
- ...l
762
+ ...a
770
763
  }
771
764
  ),
772
- /* @__PURE__ */ a($n, { container: u, asChild: !0, children: o && "checked" in o ? v ? o.checked : o.unchecked : o })
765
+ /* @__PURE__ */ s(Dt, { container: d, asChild: !0, children: t && "checked" in t ? v ? t.checked : t.unchecked : t })
773
766
  ] });
774
- }), Pi = w(Vo), qo = "_sidebarContent_1onyo_1", Go = "_right_1onyo_7", Ko = "_resizeHandle_1onyo_10", Jo = "_left_1onyo_13", Xo = "_overlay_1onyo_33", Se = {
775
- sidebarContent: qo,
776
- right: Go,
777
- resizeHandle: Ko,
778
- left: Jo,
779
- overlay: Xo
780
- }, Qo = { width: "auto", height: "100%" }, Yo = x(function({
781
- side: e = "left",
767
+ }), Qr = b(Mn), Ln = "_sidebarContent_1onyo_1", Wn = "_right_1onyo_7", Hn = "_resizeHandle_1onyo_10", jn = "_left_1onyo_13", Un = "_overlay_1onyo_33", te = {
768
+ sidebarContent: Ln,
769
+ right: Wn,
770
+ resizeHandle: Hn,
771
+ left: jn,
772
+ overlay: Un
773
+ }, Gn = { width: "auto", height: "100%" }, Fn = x(function({
774
+ side: o = "left",
782
775
  modal: n = !0,
783
- children: o,
776
+ children: t,
784
777
  open: i,
785
778
  containerSelector: r,
786
- overlay: l = !0,
787
- resizable: s = !0,
779
+ overlay: a = !0,
780
+ resizable: c = !0,
788
781
  // Props related to Resizable
789
- minWidth: d = "300px",
790
- maxWidth: c = "500px",
782
+ minWidth: u = "300px",
783
+ maxWidth: l = "500px",
791
784
  ...h
792
- }, u) {
793
- const g = e === "right", m = e === "left", [f, v] = k();
794
- return B(() => {
795
- const C = r ?? '[data-is-root-theme="true"]', P = document.querySelector(C);
796
- if (P === void 0)
797
- throw new Error(`Could not find a container element using the following selector ${C}`);
798
- v(P);
799
- }, [r]), /* @__PURE__ */ a(je.Root, { open: i, modal: n, children: /* @__PURE__ */ b(je.Portal, { container: f, children: [
800
- l && /* @__PURE__ */ a(je.Overlay, { className: y(Se.overlay) }),
801
- /* @__PURE__ */ a(
802
- je.Content,
785
+ }, d) {
786
+ const m = o === "right", p = o === "left", [f, v] = k();
787
+ return O(() => {
788
+ const g = r ?? '[data-is-root-theme="true"]', w = document.querySelector(g);
789
+ if (w === void 0)
790
+ throw new Error(`Could not find a container element using the following selector ${g}`);
791
+ v(w);
792
+ }, [r]), /* @__PURE__ */ s(ye.Root, { open: i, modal: n, children: /* @__PURE__ */ _(ye.Portal, { container: f, children: [
793
+ a && /* @__PURE__ */ s(ye.Overlay, { className: $(te.overlay) }),
794
+ /* @__PURE__ */ s(
795
+ ye.Content,
803
796
  {
804
- className: y("overmap-sidebar", "rt-DialogContent", Se.sidebarContent, {
805
- [Se.left]: m,
806
- [Se.right]: g
797
+ className: $("overmap-sidebar", "rt-DialogContent", te.sidebarContent, {
798
+ [te.left]: p,
799
+ [te.right]: m
807
800
  }),
808
- ref: u,
801
+ ref: d,
809
802
  asChild: !0,
810
803
  ...h,
811
- children: /* @__PURE__ */ a(X, { width: "auto", children: /* @__PURE__ */ a(
812
- Xe,
804
+ children: /* @__PURE__ */ s(H, { width: "auto", children: /* @__PURE__ */ s(
805
+ ke,
813
806
  {
814
- minWidth: d,
815
- maxWidth: c,
816
- defaultSize: Qo,
817
- enable: { right: s && m, left: s && g },
818
- handleClasses: { left: Se.resizeHandle, right: Se.resizeHandle },
807
+ minWidth: u,
808
+ maxWidth: l,
809
+ defaultSize: Gn,
810
+ enable: { right: c && p, left: c && m },
811
+ handleClasses: { left: te.resizeHandle, right: te.resizeHandle },
819
812
  handleComponent: {
820
- right: /* @__PURE__ */ a(Je, {}),
821
- left: /* @__PURE__ */ a(Je, {})
813
+ right: /* @__PURE__ */ s(Se, {}),
814
+ left: /* @__PURE__ */ s(Se, {})
822
815
  },
823
- children: o
816
+ children: t
824
817
  }
825
818
  ) })
826
819
  }
827
820
  )
828
821
  ] }) });
829
- }), ki = w(Yo), Zo = "_outerContent_1iy9c_1", er = "_enter_1iy9c_4", tr = "_right_1iy9c_4", nr = "_left_1iy9c_8", or = "_enterActive_1iy9c_12", rr = "_exitActive_1iy9c_22", ar = "_exitDone_1iy9c_32", ir = "_resizable_1iy9c_41", sr = "_slideOutOverlay_1iy9c_47", te = {
830
- outerContent: Zo,
831
- enter: er,
832
- right: tr,
833
- left: nr,
834
- enterActive: or,
835
- exitActive: rr,
836
- exitDone: ar,
837
- resizable: ir,
838
- slideOutOverlay: sr
839
- }, lr = 200, Ti = w(function({
840
- className: e,
822
+ }), Yr = b(Fn), Vn = "_outerContent_1iy9c_1", Kn = "_enter_1iy9c_4", qn = "_right_1iy9c_4", Xn = "_left_1iy9c_8", Qn = "_enterActive_1iy9c_12", Yn = "_exitActive_1iy9c_22", Zn = "_exitDone_1iy9c_32", Jn = "_resizable_1iy9c_41", eo = "_slideOutOverlay_1iy9c_47", U = {
823
+ outerContent: Vn,
824
+ enter: Kn,
825
+ right: qn,
826
+ left: Xn,
827
+ enterActive: Qn,
828
+ exitActive: Yn,
829
+ exitDone: Zn,
830
+ resizable: Jn,
831
+ slideOutOverlay: eo
832
+ }, to = 200, Zr = b(function({
833
+ className: o,
841
834
  open: n,
842
- side: o = "left",
835
+ side: t = "left",
843
836
  children: i,
844
837
  minWidth: r,
845
- maxWidth: l,
846
- resizable: s = !0,
847
- overlay: d = !1,
848
- modal: c = !1,
838
+ maxWidth: a,
839
+ resizable: c = !0,
840
+ overlay: u = !1,
841
+ modal: l = !1,
849
842
  resizeHandle: h,
850
- position: u = "absolute",
851
- ...g
843
+ position: d = "absolute",
844
+ ...m
852
845
  }) {
853
- const m = W(null), [f, v] = k(r), C = o === "left", P = o === "right", S = $(
854
- (T, z, oe, Be) => {
855
- v(oe.clientWidth), m.current && (m.current.style.width = `${oe.clientWidth}px`);
846
+ const p = A(null), [f, v] = k(r), g = t === "left", w = t === "right", C = y(
847
+ (S, D, J, Ee) => {
848
+ v(J.clientWidth), p.current && (p.current.style.width = `${J.clientWidth}px`);
856
849
  },
857
850
  []
858
851
  );
859
- return /* @__PURE__ */ a(
860
- An,
852
+ return /* @__PURE__ */ s(
853
+ Mt,
861
854
  {
862
855
  in: n,
863
856
  classNames: {
864
- enter: te.enter,
865
- enterActive: te.enterActive,
866
- exitActive: te.exitActive,
867
- exitDone: te.exitDone
857
+ enter: U.enter,
858
+ enterActive: U.enterActive,
859
+ exitActive: U.exitActive,
860
+ exitDone: U.exitDone
868
861
  },
869
- timeout: lr,
870
- nodeRef: m,
862
+ timeout: to,
863
+ nodeRef: p,
871
864
  unmountOnExit: !0,
872
865
  mountOnEnter: !0,
873
- children: /* @__PURE__ */ b(Q, { children: [
874
- d && /* @__PURE__ */ a("div", { className: y("overamp-slide-out-overlay", te.slideOutOverlay) }),
875
- /* @__PURE__ */ a(Nn, { disableOutsidePointerEvents: c, asChild: !0, ...g, children: /* @__PURE__ */ a(
876
- A,
866
+ children: /* @__PURE__ */ _(G, { children: [
867
+ u && /* @__PURE__ */ s("div", { className: $("overamp-slide-out-overlay", U.slideOutOverlay) }),
868
+ /* @__PURE__ */ s(Bt, { disableOutsidePointerEvents: l, asChild: !0, ...m, children: /* @__PURE__ */ s(
869
+ T,
877
870
  {
878
- className: y("overmap-slide-out", e, te.outerContent, {
879
- [te.left]: C,
880
- [te.right]: P
871
+ className: $("overmap-slide-out", o, U.outerContent, {
872
+ [U.left]: g,
873
+ [U.right]: w
881
874
  }),
882
875
  style: { "--slide-out-width": `${f}px` },
883
876
  height: "100%",
884
877
  width: "auto",
885
- position: u,
878
+ position: d,
886
879
  top: "0",
887
880
  bottom: "0",
888
- left: C ? "0" : void 0,
889
- right: P ? "0" : void 0,
890
- ref: m,
891
- children: /* @__PURE__ */ a(
892
- Xe,
881
+ left: g ? "0" : void 0,
882
+ right: w ? "0" : void 0,
883
+ ref: p,
884
+ children: /* @__PURE__ */ s(
885
+ ke,
893
886
  {
894
- className: te.resizable,
887
+ className: U.resizable,
895
888
  defaultSize: { width: f, height: "100%" },
896
- onResize: S,
897
- enable: { right: s && C, left: s && P },
889
+ onResize: C,
890
+ enable: { right: c && g, left: c && w },
898
891
  handleComponent: { left: h, right: h },
899
892
  minWidth: r,
900
- maxWidth: l,
893
+ maxWidth: a,
901
894
  children: i
902
895
  }
903
896
  )
@@ -906,296 +899,296 @@ const Zn = {
906
899
  ] })
907
900
  }
908
901
  );
909
- }), cr = "_accommodateCharCount_yobgh_1", dr = "_wrapper_yobgh_5", ur = "_noLeftIcon_yobgh_14", hr = "_noRightIcon_yobgh_18", pr = "_charCount_yobgh_22", $e = {
910
- accommodateCharCount: cr,
911
- wrapper: dr,
902
+ }), no = "_accommodateCharCount_yobgh_1", oo = "_wrapper_yobgh_5", ro = "_noLeftIcon_yobgh_14", io = "_noRightIcon_yobgh_18", co = "_charCount_yobgh_22", ne = {
903
+ accommodateCharCount: no,
904
+ wrapper: oo,
912
905
  default: "_default_yobgh_10",
913
- noLeftIcon: ur,
914
- noRightIcon: hr,
915
- charCount: pr
916
- }, mr = x(function({
917
- className: e,
906
+ noLeftIcon: ro,
907
+ noRightIcon: io,
908
+ charCount: co
909
+ }, so = x(function({
910
+ className: o,
918
911
  leftSlot: n,
919
- rightSlot: o,
912
+ rightSlot: t,
920
913
  size: i = "medium",
921
914
  showInputLength: r,
922
- value: l,
923
- variant: s,
924
- severity: d = "primary",
925
- ...c
915
+ value: a,
916
+ variant: c,
917
+ severity: u = "primary",
918
+ ...l
926
919
  }, h) {
927
- const u = ce(i, Te), g = O(d), m = r || r === void 0 && c.maxLength !== void 0, f = l !== void 0 ? l.toString() : void 0;
928
- return /* @__PURE__ */ b(
929
- ie.Root,
920
+ const d = X(i, se), m = N(u), p = r || r === void 0 && l.maxLength !== void 0, f = a !== void 0 ? a.toString() : void 0;
921
+ return /* @__PURE__ */ _(
922
+ V.Root,
930
923
  {
931
- className: y($e.wrapper, e, {
932
- [$e.accommodateCharCount]: m
924
+ className: $(ne.wrapper, o, {
925
+ [ne.accommodateCharCount]: p
933
926
  }),
934
- size: u,
935
- variant: s,
936
- color: g,
927
+ size: d,
928
+ variant: c,
929
+ color: m,
937
930
  children: [
938
- n && /* @__PURE__ */ a(ie.Slot, { children: n }),
939
- /* @__PURE__ */ a(
940
- ie.Input,
931
+ n && /* @__PURE__ */ s(V.Slot, { children: n }),
932
+ /* @__PURE__ */ s(
933
+ V.Input,
941
934
  {
942
- className: y($e.default, {
943
- [$e.noLeftIcon]: !n,
944
- [$e.noRightIcon]: !o
935
+ className: $(ne.default, {
936
+ [ne.noLeftIcon]: !n,
937
+ [ne.noRightIcon]: !t
945
938
  }),
946
939
  ref: h,
947
- value: l,
948
- size: u,
949
- variant: s,
950
- color: g,
951
- ...c
940
+ value: a,
941
+ size: d,
942
+ variant: c,
943
+ color: m,
944
+ ...l
952
945
  }
953
946
  ),
954
- o && /* @__PURE__ */ a(ie.Slot, { children: o }),
955
- m && /* @__PURE__ */ a(ze, { as: "p", className: $e.charCount, size: "1", color: "gray", children: c.maxLength !== void 0 ? `${f == null ? void 0 : f.length}/${c.maxLength}` : `${f == null ? void 0 : f.length}` })
947
+ t && /* @__PURE__ */ s(V.Slot, { children: t }),
948
+ p && /* @__PURE__ */ s(he, { as: "p", className: ne.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${f == null ? void 0 : f.length}/${l.maxLength}` : `${f == null ? void 0 : f.length}` })
956
949
  ]
957
950
  }
958
951
  );
959
- }), fr = H.memo(mr), gr = "_wrapper_tmtz0_1", Cr = {
960
- wrapper: gr
961
- }, br = x(function({ className: e, trigger: n, open: o, onOpenChange: i, defaultOpen: r = !1, modal: l = !1, children: s, ...d }, c) {
962
- return /* @__PURE__ */ b(He.Root, { defaultOpen: r, modal: l, open: o, onOpenChange: i, children: [
963
- /* @__PURE__ */ a(He.Trigger, { children: n }),
964
- /* @__PURE__ */ a(
965
- He.Content,
952
+ }), Jr = z.memo(so), ao = "_wrapper_tmtz0_1", lo = {
953
+ wrapper: ao
954
+ }, uo = x(function({ className: o, trigger: n, open: t, onOpenChange: i, defaultOpen: r = !1, modal: a = !1, children: c, ...u }, l) {
955
+ return /* @__PURE__ */ _(be.Root, { defaultOpen: r, modal: a, open: t, onOpenChange: i, children: [
956
+ /* @__PURE__ */ s(be.Trigger, { children: n }),
957
+ /* @__PURE__ */ s(
958
+ be.Content,
966
959
  {
967
- ref: c,
968
- className: y("overmap-popover", e, Cr.wrapper),
969
- ...d,
970
- children: s(He.Close)
960
+ ref: l,
961
+ className: $("overmap-popover", o, lo.wrapper),
962
+ ...u,
963
+ children: c(be.Close)
971
964
  }
972
965
  )
973
966
  ] });
974
- }), vr = H.memo(br), _r = "_wrapper_1ssf2_1", Sr = "_panelContent_1ssf2_6", $r = "_left_1ssf2_14", yr = "_right_1ssf2_18", xr = "_resizable_1ssf2_23", wr = "_resizeHandle_1ssf2_28", Pr = "_panelMainContent_1ssf2_48", V = {
975
- wrapper: _r,
976
- panelContent: Sr,
977
- left: $r,
978
- right: yr,
979
- resizable: xr,
980
- resizeHandle: wr,
981
- panelMainContent: Pr
982
- }, vt = 200, ae = 150, Ni = w(function({
983
- children: e,
967
+ }), ho = z.memo(uo), po = "_wrapper_1ssf2_1", fo = "_panelContent_1ssf2_6", mo = "_left_1ssf2_14", go = "_right_1ssf2_18", vo = "_resizable_1ssf2_23", Co = "_resizeHandle_1ssf2_28", _o = "_panelMainContent_1ssf2_48", M = {
968
+ wrapper: po,
969
+ panelContent: fo,
970
+ left: mo,
971
+ right: go,
972
+ resizable: vo,
973
+ resizeHandle: Co,
974
+ panelMainContent: _o
975
+ }, Ge = 200, F = 150, ei = b(function({
976
+ children: o,
984
977
  showLeft: n,
985
- leftPanel: o,
986
- leftMinWidth: i = vt,
978
+ leftPanel: t,
979
+ leftMinWidth: i = Ge,
987
980
  showRight: r,
988
- rightPanel: l,
989
- rightMinWidth: s = vt,
990
- resizeable: d
981
+ rightPanel: a,
982
+ rightMinWidth: c = Ge,
983
+ resizeable: u
991
984
  }) {
992
- const c = W(null), h = W(null), [u, g] = k(0), [m, f] = k(), v = W(null), [C, P] = k(0), [S, T] = k(), z = $(
993
- (D, L, F) => (G, De, Le, be) => {
994
- if (!c.current)
985
+ const l = A(null), h = A(null), [d, m] = k(0), [p, f] = k(), v = A(null), [g, w] = k(0), [C, S] = k(), D = y(
986
+ (P, B, L) => (j, Me, Le, Ne) => {
987
+ if (!l.current)
995
988
  return;
996
- const Y = D + be.width;
997
- F(c.current.clientWidth - Y), L(() => Y);
989
+ const ge = P + Ne.width;
990
+ L(l.current.clientWidth - ge), B(() => ge);
998
991
  },
999
992
  []
1000
- ), oe = $(
1001
- (D, L, F, G) => z(u, g, T)(D, L, F, G),
1002
- [z, u]
1003
- ), Be = $(
1004
- (D, L, F, G) => z(C, P, f)(D, L, F, G),
1005
- [z, C]
1006
- ), ge = $(
1007
- (D, L, F, G, De, Le, be, Y) => {
1008
- if (!c.current)
993
+ ), J = y(
994
+ (P, B, L, j) => D(d, m, S)(P, B, L, j),
995
+ [D, d]
996
+ ), Ee = y(
997
+ (P, B, L, j) => D(g, w, f)(P, B, L, j),
998
+ [D, g]
999
+ ), fe = y(
1000
+ (P, B, L, j, Me, Le, Ne, ge) => {
1001
+ if (!l.current)
1009
1002
  return;
1010
- let re = D;
1011
- if (re === 0 && (re = L, F(re)), Le) {
1012
- const Z = c.current.clientWidth - re;
1013
- Y(Z), De > Z && (be(Z), G(c.current.clientWidth - Z));
1003
+ let ve = P;
1004
+ if (ve === 0 && (ve = B, L(ve)), Le) {
1005
+ const Ce = l.current.clientWidth - ve;
1006
+ ge(Ce), Me > Ce && (Ne(Ce), j(l.current.clientWidth - Ce));
1014
1007
  }
1015
1008
  },
1016
1009
  []
1017
- ), de = $(
1018
- () => ge(
1019
- C,
1020
- s,
1021
- P,
1022
- T,
1023
- u,
1024
- n,
1010
+ ), mt = y(
1011
+ () => fe(
1025
1012
  g,
1013
+ c,
1014
+ w,
1015
+ S,
1016
+ d,
1017
+ n,
1018
+ m,
1026
1019
  f
1027
1020
  ),
1028
- [ge, u, s, C, n]
1029
- ), Ye = $(
1030
- () => ge(
1031
- u,
1021
+ [fe, d, c, g, n]
1022
+ ), gt = y(
1023
+ () => fe(
1024
+ d,
1032
1025
  i,
1033
- g,
1026
+ m,
1034
1027
  f,
1035
- C,
1028
+ g,
1036
1029
  r,
1037
- P,
1038
- T
1030
+ w,
1031
+ S
1039
1032
  ),
1040
- [ge, i, u, C, r]
1041
- ), Ce = $(
1042
- (D, L) => {
1043
- c.current && D && L(c.current.clientWidth);
1033
+ [fe, i, d, g, r]
1034
+ ), me = y(
1035
+ (P, B) => {
1036
+ l.current && P && B(l.current.clientWidth);
1044
1037
  },
1045
1038
  []
1046
- ), Ze = $(
1047
- () => Ce(n, f),
1048
- [Ce, n]
1049
- ), ct = $(
1050
- () => Ce(r, T),
1051
- [Ce, r]
1052
- ), Ne = $(() => {
1053
- var D, L, F, G;
1054
- c.current && (f(c.current.clientWidth - (((D = v.current) == null ? void 0 : D.clientWidth) || 0)), T(c.current.clientWidth - (((L = h.current) == null ? void 0 : L.clientWidth) || 0)), g(((F = h.current) == null ? void 0 : F.clientWidth) || 0), P(((G = v.current) == null ? void 0 : G.clientWidth) || 0));
1039
+ ), vt = y(
1040
+ () => me(n, f),
1041
+ [me, n]
1042
+ ), Ct = y(
1043
+ () => me(r, S),
1044
+ [me, r]
1045
+ ), Be = y(() => {
1046
+ var P, B, L, j;
1047
+ l.current && (f(l.current.clientWidth - (((P = v.current) == null ? void 0 : P.clientWidth) || 0)), S(l.current.clientWidth - (((B = h.current) == null ? void 0 : B.clientWidth) || 0)), m(((L = h.current) == null ? void 0 : L.clientWidth) || 0), w(((j = v.current) == null ? void 0 : j.clientWidth) || 0));
1055
1048
  }, []);
1056
- B(() => {
1057
- if (!c.current)
1049
+ O(() => {
1050
+ if (!l.current)
1058
1051
  return;
1059
- const D = new ResizeObserver(Ne);
1060
- return D.observe(c.current), () => {
1061
- D.disconnect();
1052
+ const P = new ResizeObserver(Be);
1053
+ return P.observe(l.current), () => {
1054
+ P.disconnect();
1062
1055
  };
1063
- }, [Ne]);
1064
- const q = M(() => ({
1056
+ }, [Be]);
1057
+ const _t = E(() => ({
1065
1058
  entering: {
1066
- transform: `translateX(-${u}px)`,
1067
- marginRight: `-${u}px`,
1059
+ transform: `translateX(-${d}px)`,
1060
+ marginRight: `-${d}px`,
1068
1061
  transitionProperty: "transform, margin-right",
1069
- transitionDuration: `${ae}ms`,
1062
+ transitionDuration: `${F}ms`,
1070
1063
  transitionTimingFunction: "linear"
1071
1064
  },
1072
1065
  entered: {
1073
1066
  transform: "translateX(0)",
1074
1067
  marginRight: 0,
1075
1068
  transitionProperty: "transform, margin-right",
1076
- transitionDuration: `${ae}ms`,
1069
+ transitionDuration: `${F}ms`,
1077
1070
  transitionTimingFunction: "linear"
1078
1071
  },
1079
1072
  exiting: {
1080
- transform: `translateX(-${u}px)`,
1081
- marginRight: `-${u}px`,
1073
+ transform: `translateX(-${d}px)`,
1074
+ marginRight: `-${d}px`,
1082
1075
  transitionProperty: "transform, margin-right",
1083
- transitionDuration: `${ae}ms`,
1076
+ transitionDuration: `${F}ms`,
1084
1077
  transitionTimingFunction: "linear"
1085
1078
  },
1086
1079
  exited: {},
1087
1080
  unmounted: {}
1088
- }), [u]), Ae = M(() => ({
1081
+ }), [d]), bt = E(() => ({
1089
1082
  entering: {
1090
- transform: `translateX(${C}px)`,
1091
- marginLeft: `${-C}px`,
1083
+ transform: `translateX(${g}px)`,
1084
+ marginLeft: `${-g}px`,
1092
1085
  transitionProperty: "transform, margin-left",
1093
- transitionDuration: `${ae}ms`,
1086
+ transitionDuration: `${F}ms`,
1094
1087
  transitionTimingFunction: "linear"
1095
1088
  },
1096
1089
  entered: {
1097
1090
  transform: "translateX(0)",
1098
1091
  marginLeft: 0,
1099
1092
  transitionProperty: "transform, margin-left",
1100
- transitionDuration: `${ae}ms`,
1093
+ transitionDuration: `${F}ms`,
1101
1094
  transitionTimingFunction: "linear"
1102
1095
  },
1103
1096
  exiting: {
1104
- transform: `translateX(${C}px)`,
1105
- marginLeft: `${-C}px`,
1097
+ transform: `translateX(${g}px)`,
1098
+ marginLeft: `${-g}px`,
1106
1099
  transitionProperty: "transform, margin-left",
1107
- transitionDuration: `${ae}ms`,
1100
+ transitionDuration: `${F}ms`,
1108
1101
  transitionTimingFunction: "linear"
1109
1102
  },
1110
1103
  exited: {},
1111
1104
  unmounted: {}
1112
- }), [C]);
1113
- return /* @__PURE__ */ b(
1114
- A,
1105
+ }), [g]);
1106
+ return /* @__PURE__ */ _(
1107
+ T,
1115
1108
  {
1116
- className: V.wrapper,
1117
- style: { minWidth: `${i + s}px` },
1118
- ref: c,
1109
+ className: M.wrapper,
1110
+ style: { minWidth: `${i + c}px` },
1111
+ ref: l,
1119
1112
  width: "100%",
1120
1113
  height: "100%",
1121
1114
  justify: "center",
1122
1115
  m: "0",
1123
1116
  p: "0",
1124
1117
  children: [
1125
- /* @__PURE__ */ a(
1126
- mt,
1118
+ /* @__PURE__ */ s(
1119
+ He,
1127
1120
  {
1128
1121
  nodeRef: h,
1129
- timeout: n ? 0 : ae,
1122
+ timeout: n ? 0 : F,
1130
1123
  in: n,
1131
1124
  unmountOnExit: !0,
1132
- onEntering: Ye,
1133
- onExited: ct,
1134
- children: (D) => /* @__PURE__ */ a(
1135
- X,
1125
+ onEntering: gt,
1126
+ onExited: Ct,
1127
+ children: (P) => /* @__PURE__ */ s(
1128
+ H,
1136
1129
  {
1137
1130
  ref: h,
1138
- className: y(V.panelContent, V.left),
1139
- style: q[D],
1131
+ className: $(M.panelContent, M.left),
1132
+ style: _t[P],
1140
1133
  width: "auto",
1141
1134
  height: "100%",
1142
1135
  m: "0",
1143
1136
  p: "0",
1144
- children: /* @__PURE__ */ a(
1145
- Xe,
1137
+ children: /* @__PURE__ */ s(
1138
+ ke,
1146
1139
  {
1147
- className: V.resizable,
1140
+ className: M.resizable,
1148
1141
  size: {
1149
- width: u,
1142
+ width: d,
1150
1143
  height: "100%"
1151
1144
  },
1152
- onResizeStop: oe,
1153
- enable: { right: (d == null ? void 0 : d.left) !== void 0 ? d.left : !0 },
1145
+ onResizeStop: J,
1146
+ enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
1154
1147
  minWidth: i,
1155
- maxWidth: m,
1156
- handleClasses: { right: y(V.resizeHandle, V.left) },
1148
+ maxWidth: p,
1149
+ handleClasses: { right: $(M.resizeHandle, M.left) },
1157
1150
  handleComponent: {
1158
- right: /* @__PURE__ */ a(Je, { height: "14px", width: "14px" })
1151
+ right: /* @__PURE__ */ s(Se, { height: "14px", width: "14px" })
1159
1152
  },
1160
- children: o
1153
+ children: t
1161
1154
  }
1162
1155
  )
1163
1156
  }
1164
1157
  )
1165
1158
  }
1166
1159
  ),
1167
- /* @__PURE__ */ a("div", { className: V.panelMainContent, children: e }),
1168
- /* @__PURE__ */ a(
1169
- mt,
1160
+ /* @__PURE__ */ s("div", { className: M.panelMainContent, children: o }),
1161
+ /* @__PURE__ */ s(
1162
+ He,
1170
1163
  {
1171
1164
  nodeRef: v,
1172
- timeout: r ? 0 : ae,
1165
+ timeout: r ? 0 : F,
1173
1166
  in: r,
1174
1167
  unmountOnExit: !0,
1175
- onEntering: de,
1176
- onExited: Ze,
1177
- children: (D) => /* @__PURE__ */ a(
1178
- X,
1168
+ onEntering: mt,
1169
+ onExited: vt,
1170
+ children: (P) => /* @__PURE__ */ s(
1171
+ H,
1179
1172
  {
1180
1173
  ref: v,
1181
- className: y(V.panelContent, V.right),
1182
- style: Ae[D],
1174
+ className: $(M.panelContent, M.right),
1175
+ style: bt[P],
1183
1176
  width: "auto",
1184
1177
  height: "100%",
1185
1178
  m: "0",
1186
1179
  p: "0",
1187
- children: /* @__PURE__ */ a(
1188
- Xe,
1180
+ children: /* @__PURE__ */ s(
1181
+ ke,
1189
1182
  {
1190
- className: V.resizable,
1191
- size: { width: C, height: "100%" },
1192
- onResizeStop: Be,
1193
- enable: { left: (d == null ? void 0 : d.right) !== void 0 ? d.right : !0 },
1194
- minWidth: s,
1195
- maxWidth: S,
1196
- handleClasses: { left: y(V.resizeHandle, V.right) },
1197
- handleComponent: { left: /* @__PURE__ */ a(Je, { height: "14px", width: "14px" }) },
1198
- children: l
1183
+ className: M.resizable,
1184
+ size: { width: g, height: "100%" },
1185
+ onResizeStop: Ee,
1186
+ enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
1187
+ minWidth: c,
1188
+ maxWidth: C,
1189
+ handleClasses: { left: $(M.resizeHandle, M.right) },
1190
+ handleComponent: { left: /* @__PURE__ */ s(Se, { height: "14px", width: "14px" }) },
1191
+ children: a
1199
1192
  }
1200
1193
  )
1201
1194
  }
@@ -1205,41 +1198,41 @@ const Zn = {
1205
1198
  ]
1206
1199
  }
1207
1200
  );
1208
- }), kr = "_multiPagePopover_1w3ey_1", Tr = "_light_1w3ey_15", Nr = "_dark_1w3ey_20", Ar = "_pageTitle_1w3ey_28", Dr = "_buttonContainer_1w3ey_33", Ir = "_optionsButtonContainer_1w3ey_38", Mr = "_optionsButton_1w3ey_38", we = {
1209
- multiPagePopover: kr,
1210
- light: Tr,
1211
- dark: Nr,
1212
- pageTitle: Ar,
1213
- buttonContainer: Dr,
1214
- optionsButtonContainer: Ir,
1215
- optionsButton: Mr
1201
+ }), bo = "_multiPagePopover_1w3ey_1", xo = "_light_1w3ey_15", yo = "_dark_1w3ey_20", $o = "_pageTitle_1w3ey_28", wo = "_buttonContainer_1w3ey_33", So = "_optionsButtonContainer_1w3ey_38", ko = "_optionsButton_1w3ey_38", ie = {
1202
+ multiPagePopover: bo,
1203
+ light: xo,
1204
+ dark: yo,
1205
+ pageTitle: $o,
1206
+ buttonContainer: wo,
1207
+ optionsButtonContainer: So,
1208
+ optionsButton: ko
1216
1209
  };
1217
- function Mt(t, e, n, o = 0) {
1218
- if (!t.options)
1219
- return t.content || /* @__PURE__ */ a(Q, {});
1220
- const i = t.options.map((r, l) => /* @__PURE__ */ a(
1221
- ke,
1210
+ function rt(e, o, n, t = 0) {
1211
+ if (!e.options)
1212
+ return e.content || /* @__PURE__ */ s(G, {});
1213
+ const i = e.options.map((r, a) => /* @__PURE__ */ s(
1214
+ Pe,
1222
1215
  {
1223
- className: y(we.optionsButton, r.buttonClassName),
1216
+ className: $(ie.optionsButton, r.buttonClassName),
1224
1217
  variant: "ghost",
1225
1218
  radius: "large",
1226
1219
  style: {
1227
1220
  width: n === "vertical" ? "100%" : "auto"
1228
1221
  },
1229
- onClick: r.onClick || (() => e(
1230
- Mt(r.page || {}, e, n, o + 1)
1222
+ onClick: r.onClick || (() => o(
1223
+ rt(r.page || {}, o, n, t + 1)
1231
1224
  )),
1232
1225
  children: r.label
1233
1226
  },
1234
- `${r.value}-page-${o}-button-${l}`
1227
+ `${r.value}-page-${t}-button-${a}`
1235
1228
  ));
1236
- return /* @__PURE__ */ b(Q, { children: [
1237
- t.title && /* @__PURE__ */ a("div", { className: we.pageTitle, children: t.title }),
1238
- t.content,
1239
- /* @__PURE__ */ a(
1229
+ return /* @__PURE__ */ _(G, { children: [
1230
+ e.title && /* @__PURE__ */ s("div", { className: ie.pageTitle, children: e.title }),
1231
+ e.content,
1232
+ /* @__PURE__ */ s(
1240
1233
  "div",
1241
1234
  {
1242
- className: y(we.optionsButtonContainer, t.buttonsContainerClassName),
1235
+ className: $(ie.optionsButtonContainer, e.buttonsContainerClassName),
1243
1236
  style: {
1244
1237
  flexDirection: n === "vertical" ? "column" : "row"
1245
1238
  },
@@ -1248,103 +1241,103 @@ function Mt(t, e, n, o = 0) {
1248
1241
  )
1249
1242
  ] });
1250
1243
  }
1251
- const Rr = x(function({ page: e, className: n, direction: o = "vertical", color: i = "light", ...r }, l) {
1252
- const [s, d] = k(void 0), c = $(() => {
1253
- d(Mt(e, d, o, 0));
1254
- }, [o, e]), h = $((u) => s, [s]);
1255
- return /* @__PURE__ */ a(
1256
- vr,
1244
+ const Po = x(function({ page: o, className: n, direction: t = "vertical", color: i = "light", ...r }, a) {
1245
+ const [c, u] = k(void 0), l = y(() => {
1246
+ u(rt(o, u, t, 0));
1247
+ }, [t, o]), h = y((d) => c, [c]);
1248
+ return /* @__PURE__ */ s(
1249
+ ho,
1257
1250
  {
1258
- className: y(we.multiPagePopover, i === "light" ? we.light : we.dark, n),
1259
- ref: l,
1260
- onOpenAutoFocus: c,
1261
- onCloseAutoFocus: c,
1251
+ className: $(ie.multiPagePopover, i === "light" ? ie.light : ie.dark, n),
1252
+ ref: a,
1253
+ onOpenAutoFocus: l,
1254
+ onCloseAutoFocus: l,
1262
1255
  ...r,
1263
- children: (u) => h(u)
1256
+ children: (d) => h(d)
1264
1257
  }
1265
1258
  );
1266
- }), Or = H.memo(Rr), zr = "_charCount_17uut_1", Er = {
1267
- charCount: zr
1268
- }, Br = x(function({ className: e, showInputLength: n, inputLengthTemplate: o, value: i, severity: r = "primary", resize: l, ...s }, d) {
1269
- const c = O(r), h = O("info"), u = n || n === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), g = i !== void 0 ? i.toString() : "", m = M(() => {
1270
- if (o) {
1271
- let f = o.replace("{current}", g.length.toString());
1272
- return s.minLength !== void 0 && (f = f.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (f = f.replace("{max}", s.maxLength.toString())), f;
1259
+ }), ti = z.memo(Po), To = "_charCount_17uut_1", No = {
1260
+ charCount: To
1261
+ }, Io = x(function({ className: o, showInputLength: n, inputLengthTemplate: t, value: i, severity: r = "primary", resize: a, ...c }, u) {
1262
+ const l = N(r), h = N("info"), d = n || n === void 0 && (c.maxLength !== void 0 || c.minLength !== void 0), m = i !== void 0 ? i.toString() : "", p = E(() => {
1263
+ if (t) {
1264
+ let f = t.replace("{current}", m.length.toString());
1265
+ return c.minLength !== void 0 && (f = f.replace("{min}", c.minLength.toString())), c.maxLength !== void 0 && (f = f.replace("{max}", c.maxLength.toString())), f;
1273
1266
  }
1274
- return g.length;
1275
- }, [o, s.maxLength, s.minLength, g.length]);
1276
- return /* @__PURE__ */ b(Q, { children: [
1277
- /* @__PURE__ */ a(
1278
- yn,
1267
+ return m.length;
1268
+ }, [t, c.maxLength, c.minLength, m.length]);
1269
+ return /* @__PURE__ */ _(G, { children: [
1270
+ /* @__PURE__ */ s(
1271
+ Ot,
1279
1272
  {
1280
- className: y("overmap-textarea", e),
1281
- style: { resize: l },
1282
- ref: d,
1273
+ className: $("overmap-textarea", o),
1274
+ style: { resize: a },
1275
+ ref: u,
1283
1276
  value: i,
1284
- color: c,
1285
- ...s
1277
+ color: l,
1278
+ ...c
1286
1279
  }
1287
1280
  ),
1288
- u && /* @__PURE__ */ a(ze, { as: "p", className: Er.charCount, color: h, align: "right", children: m })
1281
+ d && /* @__PURE__ */ s(he, { as: "p", className: No.charCount, color: h, align: "right", children: p })
1289
1282
  ] });
1290
- }), Ai = w(Br), Lr = x(function({
1283
+ }), ni = b(Io), Do = x(function({
1291
1284
  // ToggleGroup Primitive Props
1292
- loop: e,
1285
+ loop: o,
1293
1286
  type: n,
1294
- rovingFocus: o,
1287
+ rovingFocus: t,
1295
1288
  value: i,
1296
1289
  onValueChange: r,
1297
- defaultValue: l,
1298
- disabled: s,
1299
- items: d,
1290
+ defaultValue: a,
1291
+ disabled: c,
1292
+ items: u,
1300
1293
  // ButtonGroup Props
1301
- className: c,
1294
+ className: l,
1302
1295
  direction: h = "row",
1303
- ...u
1304
- }, g) {
1305
- return /* @__PURE__ */ a(
1306
- Dn,
1296
+ ...d
1297
+ }, m) {
1298
+ return /* @__PURE__ */ s(
1299
+ Lt,
1307
1300
  {
1308
1301
  type: n,
1309
- className: y("overmap-toggle-group", c),
1310
- ref: g,
1302
+ className: $("overmap-toggle-group", l),
1303
+ ref: m,
1311
1304
  value: i,
1312
1305
  onValueChange: r,
1313
- disabled: s,
1306
+ disabled: c,
1314
1307
  orientation: h === "column" ? "vertical" : "horizontal",
1315
- loop: e,
1316
- rovingFocus: o,
1317
- defaultValue: l,
1308
+ loop: o,
1309
+ rovingFocus: t,
1310
+ defaultValue: a,
1318
1311
  asChild: !0,
1319
- children: /* @__PURE__ */ a(At, { direction: h, ...u, children: d.map(({ children: m, ...f }) => /* @__PURE__ */ j(In, { asChild: !0, ...f, key: f.value }, /* @__PURE__ */ a(
1320
- ne,
1312
+ children: /* @__PURE__ */ s(tt, { direction: h, ...d, children: u.map(({ children: p, ...f }) => /* @__PURE__ */ R(Wt, { asChild: !0, ...f, key: f.value }, /* @__PURE__ */ s(
1313
+ et,
1321
1314
  {
1322
- className: y("overmap-toggle-group-button"),
1315
+ className: $("overmap-toggle-group-button"),
1323
1316
  "aria-label": f.value,
1324
1317
  variant: f.value === i ? "solid" : "soft",
1325
- children: m
1318
+ children: p
1326
1319
  }
1327
1320
  ))) })
1328
1321
  }
1329
1322
  );
1330
- }), Di = w(Lr), Fr = {
1323
+ }), oi = b(Do), Oo = {
1331
1324
  default: "_default_xqvoc_1"
1332
- }, Ur = w(
1333
- x(({ className: t, minContentGap: e = "2", children: n, ...o }, i) => /* @__PURE__ */ a(
1334
- Mn,
1325
+ }, Ao = b(
1326
+ x(({ className: e, minContentGap: o = "2", children: n, ...t }, i) => /* @__PURE__ */ s(
1327
+ Ht,
1335
1328
  {
1336
- className: y(t, "overmap-toolbar", Fr.default),
1329
+ className: $(e, "overmap-toolbar", Oo.default),
1337
1330
  ref: i,
1338
1331
  asChild: !0,
1339
- ...o,
1340
- children: /* @__PURE__ */ a(J, { grow: "1", width: "100%", height: "max-content", align: "center", gap: e, wrap: "nowrap", children: n })
1332
+ ...t,
1333
+ children: /* @__PURE__ */ s(W, { grow: "1", width: "100%", height: "max-content", align: "center", gap: o, wrap: "nowrap", children: n })
1341
1334
  }
1342
1335
  ))
1343
- ), Hr = w(
1344
- x(({ children: t, gap: e = "2" }, n) => /* @__PURE__ */ a(J, { ref: n, grow: "1", width: "max-content", height: "100%", align: "center", gap: e, children: t }))
1345
- ), Wr = w(
1346
- x(({ children: t, gap: e }, n) => /* @__PURE__ */ a(
1347
- J,
1336
+ ), zo = b(
1337
+ x(({ children: e, gap: o = "2" }, n) => /* @__PURE__ */ s(W, { ref: n, grow: "1", width: "max-content", height: "100%", align: "center", gap: o, children: e }))
1338
+ ), Ro = b(
1339
+ x(({ children: e, gap: o }, n) => /* @__PURE__ */ s(
1340
+ W,
1348
1341
  {
1349
1342
  ref: n,
1350
1343
  grow: "1",
@@ -1352,364 +1345,364 @@ const Rr = x(function({ page: e, className: n, direction: o = "vertical", color:
1352
1345
  direction: "row-reverse",
1353
1346
  height: "100%",
1354
1347
  align: "center",
1355
- gap: e || "2",
1356
- children: t
1348
+ gap: o || "2",
1349
+ children: e
1357
1350
  }
1358
1351
  ))
1359
- ), Ii = {
1360
- Root: Ur,
1361
- LeftContent: Hr,
1362
- RightContent: Wr
1363
- }, jr = "_ToastViewport_1i6bp_1", Vr = "_actionButton_1i6bp_20", qr = "_ToastRoot_1i6bp_24", Gr = "_slideIn_1i6bp_1", Kr = "_swipeOut_1i6bp_1", ot = {
1364
- ToastViewport: jr,
1365
- actionButton: Vr,
1366
- ToastRoot: qr,
1367
- slideIn: Gr,
1368
- swipeOut: Kr
1369
- }, Jr = x(function({ title: e, description: n, icon: o, severity: i = "primary", size: r, onClose: l, sensitivity: s, action: d, ...c }, h) {
1370
- const [u, g] = k(!0), m = O(i), f = $(
1352
+ ), ri = {
1353
+ Root: Ao,
1354
+ LeftContent: zo,
1355
+ RightContent: Ro
1356
+ }, Eo = "_ToastViewport_1i6bp_1", Bo = "_actionButton_1i6bp_20", Mo = "_ToastRoot_1i6bp_24", Lo = "_slideIn_1i6bp_1", Wo = "_swipeOut_1i6bp_1", De = {
1357
+ ToastViewport: Eo,
1358
+ actionButton: Bo,
1359
+ ToastRoot: Mo,
1360
+ slideIn: Lo,
1361
+ swipeOut: Wo
1362
+ }, Ho = x(function({ title: o, description: n, icon: t, severity: i = "primary", size: r, onClose: a, sensitivity: c, action: u, ...l }, h) {
1363
+ const [d, m] = k(!0), p = N(i), f = y(
1371
1364
  (v) => {
1372
- !v && l && l(), g(v);
1365
+ !v && a && a(), m(v);
1373
1366
  },
1374
- [l]
1367
+ [a]
1375
1368
  );
1376
- return /* @__PURE__ */ a(Me.Root, { asChild: !0, ref: h, ...c, open: u, type: s, onOpenChange: f, children: /* @__PURE__ */ a(We.Root, { className: ot.ToastRoot, variant: "surface", color: m, size: r, children: /* @__PURE__ */ b(A, { width: "100%", align: "center", gap: "4", justify: "between", children: [
1377
- /* @__PURE__ */ b(A, { align: "center", gap: "3", children: [
1378
- /* @__PURE__ */ a(We.Icon, { children: o }),
1379
- /* @__PURE__ */ b(A, { direction: "column", gap: "2", children: [
1380
- /* @__PURE__ */ b(A, { direction: "column", gap: "0", children: [
1381
- /* @__PURE__ */ a(Me.Title, { asChild: !0, children: /* @__PURE__ */ a(We.Text, { size: "3", weight: "medium", children: e }) }),
1382
- /* @__PURE__ */ a(Me.Description, { asChild: !0, children: /* @__PURE__ */ a(We.Text, { children: n }) })
1369
+ return /* @__PURE__ */ s(le.Root, { asChild: !0, ref: h, ...l, open: d, type: c, onOpenChange: f, children: /* @__PURE__ */ s(xe.Root, { className: De.ToastRoot, variant: "surface", color: p, size: r, children: /* @__PURE__ */ _(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
1370
+ /* @__PURE__ */ _(T, { align: "center", gap: "3", children: [
1371
+ /* @__PURE__ */ s(xe.Icon, { children: t }),
1372
+ /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
1373
+ /* @__PURE__ */ _(T, { direction: "column", gap: "0", children: [
1374
+ /* @__PURE__ */ s(le.Title, { asChild: !0, children: /* @__PURE__ */ s(xe.Text, { size: "3", weight: "medium", children: o }) }),
1375
+ /* @__PURE__ */ s(le.Description, { asChild: !0, children: /* @__PURE__ */ s(xe.Text, { children: n }) })
1383
1376
  ] }),
1384
- d && /* @__PURE__ */ a(Me.Action, { className: ot.actionButton, altText: d.altText, asChild: !0, children: d.content })
1377
+ u && /* @__PURE__ */ s(le.Action, { className: De.actionButton, altText: u.altText, asChild: !0, children: u.content })
1385
1378
  ] })
1386
1379
  ] }),
1387
- /* @__PURE__ */ a(Me.Close, { asChild: !0, children: /* @__PURE__ */ a(ne, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ a(yt, {}) }) })
1380
+ /* @__PURE__ */ s(le.Close, { asChild: !0, children: /* @__PURE__ */ s(et, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ s(yt, {}) }) })
1388
1381
  ] }) }) });
1389
- }), Xr = w(Jr), Rt = Pe({}), Mi = () => {
1390
- const t = Ee(Rt);
1391
- if (!t)
1382
+ }), jo = b(Ho), it = ce({}), ii = () => {
1383
+ const e = pe(it);
1384
+ if (!e)
1392
1385
  throw new Error("useToast must be used within a ToastProvider");
1393
- return t;
1394
- }, Qr = 240 / 60, _t = 5e3, Yr = (t) => {
1395
- if (t.duration && t.duration >= _t)
1396
- return t.duration;
1397
- const e = t.severity === "danger" ? 1.5 : 1, n = t.description.split(" ").length + t.title.split(" ").length;
1398
- return (_t + n / Qr) * e;
1386
+ return e;
1387
+ }, Uo = 240 / 60, Fe = 5e3, Go = (e) => {
1388
+ if (e.duration && e.duration >= Fe)
1389
+ return e.duration;
1390
+ const o = e.severity === "danger" ? 1.5 : 1, n = e.description.split(" ").length + e.title.split(" ").length;
1391
+ return (Fe + n / Uo) * o;
1399
1392
  };
1400
- let Zr;
1401
- const Ri = w(function({
1402
- children: e,
1393
+ let Fo;
1394
+ const ci = b(function({
1395
+ children: o,
1403
1396
  // Use this class to change where the viewport for the toasts should be
1404
1397
  className: n,
1405
- hotkey: o,
1398
+ hotkey: t,
1406
1399
  ...i
1407
1400
  }) {
1408
- const [r, l] = k([]), s = $((c, h, u) => {
1409
- l((g) => {
1410
- const m = g.find((f) => f.id === c);
1411
- return m && h === 0 && clearTimeout(m.timeout), g.filter((f) => f.id !== c);
1412
- }), u && u();
1413
- }, []), d = M(() => {
1414
- let c = 0;
1401
+ const [r, a] = k([]), c = y((l, h, d) => {
1402
+ a((m) => {
1403
+ const p = m.find((f) => f.id === l);
1404
+ return p && h === 0 && clearTimeout(p.timeout), m.filter((f) => f.id !== l);
1405
+ }), d && d();
1406
+ }, []), u = E(() => {
1407
+ let l = 0;
1415
1408
  const h = (v) => {
1416
- const C = Yr(v), P = c.toString();
1417
- c += 1;
1418
- const S = setTimeout(() => s(P, 1, v.onClose), C);
1419
- l((T) => [...T, { ...v, timeout: S, duration: C, id: P }]);
1420
- }, u = (v) => h({ ...v, severity: "primary" }), g = (v) => h({ ...v, severity: "success" }), m = (v) => h({ ...v, severity: "danger" }), f = (v) => h({ ...v, severity: "info" });
1421
- return Zr = h, {
1409
+ const g = Go(v), w = l.toString();
1410
+ l += 1;
1411
+ const C = setTimeout(() => c(w, 1, v.onClose), g);
1412
+ a((S) => [...S, { ...v, timeout: C, duration: g, id: w }]);
1413
+ }, d = (v) => h({ ...v, severity: "primary" }), m = (v) => h({ ...v, severity: "success" }), p = (v) => h({ ...v, severity: "danger" }), f = (v) => h({ ...v, severity: "info" });
1414
+ return Fo = h, {
1422
1415
  showToast: h,
1423
- showPrimary: u,
1424
- showSuccess: g,
1425
- showError: m,
1416
+ showPrimary: d,
1417
+ showSuccess: m,
1418
+ showError: p,
1426
1419
  showInfo: f
1427
1420
  };
1428
- }, [s]);
1429
- return B(() => () => {
1430
- for (const { timeout: c } of r)
1431
- clearTimeout(c);
1432
- }, []), /* @__PURE__ */ a(Rt.Provider, { value: d, children: /* @__PURE__ */ b(Rn, { ...i, children: [
1433
- e,
1434
- /* @__PURE__ */ a(On, { className: y(n, ot.ToastViewport), hotkey: o }),
1435
- r.map(({ id: c, onClose: h, ...u }) => /* @__PURE__ */ a(Xr, { ...u, onClose: () => s(c, 0, h) }, c))
1421
+ }, [c]);
1422
+ return O(() => () => {
1423
+ for (const { timeout: l } of r)
1424
+ clearTimeout(l);
1425
+ }, []), /* @__PURE__ */ s(it.Provider, { value: u, children: /* @__PURE__ */ _(jt, { ...i, children: [
1426
+ o,
1427
+ /* @__PURE__ */ s(Ut, { className: $(n, De.ToastViewport), hotkey: t }),
1428
+ r.map(({ id: l, onClose: h, ...d }) => /* @__PURE__ */ s(jo, { ...d, onClose: () => c(l, 0, h) }, l))
1436
1429
  ] }) });
1437
- }), ea = {
1430
+ }), Vo = {
1438
1431
  default: "_default_1odpt_1"
1439
- }, Oi = w(
1440
- x(({ className: t, children: e, content: n, ...o }, i) => /* @__PURE__ */ a(
1441
- xn,
1432
+ }, si = b(
1433
+ x(({ className: e, children: o, content: n, ...t }, i) => /* @__PURE__ */ s(
1434
+ At,
1442
1435
  {
1443
- className: y("overmap-tooltip", t, ea.default),
1436
+ className: $("overmap-tooltip", e, Vo.default),
1444
1437
  ref: i,
1445
- content: /* @__PURE__ */ a(A, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
1446
- ...o,
1447
- children: e
1438
+ content: /* @__PURE__ */ s(T, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
1439
+ ...t,
1440
+ children: o
1448
1441
  }
1449
1442
  ))
1450
- ), ta = "_noWrap_1wpa5_1", na = {
1451
- noWrap: ta
1452
- }, nt = w(
1453
- x(({ className: t, noWrap: e, severity: n, as: o, ...i }, r) => {
1454
- const l = O(n);
1455
- return /* @__PURE__ */ a(
1456
- ze,
1443
+ ), Ko = "_noWrap_1wpa5_1", qo = {
1444
+ noWrap: Ko
1445
+ }, ai = b(
1446
+ x(({ className: e, noWrap: o, severity: n, as: t, ...i }, r) => {
1447
+ const a = N(n);
1448
+ return /* @__PURE__ */ s(
1449
+ he,
1457
1450
  {
1458
1451
  ref: r,
1459
- as: o,
1460
- className: y(t, { [na.noWrap]: e }),
1461
- color: l,
1452
+ as: t,
1453
+ className: $(e, { [qo.noWrap]: o }),
1454
+ color: a,
1462
1455
  ...i
1463
1456
  }
1464
1457
  );
1465
1458
  })
1466
1459
  );
1467
- const zi = w(
1468
- x((t, e) => {
1469
- const { panelBackground: n = "solid", radius: o = "full", ...i } = t;
1470
- return /* @__PURE__ */ a(wn, { panelBackground: n, radius: o, ref: e, ...i });
1460
+ const li = b(
1461
+ x((e, o) => {
1462
+ const { panelBackground: n = "solid", radius: t = "full", ...i } = e;
1463
+ return /* @__PURE__ */ s(zt, { panelBackground: n, radius: t, ref: o, ...i });
1471
1464
  })
1472
- ), oa = {
1465
+ ), Xo = {
1473
1466
  1: "max-content",
1474
1467
  2: "max-content",
1475
1468
  3: "max-content",
1476
1469
  4: "100%"
1477
- }, ra = x(function({ severity: e = "info", weight: n = "light", gap: o = "1", text: i, orientation: r = "horizontal", size: l, ...s }, d) {
1478
- const c = ce(l, oa), h = O(e);
1479
- return /* @__PURE__ */ b(
1480
- A,
1470
+ }, Qo = x(function({ severity: o = "info", weight: n = "light", gap: t = "1", text: i, orientation: r = "horizontal", size: a, ...c }, u) {
1471
+ const l = X(a, Xo), h = N(o);
1472
+ return /* @__PURE__ */ _(
1473
+ T,
1481
1474
  {
1482
- ref: d,
1483
- width: r === "horizontal" ? c : "max-content",
1484
- height: r === "vertical" ? c : "max-content",
1475
+ ref: u,
1476
+ width: r === "horizontal" ? l : "max-content",
1477
+ height: r === "vertical" ? l : "max-content",
1485
1478
  direction: r === "vertical" ? "column" : "row",
1486
1479
  align: "center",
1487
- gap: o,
1480
+ gap: t,
1488
1481
  children: [
1489
- /* @__PURE__ */ a(pt, { size: l, orientation: r, color: h, ...s }),
1490
- i && /* @__PURE__ */ b(Q, { children: [
1491
- /* @__PURE__ */ a(ze, { as: "span", size: "1", weight: n, color: h, children: i }),
1492
- /* @__PURE__ */ a(pt, { size: l, orientation: r, color: h, ...s })
1482
+ /* @__PURE__ */ s(We, { size: a, orientation: r, color: h, ...c }),
1483
+ i && /* @__PURE__ */ _(G, { children: [
1484
+ /* @__PURE__ */ s(he, { as: "span", size: "1", weight: n, color: h, children: i }),
1485
+ /* @__PURE__ */ s(We, { size: a, orientation: r, color: h, ...c })
1493
1486
  ] })
1494
1487
  ]
1495
1488
  }
1496
1489
  );
1497
- }), Ei = w(ra);
1498
- function le() {
1499
- return le = Object.assign ? Object.assign.bind() : function(t) {
1500
- for (var e = 1; e < arguments.length; e++) {
1501
- var n = arguments[e];
1502
- for (var o in n)
1503
- Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
1490
+ }), ui = b(Qo);
1491
+ function q() {
1492
+ return q = Object.assign ? Object.assign.bind() : function(e) {
1493
+ for (var o = 1; o < arguments.length; o++) {
1494
+ var n = arguments[o];
1495
+ for (var t in n)
1496
+ Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
1504
1497
  }
1505
- return t;
1506
- }, le.apply(this, arguments);
1498
+ return e;
1499
+ }, q.apply(this, arguments);
1507
1500
  }
1508
- function aa(t, e) {
1509
- typeof t == "function" ? t(e) : t != null && (t.current = e);
1501
+ function Yo(e, o) {
1502
+ typeof e == "function" ? e(o) : e != null && (e.current = o);
1510
1503
  }
1511
- function Ot(...t) {
1512
- return (e) => t.forEach(
1513
- (n) => aa(n, e)
1504
+ function ct(...e) {
1505
+ return (o) => e.forEach(
1506
+ (n) => Yo(n, o)
1514
1507
  );
1515
1508
  }
1516
- function zt(...t) {
1517
- return $(Ot(...t), t);
1509
+ function st(...e) {
1510
+ return y(ct(...e), e);
1518
1511
  }
1519
- function ia(t, e = []) {
1512
+ function Zo(e, o = []) {
1520
1513
  let n = [];
1521
- function o(r, l) {
1522
- const s = /* @__PURE__ */ Pe(l), d = n.length;
1514
+ function t(r, a) {
1515
+ const c = /* @__PURE__ */ ce(a), u = n.length;
1523
1516
  n = [
1524
1517
  ...n,
1525
- l
1518
+ a
1526
1519
  ];
1527
- function c(u) {
1528
- const { scope: g, children: m, ...f } = u, v = (g == null ? void 0 : g[t][d]) || s, C = M(
1520
+ function l(d) {
1521
+ const { scope: m, children: p, ...f } = d, v = (m == null ? void 0 : m[e][u]) || c, g = E(
1529
1522
  () => f,
1530
1523
  Object.values(f)
1531
1524
  );
1532
- return /* @__PURE__ */ j(v.Provider, {
1533
- value: C
1534
- }, m);
1525
+ return /* @__PURE__ */ R(v.Provider, {
1526
+ value: g
1527
+ }, p);
1535
1528
  }
1536
- function h(u, g) {
1537
- const m = (g == null ? void 0 : g[t][d]) || s, f = Ee(m);
1529
+ function h(d, m) {
1530
+ const p = (m == null ? void 0 : m[e][u]) || c, f = pe(p);
1538
1531
  if (f)
1539
1532
  return f;
1540
- if (l !== void 0)
1541
- return l;
1542
- throw new Error(`\`${u}\` must be used within \`${r}\``);
1533
+ if (a !== void 0)
1534
+ return a;
1535
+ throw new Error(`\`${d}\` must be used within \`${r}\``);
1543
1536
  }
1544
- return c.displayName = r + "Provider", [
1545
- c,
1537
+ return l.displayName = r + "Provider", [
1538
+ l,
1546
1539
  h
1547
1540
  ];
1548
1541
  }
1549
1542
  const i = () => {
1550
- const r = n.map((l) => /* @__PURE__ */ Pe(l));
1551
- return function(s) {
1552
- const d = (s == null ? void 0 : s[t]) || r;
1553
- return M(
1543
+ const r = n.map((a) => /* @__PURE__ */ ce(a));
1544
+ return function(c) {
1545
+ const u = (c == null ? void 0 : c[e]) || r;
1546
+ return E(
1554
1547
  () => ({
1555
- [`__scope${t}`]: {
1556
- ...s,
1557
- [t]: d
1548
+ [`__scope${e}`]: {
1549
+ ...c,
1550
+ [e]: u
1558
1551
  }
1559
1552
  }),
1560
1553
  [
1561
- s,
1562
- d
1554
+ c,
1555
+ u
1563
1556
  ]
1564
1557
  );
1565
1558
  };
1566
1559
  };
1567
- return i.scopeName = t, [
1568
- o,
1569
- sa(i, ...e)
1560
+ return i.scopeName = e, [
1561
+ t,
1562
+ Jo(i, ...o)
1570
1563
  ];
1571
1564
  }
1572
- function sa(...t) {
1573
- const e = t[0];
1574
- if (t.length === 1)
1575
- return e;
1565
+ function Jo(...e) {
1566
+ const o = e[0];
1567
+ if (e.length === 1)
1568
+ return o;
1576
1569
  const n = () => {
1577
- const o = t.map(
1570
+ const t = e.map(
1578
1571
  (i) => ({
1579
1572
  useScope: i(),
1580
1573
  scopeName: i.scopeName
1581
1574
  })
1582
1575
  );
1583
1576
  return function(r) {
1584
- const l = o.reduce((s, { useScope: d, scopeName: c }) => {
1585
- const u = d(r)[`__scope${c}`];
1577
+ const a = t.reduce((c, { useScope: u, scopeName: l }) => {
1578
+ const d = u(r)[`__scope${l}`];
1586
1579
  return {
1587
- ...s,
1588
- ...u
1580
+ ...c,
1581
+ ...d
1589
1582
  };
1590
1583
  }, {});
1591
- return M(
1584
+ return E(
1592
1585
  () => ({
1593
- [`__scope${e.scopeName}`]: l
1586
+ [`__scope${o.scopeName}`]: a
1594
1587
  }),
1595
1588
  [
1596
- l
1589
+ a
1597
1590
  ]
1598
1591
  );
1599
1592
  };
1600
1593
  };
1601
- return n.scopeName = e.scopeName, n;
1594
+ return n.scopeName = o.scopeName, n;
1602
1595
  }
1603
- function St(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
1596
+ function Ve(e, o, { checkForDefaultPrevented: n = !0 } = {}) {
1604
1597
  return function(i) {
1605
- if (t == null || t(i), n === !1 || !i.defaultPrevented)
1606
- return e == null ? void 0 : e(i);
1598
+ if (e == null || e(i), n === !1 || !i.defaultPrevented)
1599
+ return o == null ? void 0 : o(i);
1607
1600
  };
1608
1601
  }
1609
- function Et(t) {
1610
- const e = W(t);
1611
- return B(() => {
1612
- e.current = t;
1613
- }), M(
1602
+ function at(e) {
1603
+ const o = A(e);
1604
+ return O(() => {
1605
+ o.current = e;
1606
+ }), E(
1614
1607
  () => (...n) => {
1615
- var o;
1616
- return (o = e.current) === null || o === void 0 ? void 0 : o.call(e, ...n);
1608
+ var t;
1609
+ return (t = o.current) === null || t === void 0 ? void 0 : t.call(o, ...n);
1617
1610
  },
1618
1611
  []
1619
1612
  );
1620
1613
  }
1621
- function la({ prop: t, defaultProp: e, onChange: n = () => {
1614
+ function er({ prop: e, defaultProp: o, onChange: n = () => {
1622
1615
  } }) {
1623
- const [o, i] = ca({
1624
- defaultProp: e,
1616
+ const [t, i] = tr({
1617
+ defaultProp: o,
1625
1618
  onChange: n
1626
- }), r = t !== void 0, l = r ? t : o, s = Et(n), d = $((c) => {
1619
+ }), r = e !== void 0, a = r ? e : t, c = at(n), u = y((l) => {
1627
1620
  if (r) {
1628
- const u = typeof c == "function" ? c(t) : c;
1629
- u !== t && s(u);
1621
+ const d = typeof l == "function" ? l(e) : l;
1622
+ d !== e && c(d);
1630
1623
  } else
1631
- i(c);
1624
+ i(l);
1632
1625
  }, [
1633
1626
  r,
1634
- t,
1627
+ e,
1635
1628
  i,
1636
- s
1629
+ c
1637
1630
  ]);
1638
1631
  return [
1639
- l,
1640
- d
1632
+ a,
1633
+ u
1641
1634
  ];
1642
1635
  }
1643
- function ca({ defaultProp: t, onChange: e }) {
1644
- const n = k(t), [o] = n, i = W(o), r = Et(e);
1645
- return B(() => {
1646
- i.current !== o && (r(o), i.current = o);
1636
+ function tr({ defaultProp: e, onChange: o }) {
1637
+ const n = k(e), [t] = n, i = A(t), r = at(o);
1638
+ return O(() => {
1639
+ i.current !== t && (r(t), i.current = t);
1647
1640
  }, [
1648
- o,
1641
+ t,
1649
1642
  i,
1650
1643
  r
1651
1644
  ]), n;
1652
1645
  }
1653
- function da(t) {
1654
- const e = W({
1655
- value: t,
1656
- previous: t
1646
+ function nr(e) {
1647
+ const o = A({
1648
+ value: e,
1649
+ previous: e
1657
1650
  });
1658
- return M(() => (e.current.value !== t && (e.current.previous = e.current.value, e.current.value = t), e.current.previous), [
1659
- t
1651
+ return E(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
1652
+ e
1660
1653
  ]);
1661
1654
  }
1662
- const rt = globalThis != null && globalThis.document ? it : () => {
1655
+ const Oe = globalThis != null && globalThis.document ? ze : () => {
1663
1656
  };
1664
- function ua(t) {
1665
- const [e, n] = k(void 0);
1666
- return rt(() => {
1667
- if (t) {
1657
+ function or(e) {
1658
+ const [o, n] = k(void 0);
1659
+ return Oe(() => {
1660
+ if (e) {
1668
1661
  n({
1669
- width: t.offsetWidth,
1670
- height: t.offsetHeight
1662
+ width: e.offsetWidth,
1663
+ height: e.offsetHeight
1671
1664
  });
1672
- const o = new ResizeObserver((i) => {
1665
+ const t = new ResizeObserver((i) => {
1673
1666
  if (!Array.isArray(i) || !i.length)
1674
1667
  return;
1675
1668
  const r = i[0];
1676
- let l, s;
1669
+ let a, c;
1677
1670
  if ("borderBoxSize" in r) {
1678
- const d = r.borderBoxSize, c = Array.isArray(d) ? d[0] : d;
1679
- l = c.inlineSize, s = c.blockSize;
1671
+ const u = r.borderBoxSize, l = Array.isArray(u) ? u[0] : u;
1672
+ a = l.inlineSize, c = l.blockSize;
1680
1673
  } else
1681
- l = t.offsetWidth, s = t.offsetHeight;
1674
+ a = e.offsetWidth, c = e.offsetHeight;
1682
1675
  n({
1683
- width: l,
1684
- height: s
1676
+ width: a,
1677
+ height: c
1685
1678
  });
1686
1679
  });
1687
- return o.observe(t, {
1680
+ return t.observe(e, {
1688
1681
  box: "border-box"
1689
- }), () => o.unobserve(t);
1682
+ }), () => t.unobserve(e);
1690
1683
  } else
1691
1684
  n(void 0);
1692
1685
  }, [
1693
- t
1694
- ]), e;
1686
+ e
1687
+ ]), o;
1695
1688
  }
1696
- function ha(t, e) {
1697
- return kn((n, o) => {
1698
- const i = e[n][o];
1689
+ function rr(e, o) {
1690
+ return Rt((n, t) => {
1691
+ const i = o[n][t];
1699
1692
  return i ?? n;
1700
- }, t);
1693
+ }, e);
1701
1694
  }
1702
- const Bt = (t) => {
1703
- const { present: e, children: n } = t, o = pa(e), i = typeof n == "function" ? n({
1704
- present: o.isPresent
1705
- }) : me.only(n), r = zt(o.ref, i.ref);
1706
- return typeof n == "function" || o.isPresent ? /* @__PURE__ */ Qe(i, {
1695
+ const lt = (e) => {
1696
+ const { present: o, children: n } = e, t = ir(o), i = typeof n == "function" ? n({
1697
+ present: t.isPresent
1698
+ }) : Y.only(n), r = st(t.ref, i.ref);
1699
+ return typeof n == "function" || t.isPresent ? /* @__PURE__ */ Te(i, {
1707
1700
  ref: r
1708
1701
  }) : null;
1709
1702
  };
1710
- Bt.displayName = "Presence";
1711
- function pa(t) {
1712
- const [e, n] = k(), o = W({}), i = W(t), r = W("none"), l = t ? "mounted" : "unmounted", [s, d] = ha(l, {
1703
+ lt.displayName = "Presence";
1704
+ function ir(e) {
1705
+ const [o, n] = k(), t = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [c, u] = rr(a, {
1713
1706
  mounted: {
1714
1707
  UNMOUNT: "unmounted",
1715
1708
  ANIMATION_OUT: "unmountSuspended"
@@ -1722,98 +1715,98 @@ function pa(t) {
1722
1715
  MOUNT: "mounted"
1723
1716
  }
1724
1717
  });
1725
- return B(() => {
1726
- const c = Ge(o.current);
1727
- r.current = s === "mounted" ? c : "none";
1718
+ return O(() => {
1719
+ const l = we(t.current);
1720
+ r.current = c === "mounted" ? l : "none";
1728
1721
  }, [
1729
- s
1730
- ]), rt(() => {
1731
- const c = o.current, h = i.current;
1732
- if (h !== t) {
1733
- const g = r.current, m = Ge(c);
1734
- t ? d("MOUNT") : m === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(h && g !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = t;
1722
+ c
1723
+ ]), Oe(() => {
1724
+ const l = t.current, h = i.current;
1725
+ if (h !== e) {
1726
+ const m = r.current, p = we(l);
1727
+ e ? u("MOUNT") : p === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(h && m !== p ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
1735
1728
  }
1736
1729
  }, [
1737
- t,
1738
- d
1739
- ]), rt(() => {
1740
- if (e) {
1741
- const c = (u) => {
1742
- const m = Ge(o.current).includes(u.animationName);
1743
- u.target === e && m && zn(
1744
- () => d("ANIMATION_END")
1730
+ e,
1731
+ u
1732
+ ]), Oe(() => {
1733
+ if (o) {
1734
+ const l = (d) => {
1735
+ const p = we(t.current).includes(d.animationName);
1736
+ d.target === o && p && Gt(
1737
+ () => u("ANIMATION_END")
1745
1738
  );
1746
- }, h = (u) => {
1747
- u.target === e && (r.current = Ge(o.current));
1739
+ }, h = (d) => {
1740
+ d.target === o && (r.current = we(t.current));
1748
1741
  };
1749
- return e.addEventListener("animationstart", h), e.addEventListener("animationcancel", c), e.addEventListener("animationend", c), () => {
1750
- e.removeEventListener("animationstart", h), e.removeEventListener("animationcancel", c), e.removeEventListener("animationend", c);
1742
+ return o.addEventListener("animationstart", h), o.addEventListener("animationcancel", l), o.addEventListener("animationend", l), () => {
1743
+ o.removeEventListener("animationstart", h), o.removeEventListener("animationcancel", l), o.removeEventListener("animationend", l);
1751
1744
  };
1752
1745
  } else
1753
- d("ANIMATION_END");
1746
+ u("ANIMATION_END");
1754
1747
  }, [
1755
- e,
1756
- d
1748
+ o,
1749
+ u
1757
1750
  ]), {
1758
1751
  isPresent: [
1759
1752
  "mounted",
1760
1753
  "unmountSuspended"
1761
- ].includes(s),
1762
- ref: $((c) => {
1763
- c && (o.current = getComputedStyle(c)), n(c);
1754
+ ].includes(c),
1755
+ ref: y((l) => {
1756
+ l && (t.current = getComputedStyle(l)), n(l);
1764
1757
  }, [])
1765
1758
  };
1766
1759
  }
1767
- function Ge(t) {
1768
- return (t == null ? void 0 : t.animationName) || "none";
1760
+ function we(e) {
1761
+ return (e == null ? void 0 : e.animationName) || "none";
1769
1762
  }
1770
- const Lt = /* @__PURE__ */ x((t, e) => {
1771
- const { children: n, ...o } = t, i = me.toArray(n), r = i.find(fa);
1763
+ const ut = /* @__PURE__ */ x((e, o) => {
1764
+ const { children: n, ...t } = e, i = Y.toArray(n), r = i.find(sr);
1772
1765
  if (r) {
1773
- const l = r.props.children, s = i.map((d) => d === r ? me.count(l) > 1 ? me.only(null) : /* @__PURE__ */ Oe(l) ? l.props.children : null : d);
1774
- return /* @__PURE__ */ j(at, le({}, o, {
1775
- ref: e
1776
- }), /* @__PURE__ */ Oe(l) ? /* @__PURE__ */ Qe(l, void 0, s) : null);
1766
+ const a = r.props.children, c = i.map((u) => u === r ? Y.count(a) > 1 ? Y.only(null) : /* @__PURE__ */ de(a) ? a.props.children : null : u);
1767
+ return /* @__PURE__ */ R(Ae, q({}, t, {
1768
+ ref: o
1769
+ }), /* @__PURE__ */ de(a) ? /* @__PURE__ */ Te(a, void 0, c) : null);
1777
1770
  }
1778
- return /* @__PURE__ */ j(at, le({}, o, {
1779
- ref: e
1771
+ return /* @__PURE__ */ R(Ae, q({}, t, {
1772
+ ref: o
1780
1773
  }), n);
1781
1774
  });
1782
- Lt.displayName = "Slot";
1783
- const at = /* @__PURE__ */ x((t, e) => {
1784
- const { children: n, ...o } = t;
1785
- return /* @__PURE__ */ Oe(n) ? /* @__PURE__ */ Qe(n, {
1786
- ...ga(o, n.props),
1787
- ref: e ? Ot(e, n.ref) : n.ref
1788
- }) : me.count(n) > 1 ? me.only(null) : null;
1775
+ ut.displayName = "Slot";
1776
+ const Ae = /* @__PURE__ */ x((e, o) => {
1777
+ const { children: n, ...t } = e;
1778
+ return /* @__PURE__ */ de(n) ? /* @__PURE__ */ Te(n, {
1779
+ ...ar(t, n.props),
1780
+ ref: o ? ct(o, n.ref) : n.ref
1781
+ }) : Y.count(n) > 1 ? Y.only(null) : null;
1789
1782
  });
1790
- at.displayName = "SlotClone";
1791
- const ma = ({ children: t }) => /* @__PURE__ */ j(Tn, null, t);
1792
- function fa(t) {
1793
- return /* @__PURE__ */ Oe(t) && t.type === ma;
1783
+ Ae.displayName = "SlotClone";
1784
+ const cr = ({ children: e }) => /* @__PURE__ */ R(Et, null, e);
1785
+ function sr(e) {
1786
+ return /* @__PURE__ */ de(e) && e.type === cr;
1794
1787
  }
1795
- function ga(t, e) {
1788
+ function ar(e, o) {
1796
1789
  const n = {
1797
- ...e
1790
+ ...o
1798
1791
  };
1799
- for (const o in e) {
1800
- const i = t[o], r = e[o];
1801
- /^on[A-Z]/.test(o) ? i && r ? n[o] = (...s) => {
1802
- r(...s), i(...s);
1803
- } : i && (n[o] = i) : o === "style" ? n[o] = {
1792
+ for (const t in o) {
1793
+ const i = e[t], r = o[t];
1794
+ /^on[A-Z]/.test(t) ? i && r ? n[t] = (...c) => {
1795
+ r(...c), i(...c);
1796
+ } : i && (n[t] = i) : t === "style" ? n[t] = {
1804
1797
  ...i,
1805
1798
  ...r
1806
- } : o === "className" && (n[o] = [
1799
+ } : t === "className" && (n[t] = [
1807
1800
  i,
1808
1801
  r
1809
1802
  ].filter(Boolean).join(" "));
1810
1803
  }
1811
1804
  return {
1812
- ...t,
1805
+ ...e,
1813
1806
  ...n
1814
1807
  };
1815
1808
  }
1816
- const Ca = [
1809
+ const lr = [
1817
1810
  "a",
1818
1811
  "button",
1819
1812
  "div",
@@ -1830,110 +1823,110 @@ const Ca = [
1830
1823
  "span",
1831
1824
  "svg",
1832
1825
  "ul"
1833
- ], Ft = Ca.reduce((t, e) => {
1834
- const n = /* @__PURE__ */ x((o, i) => {
1835
- const { asChild: r, ...l } = o, s = r ? Lt : e;
1836
- return B(() => {
1826
+ ], dt = lr.reduce((e, o) => {
1827
+ const n = /* @__PURE__ */ x((t, i) => {
1828
+ const { asChild: r, ...a } = t, c = r ? ut : o;
1829
+ return O(() => {
1837
1830
  window[Symbol.for("radix-ui")] = !0;
1838
- }, []), /* @__PURE__ */ j(s, le({}, l, {
1831
+ }, []), /* @__PURE__ */ R(c, q({}, a, {
1839
1832
  ref: i
1840
1833
  }));
1841
1834
  });
1842
- return n.displayName = `Primitive.${e}`, {
1843
- ...t,
1844
- [e]: n
1835
+ return n.displayName = `Primitive.${o}`, {
1836
+ ...e,
1837
+ [o]: n
1845
1838
  };
1846
- }, {}), Ut = "Checkbox", [ba, Bi] = ia(Ut), [va, _a] = ba(Ut), Sa = /* @__PURE__ */ x((t, e) => {
1847
- const { __scopeCheckbox: n, name: o, checked: i, defaultChecked: r, required: l, disabled: s, value: d = "on", onCheckedChange: c, ...h } = t, [u, g] = k(null), m = zt(
1848
- e,
1849
- (T) => g(T)
1850
- ), f = W(!1), v = u ? !!u.closest("form") : !0, [C = !1, P] = la({
1839
+ }, {}), ht = "Checkbox", [ur, di] = Zo(ht), [dr, hr] = ur(ht), pr = /* @__PURE__ */ x((e, o) => {
1840
+ const { __scopeCheckbox: n, name: t, checked: i, defaultChecked: r, required: a, disabled: c, value: u = "on", onCheckedChange: l, ...h } = e, [d, m] = k(null), p = st(
1841
+ o,
1842
+ (S) => m(S)
1843
+ ), f = A(!1), v = d ? !!d.closest("form") : !0, [g = !1, w] = er({
1851
1844
  prop: i,
1852
1845
  defaultProp: r,
1853
- onChange: c
1854
- }), S = W(C);
1855
- return B(() => {
1856
- const T = u == null ? void 0 : u.form;
1857
- if (T) {
1858
- const z = () => P(S.current);
1859
- return T.addEventListener("reset", z), () => T.removeEventListener("reset", z);
1846
+ onChange: l
1847
+ }), C = A(g);
1848
+ return O(() => {
1849
+ const S = d == null ? void 0 : d.form;
1850
+ if (S) {
1851
+ const D = () => w(C.current);
1852
+ return S.addEventListener("reset", D), () => S.removeEventListener("reset", D);
1860
1853
  }
1861
1854
  }, [
1862
- u,
1863
- P
1864
- ]), /* @__PURE__ */ j(va, {
1855
+ d,
1856
+ w
1857
+ ]), /* @__PURE__ */ R(dr, {
1865
1858
  scope: n,
1866
- state: C,
1867
- disabled: s
1868
- }, /* @__PURE__ */ j(Ft.button, le({
1859
+ state: g,
1860
+ disabled: c
1861
+ }, /* @__PURE__ */ R(dt.button, q({
1869
1862
  type: "button",
1870
1863
  role: "checkbox",
1871
- "aria-checked": fe(C) ? "mixed" : C,
1872
- "aria-required": l,
1873
- "data-state": Ht(C),
1874
- "data-disabled": s ? "" : void 0,
1875
- disabled: s,
1876
- value: d
1864
+ "aria-checked": Z(g) ? "mixed" : g,
1865
+ "aria-required": a,
1866
+ "data-state": pt(g),
1867
+ "data-disabled": c ? "" : void 0,
1868
+ disabled: c,
1869
+ value: u
1877
1870
  }, h, {
1878
- ref: m,
1879
- onKeyDown: St(t.onKeyDown, (T) => {
1880
- T.key === "Enter" && T.preventDefault();
1871
+ ref: p,
1872
+ onKeyDown: Ve(e.onKeyDown, (S) => {
1873
+ S.key === "Enter" && S.preventDefault();
1881
1874
  }),
1882
- onClick: St(t.onClick, (T) => {
1883
- P(
1884
- (z) => fe(z) ? !0 : !z
1885
- ), v && (f.current = T.isPropagationStopped(), f.current || T.stopPropagation());
1875
+ onClick: Ve(e.onClick, (S) => {
1876
+ w(
1877
+ (D) => Z(D) ? !0 : !D
1878
+ ), v && (f.current = S.isPropagationStopped(), f.current || S.stopPropagation());
1886
1879
  })
1887
- })), v && /* @__PURE__ */ j(xa, {
1888
- control: u,
1880
+ })), v && /* @__PURE__ */ R(gr, {
1881
+ control: d,
1889
1882
  bubbles: !f.current,
1890
- name: o,
1891
- value: d,
1892
- checked: C,
1893
- required: l,
1894
- disabled: s,
1883
+ name: t,
1884
+ value: u,
1885
+ checked: g,
1886
+ required: a,
1887
+ disabled: c,
1895
1888
  style: {
1896
1889
  transform: "translateX(-100%)"
1897
1890
  }
1898
1891
  }));
1899
- }), $a = "CheckboxIndicator", ya = /* @__PURE__ */ x((t, e) => {
1900
- const { __scopeCheckbox: n, forceMount: o, ...i } = t, r = _a($a, n);
1901
- return /* @__PURE__ */ j(Bt, {
1902
- present: o || fe(r.state) || r.state === !0
1903
- }, /* @__PURE__ */ j(Ft.span, le({
1904
- "data-state": Ht(r.state),
1892
+ }), fr = "CheckboxIndicator", mr = /* @__PURE__ */ x((e, o) => {
1893
+ const { __scopeCheckbox: n, forceMount: t, ...i } = e, r = hr(fr, n);
1894
+ return /* @__PURE__ */ R(lt, {
1895
+ present: t || Z(r.state) || r.state === !0
1896
+ }, /* @__PURE__ */ R(dt.span, q({
1897
+ "data-state": pt(r.state),
1905
1898
  "data-disabled": r.disabled ? "" : void 0
1906
1899
  }, i, {
1907
- ref: e,
1900
+ ref: o,
1908
1901
  style: {
1909
1902
  pointerEvents: "none",
1910
- ...t.style
1903
+ ...e.style
1911
1904
  }
1912
1905
  })));
1913
- }), xa = (t) => {
1914
- const { control: e, checked: n, bubbles: o = !0, ...i } = t, r = W(null), l = da(n), s = ua(e);
1915
- return B(() => {
1916
- const d = r.current, c = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(c, "checked").set;
1917
- if (l !== n && u) {
1918
- const g = new Event("click", {
1919
- bubbles: o
1906
+ }), gr = (e) => {
1907
+ const { control: o, checked: n, bubbles: t = !0, ...i } = e, r = A(null), a = nr(n), c = or(o);
1908
+ return O(() => {
1909
+ const u = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
1910
+ if (a !== n && d) {
1911
+ const m = new Event("click", {
1912
+ bubbles: t
1920
1913
  });
1921
- d.indeterminate = fe(n), u.call(d, fe(n) ? !1 : n), d.dispatchEvent(g);
1914
+ u.indeterminate = Z(n), d.call(u, Z(n) ? !1 : n), u.dispatchEvent(m);
1922
1915
  }
1923
1916
  }, [
1924
- l,
1917
+ a,
1925
1918
  n,
1926
- o
1927
- ]), /* @__PURE__ */ j("input", le({
1919
+ t
1920
+ ]), /* @__PURE__ */ R("input", q({
1928
1921
  type: "checkbox",
1929
1922
  "aria-hidden": !0,
1930
- defaultChecked: fe(n) ? !1 : n
1923
+ defaultChecked: Z(n) ? !1 : n
1931
1924
  }, i, {
1932
1925
  tabIndex: -1,
1933
1926
  ref: r,
1934
1927
  style: {
1935
- ...t.style,
1936
- ...s,
1928
+ ...e.style,
1929
+ ...c,
1937
1930
  position: "absolute",
1938
1931
  pointerEvents: "none",
1939
1932
  opacity: 0,
@@ -1941,831 +1934,172 @@ const Ca = [
1941
1934
  }
1942
1935
  }));
1943
1936
  };
1944
- function fe(t) {
1945
- return t === "indeterminate";
1937
+ function Z(e) {
1938
+ return e === "indeterminate";
1946
1939
  }
1947
- function Ht(t) {
1948
- return fe(t) ? "indeterminate" : t ? "checked" : "unchecked";
1940
+ function pt(e) {
1941
+ return Z(e) ? "indeterminate" : e ? "checked" : "unchecked";
1949
1942
  }
1950
- const wa = Sa, Pa = ya, ka = "_checkboxContainer_pb9za_5", Ta = "_checkbox_pb9za_5", Na = "_checkboxIndicator_pb9za_27", Aa = "_checkboxLabel_pb9za_38", Da = "_noTextHighlight_pb9za_42", Ia = "_checkboxHidden_pb9za_51", ye = {
1951
- checkboxContainer: ka,
1952
- checkbox: Ta,
1953
- checkboxIndicator: Na,
1954
- checkboxLabel: Aa,
1955
- noTextHighlight: Da,
1956
- checkboxHidden: Ia
1957
- }, Ma = x(function({ className: e, labelClassName: n, label: o, checked: i, onCheckedChange: r, ...l }, s) {
1958
- return /* @__PURE__ */ a(Fo, { children: ({ isHovered: d, ...c }) => /* @__PURE__ */ b(A, { className: ye.checkboxContainer, ...c, children: [
1959
- /* @__PURE__ */ a(
1960
- wa,
1943
+ const vr = pr, Cr = mr, _r = "_checkboxContainer_pb9za_5", br = "_checkbox_pb9za_5", xr = "_checkboxIndicator_pb9za_27", yr = "_checkboxLabel_pb9za_38", $r = "_noTextHighlight_pb9za_42", wr = "_checkboxHidden_pb9za_51", oe = {
1944
+ checkboxContainer: _r,
1945
+ checkbox: br,
1946
+ checkboxIndicator: xr,
1947
+ checkboxLabel: yr,
1948
+ noTextHighlight: $r,
1949
+ checkboxHidden: wr
1950
+ }, Sr = x(function({ className: o, labelClassName: n, label: t, checked: i, onCheckedChange: r, ...a }, c) {
1951
+ return /* @__PURE__ */ s(zn, { children: ({ isHovered: u, ...l }) => /* @__PURE__ */ _(T, { className: oe.checkboxContainer, ...l, children: [
1952
+ /* @__PURE__ */ s(
1953
+ vr,
1961
1954
  {
1962
- className: y(
1963
- ye.checkbox,
1964
- !d && !i && ye.checkboxHidden,
1965
- e
1955
+ className: $(
1956
+ oe.checkbox,
1957
+ !u && !i && oe.checkboxHidden,
1958
+ o
1966
1959
  ),
1967
1960
  checked: i,
1968
1961
  onCheckedChange: (h) => {
1969
1962
  r && r(h);
1970
1963
  },
1971
- ref: s,
1972
- ...l,
1973
- children: /* @__PURE__ */ a(Pa, { className: ye.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ a(tn, { width: "13px" }) : /* @__PURE__ */ a($t, {}) })
1964
+ ref: c,
1965
+ ...a,
1966
+ children: /* @__PURE__ */ s(Cr, { className: oe.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ s($t, { width: "13px" }) : /* @__PURE__ */ s(Ke, {}) })
1974
1967
  }
1975
1968
  ),
1976
- o && /* @__PURE__ */ a(
1969
+ t && /* @__PURE__ */ s(
1977
1970
  "div",
1978
1971
  {
1979
- className: y(ye.checkboxLabel, n, ye.noTextHighlight),
1972
+ className: $(oe.checkboxLabel, n, oe.noTextHighlight),
1980
1973
  onClick: () => {
1981
1974
  r && r(!i);
1982
1975
  },
1983
- children: o
1976
+ children: t
1984
1977
  }
1985
1978
  )
1986
1979
  ] }) });
1987
- }), lt = w(Ma);
1988
- lt.displayName = "Checkbox";
1989
- const Ra = w(function({
1990
- className: e,
1980
+ }), ft = b(Sr);
1981
+ ft.displayName = "Checkbox";
1982
+ const hi = b(function({
1983
+ className: o,
1991
1984
  labelClassName: n,
1992
- label: o,
1985
+ label: t,
1993
1986
  onCheckedChange: i,
1994
1987
  children: r,
1995
- ...l
1988
+ ...a
1996
1989
  }) {
1997
- const [s, d] = k(
1998
- H.Children.toArray(r).every((m) => H.isValidElement(m) && m.props.checked) ? !0 : H.Children.toArray(r).some((m) => H.isValidElement(m) && m.props.checked) ? "indeterminate" : !1
1999
- ), [c, h] = k(
2000
- H.Children.map(r, (m) => m.props.checked)
2001
- ), u = (m) => {
2002
- const f = s === "indeterminate" || !m;
2003
- s === "indeterminate" && (m = !1), h(c.map((v) => !f)), i && i(m);
1990
+ const [c, u] = k(
1991
+ z.Children.toArray(r).every((p) => z.isValidElement(p) && p.props.checked) ? !0 : z.Children.toArray(r).some((p) => z.isValidElement(p) && p.props.checked) ? "indeterminate" : !1
1992
+ ), [l, h] = k(
1993
+ z.Children.map(r, (p) => p.props.checked)
1994
+ ), d = (p) => {
1995
+ const f = c === "indeterminate" || !p;
1996
+ c === "indeterminate" && (p = !1), h(l.map((v) => !f)), i && i(p);
2004
1997
  };
2005
- B(() => {
2006
- const m = c.filter((f) => f).length;
2007
- m === 0 ? d(!1) : m === r.length ? d(!0) : d("indeterminate");
2008
- }, [r, c]);
2009
- const g = H.Children.map(
1998
+ O(() => {
1999
+ const p = l.filter((f) => f).length;
2000
+ p === 0 ? u(!1) : p === r.length ? u(!0) : u("indeterminate");
2001
+ }, [r, l]);
2002
+ const m = z.Children.map(
2010
2003
  r,
2011
- (m, f) => H.cloneElement(m, {
2012
- ...m.props,
2013
- checked: c[f],
2004
+ (p, f) => z.cloneElement(p, {
2005
+ ...p.props,
2006
+ checked: l[f],
2014
2007
  onCheckedChange: (v) => {
2015
- const C = [...c];
2016
- C[f] = v, h(C), m.props.onCheckedChange && m.props.onCheckedChange(v);
2008
+ const g = [...l];
2009
+ g[f] = v, h(g), p.props.onCheckedChange && p.props.onCheckedChange(v);
2017
2010
  }
2018
2011
  })
2019
2012
  );
2020
- return /* @__PURE__ */ b(Q, { children: [
2021
- /* @__PURE__ */ a(
2022
- lt,
2013
+ return /* @__PURE__ */ _(G, { children: [
2014
+ /* @__PURE__ */ s(
2015
+ ft,
2023
2016
  {
2024
- className: e,
2017
+ className: o,
2025
2018
  labelClassName: n,
2026
- label: o,
2027
- checked: s,
2028
- onCheckedChange: u,
2029
- ...l
2030
- }
2031
- ),
2032
- g
2033
- ] });
2034
- }), Oa = "_tableContainer_5bdnq_1", za = "_headerContainer_5bdnq_14", Ea = "_tableTopContainer_5bdnq_18", Ba = "_searchContainer_5bdnq_22", La = "_columnFilterSelect_5bdnq_32", Fa = "_table_5bdnq_1", Ua = "_tableHeaderCell_5bdnq_50", Ha = "_tableRow_5bdnq_56", Wa = "_tableCell_5bdnq_71", ja = "_noDataTextContainer_5bdnq_78", Va = "_tableBottomContainer_5bdnq_83", qa = "_rowsPerPageContainer_5bdnq_92", Ga = "_rowsPerPageText_5bdnq_96", Ka = "_paginationContainer_5bdnq_101", U = {
2035
- tableContainer: Oa,
2036
- headerContainer: za,
2037
- tableTopContainer: Ea,
2038
- searchContainer: Ba,
2039
- columnFilterSelect: La,
2040
- table: Fa,
2041
- tableHeaderCell: Ua,
2042
- tableRow: Ha,
2043
- tableCell: Wa,
2044
- noDataTextContainer: ja,
2045
- tableBottomContainer: Va,
2046
- rowsPerPageContainer: qa,
2047
- rowsPerPageText: Ga,
2048
- paginationContainer: Ka
2049
- }, Ja = x(function(e, n) {
2050
- const {
2051
- columns: o,
2052
- data: i,
2053
- color: r = "light",
2054
- title: l = "",
2055
- description: s = "",
2056
- rowsPerPage: d = [10, 20, 30, 40, 50],
2057
- showSearchBar: c,
2058
- searchBarPlaceholder: h,
2059
- showSelect: u,
2060
- showFilterButton: g,
2061
- showContainer: m,
2062
- showRowsPerPage: f,
2063
- showPageNumber: v,
2064
- showPageNavigation: C,
2065
- showTopBar: P = !0,
2066
- showBottomBar: S = !0,
2067
- children: T,
2068
- className: z,
2069
- columnClassName: oe,
2070
- rowClassName: Be,
2071
- cellClassName: ge
2072
- } = e, [de, Ye] = k(""), [Ce, Ze] = k([]);
2073
- if (!i.every(
2074
- (p) => Object.keys(p.columns).length === o.length && Object.values(o).every((_) => Object.keys(p.columns).includes(_.id.toString()))
2075
- ))
2076
- throw new Error("Columns in rows do not match ones declared in columns variable.");
2077
- const Ne = M(
2078
- () => o.filter((p) => p.filter).map((p) => ({ [p.id]: [] })).reduce((p, _) => Object.assign(p, _), {}),
2079
- [o]
2080
- ), [q, Ae] = k(Ne), [D, L] = k(d[0] ?? 10), F = M(
2081
- () => d.map((p) => ({
2082
- value: p.toString(),
2083
- itemContent: p.toString()
2084
- })),
2085
- [d]
2086
- ), G = i.some((p) => p.onClick), De = $(
2087
- (p) => {
2088
- var N, I;
2089
- return (((N = p.searchValue) == null ? void 0 : N.toString()) || ((I = p.value) == null ? void 0 : I.toString()) || "").toLowerCase().includes(de.toLowerCase());
2090
- },
2091
- [de]
2092
- ), Le = $((p, _) => {
2093
- var K, ue, ve, he;
2094
- const N = ((K = p.sortValue) == null ? void 0 : K.toString()) || ((ue = p.value) == null ? void 0 : ue.toString()) || "", I = ((ve = _.sortValue) == null ? void 0 : ve.toString()) || ((he = _.value) == null ? void 0 : he.toString()) || "";
2095
- return N.toLowerCase().localeCompare(I.toLowerCase(), void 0, { numeric: !0 });
2096
- }, []), be = $(
2097
- (p, _) => {
2098
- var I, K, ue;
2099
- const N = ((I = p.filterValue) == null ? void 0 : I.toString()) || ((K = p.value) == null ? void 0 : K.toString()) || "";
2100
- return (ue = q[_.id]) == null ? void 0 : ue.some(
2101
- (ve) => N.toString().toLowerCase() === ve.toString().toLowerCase()
2102
- );
2103
- },
2104
- [q]
2105
- ), Y = M(
2106
- () => o.map((p) => ({
2107
- ...p,
2108
- sort: p.sort ? { sortKey: p.id.toString().toUpperCase() } : !1
2109
- })),
2110
- [o]
2111
- ), re = o.some(
2112
- (p) => {
2113
- var _;
2114
- return p.filter && p.id in q && ((_ = q[p.id]) == null ? void 0 : _.length) !== 0;
2115
- }
2116
- ), Z = M(
2117
- () => i.filter(
2118
- (p) => !de || o.some((_) => _.search && De(p.columns[_.id]))
2119
- ).filter(
2120
- (p) => (
2121
- // If no column filter is selected, then return true AKA: show all rows
2122
- !re || // Check if any of the table values match the selected column filters. First return true if that
2123
- // column is not selected for filtering (has a filter prop). Second, return true if that column
2124
- // has any values in it selected for filtering, lastly, return if row has that filter value
2125
- o.every((_) => {
2126
- var N;
2127
- return !_.filter || ((N = q[_.id]) == null ? void 0 : N.length) === 0 || be(p.columns[_.id], _);
2128
- })
2129
- )
2130
- ).map((p) => {
2131
- const _ = { ...p.columns, ...p }, { columns: N, ...I } = _;
2132
- return I;
2133
- }),
2134
- [be, q, o, i, re, de, De]
2135
- ), [ee, jt] = k(Math.ceil(Z.length / D)), et = $(
2136
- (p) => p.filterValues ? p.filterValues : [...new Set(
2137
- i.map(
2138
- (N) => {
2139
- var I, K;
2140
- return ((I = N.columns[p.id].filterValue) == null ? void 0 : I.toString()) || ((K = N.columns[p.id].value) == null ? void 0 : K.toString()) || "";
2141
- }
2142
- )
2143
- )].sort().map((N) => ({
2144
- value: N,
2145
- label: N
2146
- })),
2147
- [i]
2148
- ), Vt = M(
2149
- () => (u ? "auto " : "") + Y.reduce((p, _) => p + `${_.width || "auto"} `, ""),
2150
- [Y, u]
2151
- ), qt = $((p) => {
2152
- Ye(p.target.value);
2153
- }, []), Fe = { nodes: Z }, Gt = qn(
2154
- Fe,
2155
- {
2156
- // Don't know what the type is for these parameters. Not specified in the React Table Library docs
2157
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
2158
- // @ts-ignore
2159
- onChange: (p, _) => {
2160
- Ze(_.ids);
2161
- }
2162
- },
2163
- {
2164
- rowSelect: gt.MultiSelect,
2165
- buttonSelect: gt.MultiSelect,
2166
- clickType: Gn.ButtonClick,
2167
- isCarryForward: !1
2168
- }
2169
- ), R = Xn(
2170
- Fe,
2171
- {
2172
- state: {
2173
- page: 0,
2174
- size: d[0]
2175
- }
2176
- },
2177
- {
2178
- isServer: !1
2179
- }
2180
- ), Kt = jn(
2181
- Fe,
2182
- { onChange: () => null },
2183
- {
2184
- sortIcon: {
2185
- margin: "10px",
2186
- size: "15px",
2187
- iconDefault: /* @__PURE__ */ a(nn, { width: "20px" }),
2188
- iconUp: /* @__PURE__ */ a(on, {}),
2189
- iconDown: /* @__PURE__ */ a(rn, {})
2190
- },
2191
- sortFns: Object.assign(
2192
- {},
2193
- ...Y.map((p) => ({
2194
- [p.id.toString().toUpperCase()]: (_) => _.sort((N, I) => Le(N[p.id], I[p.id]))
2195
- }))
2196
- )
2197
- }
2198
- ), Jt = M(
2199
- () => ({
2200
- options: o.filter((p) => p.filter).map((p) => ({
2201
- label: p.label,
2202
- value: p.id.toString(),
2203
- page: {
2204
- content: /* @__PURE__ */ a(
2205
- Ra,
2206
- {
2207
- label: "Select all",
2208
- onCheckedChange: (_) => {
2209
- const N = JSON.parse(JSON.stringify(q));
2210
- _ === !0 ? N[p.id] = et(p).map(
2211
- (I) => I.value
2212
- ) : N[p.id] = [], Ae(N);
2213
- },
2214
- children: et(p).map((_, N) => {
2215
- var I, K;
2216
- return /* @__PURE__ */ a(
2217
- lt,
2218
- {
2219
- label: _.label,
2220
- checked: (K = q[p.id]) == null ? void 0 : K.includes(
2221
- ((I = _.value) == null ? void 0 : I.toString()) || ""
2222
- ),
2223
- onCheckedChange: (ue) => {
2224
- Ae((ve) => {
2225
- var ht;
2226
- const he = { ...ve }, ut = he[p.id] || [];
2227
- return ue ? he[p.id] = [
2228
- ...ut,
2229
- ((ht = _.value) == null ? void 0 : ht.toString()) || ""
2230
- ] : he[p.id] = ut.filter(
2231
- (Zt) => Zt !== _.value
2232
- ), he;
2233
- });
2234
- }
2235
- },
2236
- `checkbox-filter-${p.id}-${N}`
2237
- );
2238
- })
2239
- },
2240
- `select-all-checkbox-${p.id}`
2241
- )
2242
- }
2243
- }))
2244
- }),
2245
- [q, o, et]
2246
- ), Xt = Y.map((p) => {
2247
- const _ = p.sort ? Vn : En;
2248
- return /* @__PURE__ */ a(
2249
- _,
2250
- {
2251
- className: y(U.tableHeaderCell, oe, p.className),
2252
- sortKey: p.sort ? p.id.toString().toUpperCase() : "",
2253
- children: p.label
2254
- },
2255
- p.id
2256
- );
2257
- }), dt = Ve ? ne : ke, Qt = M(() => ({ custom: !0 }), []), Yt = Wn({
2258
- Table: `
2259
- --data-table-library_grid-template-columns: ${Vt};
2260
- `,
2261
- Row: `
2262
- &:hover {
2263
- cursor: ${G ? "pointer" : "inherit"};
2264
- }
2265
- &.row-select-selected {
2266
- background-color: var(--gray-a4);
2267
- }
2268
- &:not(:last-of-type) .td {
2269
- border-bottom: 1px solid var(--gray-a4);
2270
- }
2271
- `,
2272
- BaseRow: `
2273
- background-color: inherit;
2274
- `
2275
- });
2276
- return B(() => {
2277
- if (C) {
2278
- const p = Math.ceil(Z.length / D);
2279
- jt(p), R.state.page < 0 && R.fns.onSetPage(0), R.state.page > p - 1 && R.fns.onSetPage(p - 1);
2280
- }
2281
- }, [d, Z.length, D, R, C]), /* @__PURE__ */ b("div", { className: y({ [U.tableContainer]: m }), children: [
2282
- (!!l || !!s) && /* @__PURE__ */ b("div", { className: U.headerContainer, children: [
2283
- !!l && /* @__PURE__ */ a(nt, { weight: "bold", size: "7", children: l }),
2284
- !!s && /* @__PURE__ */ a(nt, { as: "div", children: s })
2285
- ] }),
2286
- P && /* @__PURE__ */ b(A, { justify: "between", className: U.tableTopContainer, children: [
2287
- /* @__PURE__ */ b(A, { gap: "2", children: [
2288
- c && /* @__PURE__ */ a("div", { className: U.searchContainer, children: /* @__PURE__ */ a(
2289
- fr,
2290
- {
2291
- value: de,
2292
- onChange: qt,
2293
- leftSlot: /* @__PURE__ */ a(an, {}),
2294
- placeholder: h || "Filter tasks..."
2295
- }
2296
- ) }),
2297
- g && /* @__PURE__ */ a(
2298
- Or,
2299
- {
2300
- color: r,
2301
- page: Jt,
2302
- trigger: /* @__PURE__ */ a(ne, { variant: "surface", "aria-label": "Filter columns", children: /* @__PURE__ */ a(sn, {}) }),
2303
- children: (p) => ""
2304
- }
2305
- ),
2306
- g && re && /* @__PURE__ */ b(
2307
- ke,
2308
- {
2309
- variant: "surface",
2310
- color: "crimson",
2311
- onClick: () => {
2312
- Ae(Ne), R.fns.onSetPage(0);
2313
- },
2314
- children: [
2315
- /* @__PURE__ */ a(yt, {}),
2316
- "Clear filters"
2317
- ]
2318
- }
2319
- )
2320
- ] }),
2321
- u && Ce.length !== 0 && /* @__PURE__ */ b(A, { gap: "2", children: [
2322
- /* @__PURE__ */ b(dt, { variant: "soft", "aria-label": "Edit rows", children: [
2323
- /* @__PURE__ */ a(ln, {}),
2324
- !Ve && "Edit"
2325
- ] }),
2326
- /* @__PURE__ */ b(dt, { color: "red", "aria-label": "Delete rows", children: [
2327
- /* @__PURE__ */ a(cn, {}),
2328
- !Ve && "Delete"
2329
- ] })
2330
- ] })
2331
- ] }),
2332
- T,
2333
- /* @__PURE__ */ a(
2334
- Bn,
2335
- {
2336
- className: y(U.table, z),
2337
- data: Fe,
2338
- theme: Yt,
2339
- sort: Kt,
2340
- pagination: C && R,
2341
- select: Gt,
2342
- layout: Qt,
2343
- ref: n,
2344
- children: (p) => /* @__PURE__ */ b(Q, { children: [
2345
- /* @__PURE__ */ a(Ln, { children: /* @__PURE__ */ b(Fn, { children: [
2346
- u && /* @__PURE__ */ a(Kn, { className: U.tableHeaderCell }),
2347
- ...Xt
2348
- ] }) }),
2349
- /* @__PURE__ */ b(Un, { children: [
2350
- p.length === 0 && /* @__PURE__ */ a(Pn, { className: U.noDataTextContainer, children: /* @__PURE__ */ a(ft, { children: "There is no data" }) }),
2351
- p.map((_) => /* @__PURE__ */ b(
2352
- Hn,
2353
- {
2354
- item: _,
2355
- className: y(U.tableRow, Be, _.className),
2356
- onClick: _.onClick,
2357
- children: [
2358
- u && /* @__PURE__ */ a(Jn, { item: _ }, _.id),
2359
- o.map((N, I) => /* @__PURE__ */ a(
2360
- ft,
2361
- {
2362
- className: y(
2363
- U.tableCell,
2364
- ge,
2365
- _[N.id].className
2366
- ),
2367
- children: /* @__PURE__ */ a(nt, { children: _[N.id].label })
2368
- },
2369
- I
2370
- ))
2371
- ]
2372
- },
2373
- _.id
2374
- ))
2375
- ] })
2376
- ] })
2019
+ label: t,
2020
+ checked: c,
2021
+ onCheckedChange: d,
2022
+ ...a
2377
2023
  }
2378
2024
  ),
2379
- S && /* @__PURE__ */ b(A, { className: U.tableBottomContainer, wrap: "wrap", direction: Ve ? "column" : "row", children: [
2380
- f && /* @__PURE__ */ b(A, { className: U.rowsPerPageContainer, children: [
2381
- /* @__PURE__ */ a("div", { className: U.rowsPerPageText, children: "Rows per page:" }),
2382
- /* @__PURE__ */ a(
2383
- Wo,
2384
- {
2385
- items: F,
2386
- defaultValue: F[0].value.toString(),
2387
- onValueChange: (p) => {
2388
- R.fns.onSetSize(Number(p)), L(Number(p));
2389
- },
2390
- placeholder: F[0].itemContent,
2391
- "aria-label": "Select number of rows per page"
2392
- }
2393
- )
2394
- ] }),
2395
- v && /* @__PURE__ */ a(A, { justify: "center", children: ee > 0 && `Page ${R.state.page + 1} of ${ee}` }),
2396
- C && /* @__PURE__ */ b(A, { className: U.paginationContainer, gap: "2", justify: "end", children: [
2397
- /* @__PURE__ */ a(
2398
- ne,
2399
- {
2400
- variant: "surface",
2401
- onClick: () => R.fns.onSetPage(0),
2402
- disabled: R.state.page === 0 || ee === 0,
2403
- "aria-label": "Go to first page",
2404
- children: /* @__PURE__ */ a(dn, {})
2405
- }
2406
- ),
2407
- /* @__PURE__ */ a(
2408
- ne,
2409
- {
2410
- variant: "surface",
2411
- disabled: R.state.page === 0 || ee === 0,
2412
- onClick: () => R.fns.onSetPage(R.state.page - 1),
2413
- "aria-label": "Previous page",
2414
- children: /* @__PURE__ */ a(un, {})
2415
- }
2416
- ),
2417
- /* @__PURE__ */ a(
2418
- ne,
2419
- {
2420
- variant: "surface",
2421
- disabled: R.state.page + 1 === ee || ee === 0,
2422
- onClick: () => R.fns.onSetPage(R.state.page + 1),
2423
- "aria-label": "Next page",
2424
- children: /* @__PURE__ */ a(hn, {})
2425
- }
2426
- ),
2427
- /* @__PURE__ */ a(
2428
- ne,
2429
- {
2430
- variant: "surface",
2431
- disabled: R.state.page + 1 === ee || ee === 0,
2432
- onClick: () => R.fns.onSetPage(ee - 1),
2433
- "aria-label": "Go to last page",
2434
- children: /* @__PURE__ */ a(pn, {})
2435
- }
2436
- )
2437
- ] })
2438
- ] })
2025
+ m
2439
2026
  ] });
2440
- }), Li = H.memo(Ja), Wt = [
2441
- ["Emily Davis", "Sr. Manger", "Female", "55", "$141,604 ", "United States", "Seattle"],
2442
- ["Theodore Dinh", "Technical Architect", "Male", "59", "$99,975 ", "China", "Chongqing"],
2443
- ["Luna Sanders", "Director", "Female", "50", "$163,099 ", "United States", "Chicago"],
2444
- ["Austin Vo", "Sr. Analyst", "Male", "55", "$95,409 ", "United States", "Phoenix"],
2445
- ["Joshua Gupta", "Account Representative", "Male", "57", "$50,994 ", "China", "Chongqing"],
2446
- ["Ruby Barnes", "Manager", "Female", "27", "$119,746 ", "United States", "Phoenix"],
2447
- ["Luke Martin", "Analyst", "Male", "25", "$41,336 ", "United States", "Miami"],
2448
- ["Easton Bailey", "Manager", "Male", "29", "$113,527 ", "United States", "Austin"],
2449
- ["Madeline Walker", "Sr. Analyst", "Female", "34", "$77,203 ", "United States", "Chicago"],
2450
- ["Savannah Ali", "Sr. Manger", "Female", "36", "$157,333 ", "United States", "Miami"],
2451
- ["Camila Rogers", "Controls Engineer", "Female", "27", "$109,851 ", "United States", "Seattle"],
2452
- ["Eli Jones", "Manager", "Male", "59", "$105,086 ", "United States", "Austin"],
2453
- ["Everleigh Ng", "Sr. Manger", "Female", "51", "$146,742 ", "China", "Shanghai"],
2454
- ["Robert Yang", "Sr. Analyst", "Male", "31", "$97,078 ", "United States", "Austin"],
2455
- ["Isabella Xi", "Vice President", "Female", "41", "$249,270 ", "United States", "Seattle"],
2456
- ["Bella Powell", "Director", "Female", "65", "$175,837 ", "United States", "Phoenix"],
2457
- ["Camila Silva", "Sr. Manger", "Female", "64", "$154,828 ", "United States", "Seattle"],
2458
- ["David Barnes", "Director", "Male", "64", "$186,503 ", "United States", "Columbus"],
2459
- ["Adam Dang", "Director", "Male", "45", "$166,331 ", "China", "Chongqing"],
2460
- ["Elias Alvarado", "Sr. Manger", "Male", "56", "$146,140 ", "Brazil", "Manaus"],
2461
- ["Eva Rivera", "Director", "Female", "36", "$151,703 ", "United States", "Miami"],
2462
- ["Logan Rivera", "Director", "Male", "59", "$172,787 ", "Brazil", "Rio de Janerio"],
2463
- ["Leonardo Dixon", "Analyst", "Male", "37", "$49,998 ", "United States", "Seattle"],
2464
- ["Mateo Her", "Vice President", "Male", "44", "$207,172 ", "China", "Chongqing"],
2465
- ["Jose Henderson", "Director", "Male", "41", "$152,239 ", "United States", "Columbus"],
2466
- ["Abigail Mejia", "Quality Engineer", "Female", "56", "$98,581 ", "Brazil", "Rio de Janerio"],
2467
- ["Wyatt Chin", "Vice President", "Male", "43", "$246,231 ", "United States", "Seattle"],
2468
- ["Carson Lu", "Engineering Manager", "Male", "64", "$99,354 ", "China", "Beijing"],
2469
- ["Dylan Choi", "Vice President", "Male", "63", "$231,141 ", "China", "Beijing"],
2470
- ["Ezekiel Kumar", "IT Coordinator", "Male", "28", "$54,775 ", "United States", "Columbus"],
2471
- ["Dominic Guzman", "Analyst", "Male", "65", "$55,499 ", "Brazil", "Manaus"],
2472
- ["Angel Powell", "Analyst II", "Male", "61", "$66,521 ", "United States", "Seattle"],
2473
- ["Mateo Vu", "Account Representative", "Male", "30", "$59,100 ", "China", "Chongqing"],
2474
- ["Caroline Jenkins", "Analyst", "Female", "27", "$49,011 ", "United States", "Chicago"],
2475
- ["Nora Brown", "Enterprise Architect", "Female", "32", "$99,575 ", "United States", "Austin"],
2476
- ["Adeline Huang", "Controls Engineer", "Female", "34", "$99,989 ", "China", "Chengdu"],
2477
- ["Jackson Perry", "Vice President", "Male", "27", "$256,420 ", "United States", "Phoenix"],
2478
- ["Riley Padilla", "Technical Architect", "Female", "35", "$78,940 ", "United States", "Miami"],
2479
- ["Leah Pena", "Enterprise Architect", "Female", "57", "$82,872 ", "Brazil", "Manaus"],
2480
- ["Owen Lam", "Sr. Business Partner", "Male", "30", "$86,317 ", "China", "Chengdu"],
2481
- ["Kennedy Foster", "Manager", "Female", "53", "$113,135 ", "United States", "Austin"],
2482
- ["John Moore", "Vice President", "Male", "52", "$199,808 ", "United States", "Seattle"],
2483
- ["William Vu", "Account Representative", "Male", "37", "$56,037 ", "China", "Shanghai"],
2484
- ["Sadie Washington", "Sr. Manger", "Female", "29", "$122,350 ", "United States", "Phoenix"],
2485
- ["Gabriel Holmes", "Enterprise Architect", "Male", "40", "$92,952 ", "United States", "Seattle"],
2486
- ["Wyatt Rojas", "Computer Systems Manager", "Male", "32", "$79,921 ", "United States", "Austin"],
2487
- ["Eva Coleman", "Director", "Female", "37", "$167,199 ", "United States", "Seattle"],
2488
- ["Dominic Clark", "Quality Engineer", "Male", "52", "$71,476 ", "United States", "Phoenix"],
2489
- ["Lucy Alexander", "Director", "Female", "45", "$189,420 ", "United States", "Seattle"],
2490
- ["Everleigh Washington", "HRIS Analyst", "Female", "64", "$64,057 ", "United States", "Phoenix"],
2491
- ["Leilani Butler", "Analyst II", "Female", "27", "$68,728 ", "United States", "Phoenix"],
2492
- ["Peyton Huang", "Sr. Manger", "Female", "25", "$125,633 ", "China", "Beijing"]
2493
- ], Fi = (t = !0, e = !0, n = !0) => [
2494
- {
2495
- id: "full_name",
2496
- label: "Full Name",
2497
- sort: t,
2498
- search: e
2499
- },
2500
- {
2501
- id: "job_title",
2502
- label: "Job Title",
2503
- sort: t,
2504
- search: e,
2505
- filter: n
2506
- },
2507
- {
2508
- id: "gender",
2509
- label: "Gender",
2510
- sort: t,
2511
- search: e,
2512
- filter: n
2513
- },
2514
- {
2515
- id: "age",
2516
- label: "Age",
2517
- sort: t
2518
- },
2519
- {
2520
- id: "annual_salary",
2521
- label: "Annual Salary",
2522
- sort: t
2523
- },
2524
- {
2525
- id: "country",
2526
- label: "Country",
2527
- sort: t,
2528
- search: e,
2529
- filter: n
2530
- }
2531
- ], Ui = (t) => Wt.slice(0, t).map((e, n) => ({
2532
- id: `row-${n}`,
2533
- columns: {
2534
- full_name: {
2535
- id: `full_name_${n}`,
2536
- value: e[0],
2537
- label: e[0]
2538
- },
2539
- job_title: {
2540
- id: `job_title_${n}`,
2541
- value: e[1],
2542
- label: e[1]
2543
- },
2544
- gender: {
2545
- id: `gender_${n}`,
2546
- value: e[2],
2547
- label: e[2]
2548
- },
2549
- age: {
2550
- id: `age_${n}`,
2551
- value: e[3],
2552
- label: e[3]
2553
- },
2554
- annual_salary: {
2555
- id: `annual_salary_${n}`,
2556
- value: e[4],
2557
- label: e[4]
2558
- },
2559
- country: {
2560
- id: `country_${n}`,
2561
- value: e[5],
2562
- label: e[5]
2563
- }
2564
- }
2565
- })), Hi = () => [
2566
- {
2567
- id: "full_name",
2568
- label: "Full Name",
2569
- sort: !0,
2570
- search: !0,
2571
- width: "120px"
2572
- },
2573
- {
2574
- id: "job_title",
2575
- label: "Job Title",
2576
- search: !0,
2577
- filter: !0,
2578
- width: "220px"
2579
- },
2580
- {
2581
- id: "gender",
2582
- label: "Gender",
2583
- sort: !0,
2584
- filter: !0
2585
- },
2586
- {
2587
- id: "age",
2588
- label: "Age",
2589
- sort: !0
2590
- },
2591
- {
2592
- id: "annual_salary",
2593
- label: "Annual Salary",
2594
- sort: !0,
2595
- filter: !0,
2596
- filterValues: [
2597
- {
2598
- value: 1,
2599
- label: /* @__PURE__ */ a("div", { style: { backgroundColor: "red" }, children: "< $40000" })
2600
- },
2601
- {
2602
- value: 2,
2603
- label: /* @__PURE__ */ a("div", { style: { backgroundColor: "orange" }, children: "$40000 - $70000" })
2604
- },
2605
- {
2606
- value: 3,
2607
- label: /* @__PURE__ */ a("div", { style: { backgroundColor: "yellow" }, children: "$70000 - $100000" })
2608
- },
2609
- {
2610
- value: 4,
2611
- label: /* @__PURE__ */ a("div", { style: { backgroundColor: "cyan" }, children: "$100000 - $150000" })
2612
- },
2613
- {
2614
- value: 5,
2615
- label: /* @__PURE__ */ a("div", { style: { backgroundColor: "lime" }, children: "> $150000" })
2616
- }
2617
- ]
2618
- },
2619
- {
2620
- id: "country",
2621
- label: "Country",
2622
- search: !0,
2623
- filter: !0,
2624
- width: "1fr"
2625
- },
2626
- {
2627
- id: "remove_user",
2628
- label: ""
2629
- }
2630
- ], Ke = (t) => {
2631
- const e = t.replace(/\D/g, "");
2632
- return parseInt(e);
2633
- }, Wi = (t) => Wt.slice(0, t).map((e, n) => ({
2634
- id: `row-${n}`,
2635
- onClick: () => alert(`Clicked row ${n + 1}`),
2636
- columns: {
2637
- full_name: {
2638
- id: `full_name_${n}`,
2639
- value: e[0],
2640
- label: e[0]
2641
- },
2642
- job_title: {
2643
- id: `job_title_${n}`,
2644
- value: e[1],
2645
- label: e[1]
2646
- },
2647
- gender: {
2648
- id: `gender_${n}`,
2649
- value: e[2],
2650
- label: e[2] === "Male" ? /* @__PURE__ */ a("span", { children: "🧑" }) : /* @__PURE__ */ a("span", { children: "👩" }),
2651
- sortValue: e[2] === "Male" ? 1 : 2
2652
- },
2653
- age: {
2654
- id: `age_${n}`,
2655
- value: e[3],
2656
- label: e[3]
2657
- },
2658
- annual_salary: {
2659
- id: `annual_salary_${n}`,
2660
- value: e[4],
2661
- label: e[4],
2662
- filterValue: Ke(e[4]) < 4e4 ? 1 : Ke(e[4]) < 7e4 ? 2 : Ke(e[4]) < 1e5 ? 3 : Ke(e[4]) < 15e4 ? 4 : 5
2663
- },
2664
- country: {
2665
- id: `country_${n}`,
2666
- value: e[5],
2667
- label: e[5],
2668
- searchValue: (
2669
- // Search for country or its abbreviation
2670
- // Ex: (Search for "United States" or "U.S."
2671
- e[5].split(" ").map((o, i, r) => r.length === 1 ? o.substring(0, 2) : o.charAt(0)).join(".") + "." + e[5]
2672
- )
2673
- },
2674
- remove_user: {
2675
- id: `remove_user_${n}`,
2676
- value: -1,
2677
- label: /* @__PURE__ */ a(
2678
- ne,
2679
- {
2680
- onClick: () => alert(`This is user ${e[0]}`),
2681
- radius: "large",
2682
- "aria-label": "Identify user",
2683
- children: /* @__PURE__ */ a(mn, {})
2684
- }
2685
- )
2686
- }
2687
- }
2688
- }));
2027
+ });
2689
2028
  export {
2690
- Ki as AccessibleIcon,
2691
- Hi as AdvancedTableColumns,
2692
- Wi as AdvancedTableRows,
2693
- ko as AlertDialog,
2694
- It as AlertDialogContent,
2695
- Si as AlertDialogProvider,
2696
- Ji as AspectRatio,
2697
- Xi as Avatar,
2698
- gi as Badge,
2699
- Qi as Blockquote,
2700
- Yi as Box,
2701
- Ci as Breadcrumb,
2702
- ke as Button,
2703
- At as ButtonGroup,
2704
- vi as ButtonList,
2705
- Zi as Callout,
2706
- es as Card,
2707
- lt as Checkbox,
2708
- ts as Code,
2709
- ns as Container,
2710
- os as ContextMenu,
2711
- Fi as DefaultTableColumns,
2712
- Ui as DefaultTableRows,
2713
- zi as DefaultTheme,
2714
- _i as Dialog,
2715
- yi as DropdownMenu,
2716
- xi as DropdownSelect,
2717
- rs as Em,
2718
- J as Flex,
2719
- as as Grid,
2720
- is as Heading,
2721
- ss as HoverCard,
2722
- Fo as HoverUtility,
2723
- ne as IconButton,
2724
- fr as Input,
2725
- ls as Inset,
2726
- cs as Kbd,
2727
- Ni as LeftAndRightPanels,
2728
- ds as Link,
2729
- Or as MultiPagePopover,
2730
- wi as MultiSelect,
2731
- vr as Popover,
2732
- us as Portal,
2733
- hs as Quote,
2734
- ps as RadioGroup,
2735
- Ur as Root,
2736
- ms as ScrollArea,
2737
- fs as Section,
2738
- Wo as Select,
2739
- Ra as SelectAllCheckbox,
2740
- Ei as Separator,
2741
- ki as Sidebar,
2742
- Ti as SlideOut,
2743
- gs as Slider,
2744
- Cs as Slot,
2745
- bs as Strong,
2746
- Pi as Switch,
2747
- Li as Table,
2748
- Wt as TableData,
2749
- vs as Tabs,
2750
- nt as Text,
2751
- Ai as TextArea,
2752
- _s as TextField,
2753
- Ss as Theme,
2754
- Xr as Toast,
2755
- Rt as ToastContext,
2756
- Ri as ToastProvider,
2757
- Di as ToggleGroup,
2758
- Ii as Toolbar,
2759
- Oi as Tooltip,
2760
- $s as VisuallyHidden,
2761
- bi as divButtonProps,
2762
- Zr as unsafeShowToast,
2763
- ys as updateThemeAppearanceClass,
2764
- No as useAlertDialog,
2765
- $i as useDiscardAlertDialog,
2766
- O as useSeverityColor,
2767
- xs as useThemeContext,
2768
- Mi as useToast,
2769
- fi as useViewportSize
2029
+ vi as AccessibleIcon,
2030
+ xn as AlertDialog,
2031
+ ot as AlertDialogContent,
2032
+ Gr as AlertDialogProvider,
2033
+ Ci as AspectRatio,
2034
+ _i as Avatar,
2035
+ Lr as Badge,
2036
+ bi as Blockquote,
2037
+ xi as Box,
2038
+ Wr as Breadcrumb,
2039
+ Pe as Button,
2040
+ tt as ButtonGroup,
2041
+ jr as ButtonList,
2042
+ yi as Callout,
2043
+ $i as Card,
2044
+ ft as Checkbox,
2045
+ wi as Code,
2046
+ Si as Container,
2047
+ ki as ContextMenu,
2048
+ li as DefaultTheme,
2049
+ Ur as Dialog,
2050
+ Vr as DropdownMenu,
2051
+ Kr as DropdownSelect,
2052
+ Pi as Em,
2053
+ W as Flex,
2054
+ Ti as Grid,
2055
+ Ni as Heading,
2056
+ Ii as HoverCard,
2057
+ zn as HoverUtility,
2058
+ et as IconButton,
2059
+ Jr as Input,
2060
+ Di as Inset,
2061
+ Oi as Kbd,
2062
+ ei as LeftAndRightPanels,
2063
+ Ai as Link,
2064
+ ti as MultiPagePopover,
2065
+ Xr as MultiSelect,
2066
+ ho as Popover,
2067
+ zi as Portal,
2068
+ Ri as Quote,
2069
+ Ei as RadioGroup,
2070
+ Ao as Root,
2071
+ Bi as ScrollArea,
2072
+ Mi as Section,
2073
+ qr as Select,
2074
+ hi as SelectAllCheckbox,
2075
+ ui as Separator,
2076
+ Yr as Sidebar,
2077
+ Zr as SlideOut,
2078
+ Li as Slider,
2079
+ Wi as Slot,
2080
+ Hi as Strong,
2081
+ Qr as Switch,
2082
+ ji as Table,
2083
+ Ui as Tabs,
2084
+ ai as Text,
2085
+ ni as TextArea,
2086
+ Gi as TextField,
2087
+ Fi as Theme,
2088
+ jo as Toast,
2089
+ it as ToastContext,
2090
+ ci as ToastProvider,
2091
+ oi as ToggleGroup,
2092
+ ri as Toolbar,
2093
+ si as Tooltip,
2094
+ Vi as VisuallyHidden,
2095
+ Hr as divButtonProps,
2096
+ Fo as unsafeShowToast,
2097
+ Ki as updateThemeAppearanceClass,
2098
+ $n as useAlertDialog,
2099
+ Fr as useDiscardAlertDialog,
2100
+ N as useSeverityColor,
2101
+ qi as useThemeContext,
2102
+ ii as useToast,
2103
+ Mr as useViewportSize
2770
2104
  };
2771
2105
  //# sourceMappingURL=blocks.js.map