@overmap-ai/blocks 0.0.7 → 0.0.8

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,487 +1,489 @@
1
1
  import "@radix-ui/themes/styles.css";
2
2
  export * from "@radix-ui/colors";
3
- import { Cross1Icon as Fe, DragHandleDots2Icon as ae, Cross2Icon as Xe } from "@radix-ui/react-icons";
3
+ import { Cross1Icon as Ue, DragHandleDots2Icon as ue, InfoCircledIcon as qe, Cross2Icon as Ke } from "@radix-ui/react-icons";
4
4
  export * from "@radix-ui/react-icons";
5
- import { useThemeContext as Ue, Badge as qe, Button as Ke, IconButton as De, Flex as R, Box as M, Card as Qe, Inset as ee, Dialog as j, AlertDialog as W, DropdownMenu as O, Select as E, Checkbox as Ye, Switch as Je, Portal as Ze, TextField as te, Text as ce, Popover as ne, TextArea as et, Callout as oe, Theme as tt, Separator as xe } from "@radix-ui/themes";
6
- import { AccessibleIcon as co, AspectRatio as lo, Avatar as uo, Blockquote as ho, Box as po, Callout as mo, Card as fo, Checkbox as go, Code as Co, Container as vo, ContextMenu as _o, Em as yo, Flex as wo, Grid as xo, Heading as To, HoverCard as So, Inset as Po, Kbd as bo, Link as Ro, Portal as Do, Quote as $o, RadioGroup as zo, ScrollArea as Io, Section as Oo, Slider as ko, Slot as No, Strong as Ao, Table as Eo, Tabs as Bo, TextField as Lo, Theme as Mo, Tooltip as Wo, VisuallyHidden as Go, updateThemeAppearanceClass as Ho, useThemeContext as Vo } from "@radix-ui/themes";
7
- import { jsx as n, jsxs as v, Fragment as le } from "react/jsx-runtime";
8
- import q, { useMemo as G, forwardRef as T, memo as _, createContext as ge, useContext as Ce, useState as D, useCallback as w, createElement as $e, useEffect as ue, useRef as se, useLayoutEffect as nt } from "react";
9
- import * as re from "@radix-ui/react-dialog";
10
- import { Resizable as pe } from "re-resizable";
11
- import { Transition as Te } from "react-transition-group";
12
- import { Root as ot, Item as rt } from "@radix-ui/react-toggle-group";
13
- import * as X from "@radix-ui/react-toast";
14
- import { ToastProvider as it, ToastViewport as st } from "@radix-ui/react-toast";
15
- function at(r) {
16
- return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
5
+ import { useThemeContext as Qe, Badge as Ye, Button as Je, IconButton as ze, Flex as $, Box as W, Card as Ze, Inset as re, Dialog as F, AlertDialog as M, DropdownMenu as z, Select as B, Checkbox as et, Switch as tt, Portal as nt, TextField as ie, Text as he, Popover as se, TextArea as ot, Callout as ae, Theme as rt, Separator as be } from "@radix-ui/themes";
6
+ import { AccessibleIcon as Po, AspectRatio as bo, Avatar as Oo, Blockquote as $o, Box as Do, Callout as Io, Card as zo, Checkbox as Eo, Code as No, Container as ko, ContextMenu as Ao, Em as Bo, Flex as Lo, Grid as Mo, Heading as Wo, HoverCard as jo, Inset as Go, Kbd as Vo, Link as Ho, Portal as Fo, Quote as Xo, RadioGroup as Uo, ScrollArea as qo, Section as Ko, Slider as Qo, Slot as Yo, Strong as Jo, Table as Zo, Tabs as er, TextField as tr, Theme as nr, Tooltip as or, VisuallyHidden as rr, updateThemeAppearanceClass as ir, useThemeContext as sr } from "@radix-ui/themes";
7
+ import { jsx as e, jsxs as _, Fragment as pe } from "react/jsx-runtime";
8
+ import Z, { useMemo as j, forwardRef as S, memo as w, createContext as ye, useContext as we, useState as P, useCallback as y, createElement as Ee, useEffect as ee, useRef as Y, useLayoutEffect as it } from "react";
9
+ import "react-responsive";
10
+ import * as ce from "@radix-ui/react-dialog";
11
+ import { Root as st, Portal as at, Overlay as ct, Content as lt } from "@radix-ui/react-dialog";
12
+ import { Resizable as de } from "re-resizable";
13
+ import { Transition as Ce } from "react-transition-group";
14
+ import { Root as ut, Item as dt } from "@radix-ui/react-toggle-group";
15
+ import * as K from "@radix-ui/react-toast";
16
+ import { ToastProvider as ht, ToastViewport as pt } from "@radix-ui/react-toast";
17
+ function mt(i) {
18
+ return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
17
19
  }
18
- var ze = { exports: {} };
20
+ var Ne = { exports: {} };
19
21
  /*!
20
22
  Copyright (c) 2018 Jed Watson.
21
23
  Licensed under the MIT License (MIT), see
22
24
  http://jedwatson.github.io/classnames
23
25
  */
24
- (function(r) {
26
+ (function(i) {
25
27
  (function() {
26
- var s = {}.hasOwnProperty;
28
+ var a = {}.hasOwnProperty;
27
29
  function o() {
28
- for (var t = [], i = 0; i < arguments.length; i++) {
29
- var e = arguments[i];
30
- if (e) {
31
- var c = typeof e;
30
+ for (var n = [], r = 0; r < arguments.length; r++) {
31
+ var t = arguments[r];
32
+ if (t) {
33
+ var c = typeof t;
32
34
  if (c === "string" || c === "number")
33
- t.push(e);
34
- else if (Array.isArray(e)) {
35
- if (e.length) {
36
- var a = o.apply(null, e);
37
- a && t.push(a);
35
+ n.push(t);
36
+ else if (Array.isArray(t)) {
37
+ if (t.length) {
38
+ var s = o.apply(null, t);
39
+ s && n.push(s);
38
40
  }
39
41
  } else if (c === "object") {
40
- if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
41
- t.push(e.toString());
42
+ if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
43
+ n.push(t.toString());
42
44
  continue;
43
45
  }
44
- for (var u in e)
45
- s.call(e, u) && e[u] && t.push(u);
46
+ for (var u in t)
47
+ a.call(t, u) && t[u] && n.push(u);
46
48
  }
47
49
  }
48
50
  }
49
- return t.join(" ");
51
+ return n.join(" ");
50
52
  }
51
- r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
53
+ i.exports ? (o.default = o, i.exports = o) : window.classNames = o;
52
54
  })();
53
- })(ze);
54
- var ct = ze.exports;
55
- const x = /* @__PURE__ */ at(ct);
56
- function B(r, s) {
57
- return G(() => {
58
- if (r !== void 0)
59
- if (typeof r == "object") {
60
- if (!("initial" in r))
55
+ })(Ne);
56
+ var ft = Ne.exports;
57
+ const x = /* @__PURE__ */ mt(ft);
58
+ function L(i, a) {
59
+ return j(() => {
60
+ if (i !== void 0)
61
+ if (typeof i == "object") {
62
+ if (!("initial" in i))
61
63
  throw new Error("Expected initial property to be set in Responsive object");
62
- return Object.fromEntries(Object.entries(r).map(([o, t]) => [o, s[t]]));
64
+ return Object.fromEntries(Object.entries(i).map(([o, n]) => [o, a[n]]));
63
65
  } else
64
- return s[r];
65
- }, [s, r]);
66
+ return a[i];
67
+ }, [a, i]);
66
68
  }
67
- const lt = {
69
+ const gt = {
68
70
  success: "green",
69
71
  danger: "red",
70
72
  info: "gray"
71
- }, b = (r) => {
72
- const s = Ue();
73
- if (r)
74
- return r === "primary" ? s.accentColor : lt[r];
75
- }, ut = T(function({ className: s, severity: o = "primary", color: t, children: i, ...e }, c) {
76
- const a = b(o);
77
- return /* @__PURE__ */ n(
78
- qe,
73
+ }, O = (i) => {
74
+ const a = Qe();
75
+ if (i)
76
+ return i === "primary" ? a.accentColor : gt[i];
77
+ }, Ct = S(function({ className: a, severity: o = "primary", color: n, children: r, ...t }, c) {
78
+ const s = O(o);
79
+ return /* @__PURE__ */ e(
80
+ Ye,
79
81
  {
80
- className: x("overmap-badge", s),
82
+ className: x("overmap-badge", a),
81
83
  ref: c,
82
- color: t || a,
83
- ...e,
84
- children: i
84
+ color: n || s,
85
+ ...t,
86
+ children: r
85
87
  }
86
88
  );
87
- }), En = _(ut), dt = "_fluid_r73gr_1", ht = "_hoverSpin90Clockwise_r73gr_15", pt = "_hoverSpin180Clockwise_r73gr_25", mt = "_hoverSpin360Clockwise_r73gr_35", U = {
88
- fluid: dt,
89
- hoverSpin90Clockwise: ht,
90
- hoverSpin180Clockwise: pt,
91
- hoverSpin360Clockwise: mt
92
- }, Ie = {
93
- spin90Clockwise: U.hoverSpin90Clockwise,
94
- spin180Clockwise: U.hoverSpin180Clockwise,
95
- spin360Clockwise: U.hoverSpin360Clockwise
96
- }, ft = (r) => {
97
- (r.key === "Enter" || r.key === " ") && r.currentTarget.click();
98
- }, Bn = {
89
+ }), Jn = w(Ct), _t = "_fluid_r73gr_1", vt = "_hoverSpin90Clockwise_r73gr_15", yt = "_hoverSpin180Clockwise_r73gr_25", wt = "_hoverSpin360Clockwise_r73gr_35", J = {
90
+ fluid: _t,
91
+ hoverSpin90Clockwise: vt,
92
+ hoverSpin180Clockwise: yt,
93
+ hoverSpin360Clockwise: wt
94
+ }, ke = {
95
+ spin90Clockwise: J.hoverSpin90Clockwise,
96
+ spin180Clockwise: J.hoverSpin180Clockwise,
97
+ spin360Clockwise: J.hoverSpin360Clockwise
98
+ }, xt = (i) => {
99
+ (i.key === "Enter" || i.key === " ") && i.currentTarget.click();
100
+ }, Zn = {
99
101
  role: "button",
100
102
  tabIndex: 0,
101
- onKeyDown: ft
102
- }, F = {
103
+ onKeyDown: xt
104
+ }, X = {
103
105
  small: "1",
104
106
  medium: "2",
105
107
  large: "3"
106
- }, Oe = ge({}), ve = () => Ce(Oe), gt = T(function(s, o) {
107
- const t = ve(), {
108
- className: i,
109
- type: e = "button",
110
- fluid: c = t.fluid ?? !1,
111
- size: a = t.size ?? "medium",
112
- severity: u = t.severity ?? "primary",
113
- hoverEffects: l = t.hoverEffects ?? [],
114
- variant: h = t.variant,
108
+ }, Ae = ye({}), xe = () => we(Ae), St = S(function(a, o) {
109
+ const n = xe(), {
110
+ className: r,
111
+ type: t = "button",
112
+ fluid: c = n.fluid ?? !1,
113
+ size: s = n.size ?? "medium",
114
+ severity: u = n.severity ?? "primary",
115
+ hoverEffects: l = n.hoverEffects ?? [],
116
+ variant: d = n.variant,
115
117
  ...p
116
- } = s, m = b(u), f = l.map((d) => Ie[d]);
117
- return /* @__PURE__ */ n(
118
- Ke,
118
+ } = a, m = O(u), f = l.map((h) => ke[h]);
119
+ return /* @__PURE__ */ e(
120
+ Je,
119
121
  {
120
122
  ref: o,
121
- type: e,
122
- className: x(i, f, {
123
- [U.fluid]: c
123
+ type: t,
124
+ className: x(r, f, {
125
+ [J.fluid]: c
124
126
  }),
125
127
  color: m,
126
- size: B(a, F),
127
- variant: h,
128
+ size: L(s, X),
129
+ variant: d,
128
130
  ...p
129
131
  }
130
132
  );
131
- }), me = q.memo(gt), Ct = T(function(s, o) {
132
- const t = ve(), {
133
- className: i,
134
- children: e,
133
+ }), _e = Z.memo(St), Tt = S(function(a, o) {
134
+ const n = xe(), {
135
+ className: r,
136
+ children: t,
135
137
  type: c = "button",
136
- fluid: a = t.fluid ?? !1,
137
- size: u = t.size ?? "medium",
138
- severity: l = t.severity ?? "primary",
139
- hoverEffects: h = t.hoverEffects ?? [],
140
- variant: p = t.variant,
138
+ fluid: s = n.fluid ?? !1,
139
+ size: u = n.size ?? "medium",
140
+ severity: l = n.severity ?? "primary",
141
+ hoverEffects: d = n.hoverEffects ?? [],
142
+ variant: p = n.variant,
141
143
  ...m
142
- } = s, f = b(l), d = (h == null ? void 0 : h.map((g) => Ie[g])) || [];
143
- return /* @__PURE__ */ n(
144
- De,
144
+ } = a, f = O(l), h = (d == null ? void 0 : d.map((g) => ke[g])) || [];
145
+ return /* @__PURE__ */ e(
146
+ ze,
145
147
  {
146
- className: x(i, d, {
147
- [U.fluid]: a
148
+ className: x(r, h, {
149
+ [J.fluid]: s
148
150
  }),
149
151
  ref: o,
150
152
  color: f,
151
- size: B(u, F),
153
+ size: L(u, X),
152
154
  variant: p,
153
155
  type: c,
154
156
  ...m,
155
- children: e
157
+ children: t
156
158
  }
157
159
  );
158
- }), ke = q.memo(Ct), vt = "_merged_wdgxo_1", _t = {
159
- merged: vt
160
- }, yt = {
160
+ }), Be = Z.memo(Tt), Rt = "_merged_wdgxo_1", Pt = {
161
+ merged: Rt
162
+ }, bt = {
161
163
  row: { small: "4", medium: "4", large: "5" },
162
164
  column: { small: "2", medium: "3", large: "4" }
163
- }, wt = T(function({
164
- className: s,
165
+ }, Ot = S(function({
166
+ className: a,
165
167
  merged: o = !1,
166
- children: t,
167
- gap: i,
168
- direction: e = "row",
168
+ children: n,
169
+ gap: r,
170
+ direction: t = "row",
169
171
  severity: c,
170
- size: a = "medium",
172
+ size: s = "medium",
171
173
  variant: u,
172
174
  hoverEffects: l,
173
- fluid: h,
175
+ fluid: d,
174
176
  ...p
175
177
  }, m) {
176
- const f = B(a, yt[e]), d = u === "ghost" ? f : "0";
177
- return /* @__PURE__ */ n(
178
- R,
178
+ const f = L(s, bt[t]), h = u === "ghost" ? f : "0";
179
+ return /* @__PURE__ */ e(
180
+ $,
179
181
  {
180
- className: x("overmap-button-group", s, {
181
- [_t.merged]: o
182
+ className: x("overmap-button-group", a, {
183
+ [Pt.merged]: o
182
184
  }),
183
185
  ref: m,
184
- gap: o ? i ?? d : i ?? "2",
185
- direction: e,
186
- "data-direction": e,
186
+ gap: o ? r ?? h : r ?? "2",
187
+ direction: t,
188
+ "data-direction": t,
187
189
  ...p,
188
- children: /* @__PURE__ */ n(Oe.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: h }, children: t })
190
+ children: /* @__PURE__ */ e(Ae.Provider, { value: { size: s, severity: c, variant: u, hoverEffects: l, fluid: d }, children: n })
189
191
  }
190
192
  );
191
- }), Ne = _(wt), xt = "_separators_1f7v1_1", Tt = {
192
- separators: xt
193
- }, St = _(
194
- T((r, s) => {
195
- const { children: o, border: t, before: i, after: e, size: c } = r, a = t ? "surface" : "ghost", u = B(c, F), h = /* @__PURE__ */ v(Qe, { ref: s, size: u, variant: a, children: [
196
- i,
197
- i && e ? /* @__PURE__ */ n(ee, { side: "x", pt: "current", pb: "current", children: o }) : i ? /* @__PURE__ */ n(ee, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ n(ee, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ n(ee, { children: o }),
198
- e
193
+ }), Le = w(Ot), $t = "_separators_1f7v1_1", Dt = {
194
+ separators: $t
195
+ }, It = w(
196
+ S((i, a) => {
197
+ const { children: o, border: n, before: r, after: t, size: c } = i, s = n ? "surface" : "ghost", u = L(c, X), d = /* @__PURE__ */ _(Ze, { ref: a, size: u, variant: s, children: [
198
+ r,
199
+ r && t ? /* @__PURE__ */ e(re, { side: "x", pt: "current", pb: "current", children: o }) : r ? /* @__PURE__ */ e(re, { side: "bottom", pt: "current", children: o }) : t ? /* @__PURE__ */ e(re, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ e(re, { children: o }),
200
+ t
199
201
  ] });
200
- return a === "ghost" ? /* @__PURE__ */ n(M, { p: "3", children: h }) : h;
202
+ return s === "ghost" ? /* @__PURE__ */ e(W, { p: "3", children: d }) : d;
201
203
  })
202
- ), Pt = _(
203
- T((r, s) => {
204
- const { children: o, variant: t = "outline", size: i, className: e, ...c } = r;
205
- return /* @__PURE__ */ n(St, { ...c, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ n(
206
- Ne,
204
+ ), zt = w(
205
+ S((i, a) => {
206
+ const { children: o, variant: n = "outline", size: r, className: t, ...c } = i;
207
+ return /* @__PURE__ */ e(It, { ...c, border: n === "outline" || n === "surface", size: r, children: /* @__PURE__ */ e(
208
+ Le,
207
209
  {
208
- size: i,
210
+ size: r,
209
211
  severity: "info",
210
- variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
211
- className: x(e, Tt.separators),
212
+ variant: n === "outline" ? "ghost" : n === "surface" ? "soft" : n,
213
+ className: x(t, Dt.separators),
212
214
  merged: !0,
213
215
  gap: "0",
214
216
  direction: "column",
215
- ref: s,
217
+ ref: a,
216
218
  children: o
217
219
  }
218
220
  ) });
219
221
  })
220
- ), bt = _(
221
- T((r, s) => {
222
- const { variant: o } = ve(), t = /* @__PURE__ */ n(me, { ref: s, ...r, radius: "large", variant: o });
223
- return o === "ghost" ? /* @__PURE__ */ n(M, { asChild: !0, my: "1", mx: "2", children: t }) : t;
222
+ ), Et = w(
223
+ S((i, a) => {
224
+ const { variant: o } = xe(), n = /* @__PURE__ */ e(_e, { ref: a, ...i, radius: "large", variant: o });
225
+ return o === "ghost" ? /* @__PURE__ */ e(W, { asChild: !0, my: "1", mx: "2", children: n }) : n;
224
226
  })
225
- ), Ln = {
226
- Root: Pt,
227
- Item: bt
228
- }, Rt = _(function(s) {
229
- const { title: o, description: t, content: i, closeDialog: e } = s;
230
- return /* @__PURE__ */ v(R, { direction: "column", gap: "2", children: [
231
- /* @__PURE__ */ v(R, { direction: "column", gap: "1", children: [
232
- /* @__PURE__ */ v(R, { justify: "between", children: [
233
- /* @__PURE__ */ n(j.Title, { mb: "0", children: o }),
234
- /* @__PURE__ */ n(j.Close, { children: /* @__PURE__ */ n(De, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ n(Fe, {}) }) })
227
+ ), eo = {
228
+ Root: zt,
229
+ Item: Et
230
+ }, Nt = w(function(a) {
231
+ const { title: o, description: n, content: r, closeDialog: t } = a;
232
+ return /* @__PURE__ */ _($, { direction: "column", gap: "2", children: [
233
+ /* @__PURE__ */ _($, { direction: "column", gap: "1", children: [
234
+ /* @__PURE__ */ _($, { justify: "between", children: [
235
+ /* @__PURE__ */ e(F.Title, { mb: "0", children: o }),
236
+ /* @__PURE__ */ e(F.Close, { children: /* @__PURE__ */ e(ze, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ e(Ue, {}) }) })
235
237
  ] }),
236
- t && /* @__PURE__ */ n(j.Description, { children: t })
238
+ n && /* @__PURE__ */ e(F.Description, { children: n })
237
239
  ] }),
238
- i(e)
240
+ r(t)
239
241
  ] });
240
- }), Mn = _(
241
- T((r, s) => {
242
- const { children: o, content: t, title: i, description: e, onOpen: c, defaultOpen: a, onCloseInterrupt: u, ...l } = r, [h, p] = D(a ?? !1), m = w(
243
- (d) => {
244
- if (d && c)
242
+ }), to = w(
243
+ S((i, a) => {
244
+ const { children: o, content: n, title: r, description: t, onOpen: c, defaultOpen: s, onCloseInterrupt: u, ...l } = i, [d, p] = P(s ?? !1), m = y(
245
+ (h) => {
246
+ if (h && c)
245
247
  c();
246
- else if (!d && u)
248
+ else if (!h && u)
247
249
  return u(() => p(!1));
248
- p(d);
250
+ p(h);
249
251
  },
250
252
  [c, u]
251
- ), f = w(
252
- (d) => {
253
- if (d != null && d.force)
253
+ ), f = y(
254
+ (h) => {
255
+ if (h != null && h.force)
254
256
  return p(!1);
255
257
  m(!1);
256
258
  },
257
259
  [m]
258
260
  );
259
- return /* @__PURE__ */ v(j.Root, { open: h, onOpenChange: m, children: [
260
- /* @__PURE__ */ n(j.Trigger, { children: o }),
261
- /* @__PURE__ */ n(j.Content, { ref: s, ...l, children: /* @__PURE__ */ n(
262
- Rt,
261
+ return /* @__PURE__ */ _(F.Root, { open: d, onOpenChange: m, children: [
262
+ /* @__PURE__ */ e(F.Trigger, { children: o }),
263
+ /* @__PURE__ */ e(F.Content, { ref: a, ...l, children: /* @__PURE__ */ e(
264
+ Nt,
263
265
  {
264
266
  closeDialog: f,
265
- content: t,
266
- title: i,
267
- description: e
267
+ content: n,
268
+ title: r,
269
+ description: t
268
270
  }
269
271
  ) })
270
272
  ] });
271
273
  })
272
- ), Ae = (r) => /* @__PURE__ */ n(W.Title, { mb: "0", ...r }), Dt = (r) => {
273
- const { title: s, description: o, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: e, onCancel: c, severity: a } = r;
274
- return /* @__PURE__ */ v(R, { direction: "column", gap: "2", children: [
275
- /* @__PURE__ */ v(R, { direction: "column", gap: "1", children: [
276
- /* @__PURE__ */ n(Ae, { children: s }),
277
- /* @__PURE__ */ n(W.Description, { children: o })
274
+ ), Me = (i) => /* @__PURE__ */ e(M.Title, { mb: "0", ...i }), kt = (i) => {
275
+ const { title: a, description: o, actionText: n = "Confirm", cancelText: r = "Cancel", onAction: t, onCancel: c, severity: s } = i;
276
+ return /* @__PURE__ */ _($, { direction: "column", gap: "2", children: [
277
+ /* @__PURE__ */ _($, { direction: "column", gap: "1", children: [
278
+ /* @__PURE__ */ e(Me, { children: a }),
279
+ /* @__PURE__ */ e(M.Description, { children: o })
278
280
  ] }),
279
- /* @__PURE__ */ v(R, { gap: "3", mt: "4", justify: "end", children: [
280
- /* @__PURE__ */ n(W.Cancel, { children: /* @__PURE__ */ n(me, { variant: "soft", severity: "info", onClick: c, children: i }) }),
281
- /* @__PURE__ */ n(W.Action, { children: /* @__PURE__ */ n(me, { variant: "solid", severity: a, onClick: e, children: t }) })
281
+ /* @__PURE__ */ _($, { gap: "3", mt: "4", justify: "end", children: [
282
+ /* @__PURE__ */ e(M.Cancel, { children: /* @__PURE__ */ e(_e, { variant: "soft", severity: "info", onClick: c, children: r }) }),
283
+ /* @__PURE__ */ e(M.Action, { children: /* @__PURE__ */ e(_e, { variant: "solid", severity: s, onClick: t, children: n }) })
282
284
  ] })
283
285
  ] });
284
- }, $t = _(function(s) {
285
- const { open: o, setOpen: t, children: i, ...e } = s, c = G(() => ({
286
- close: () => t(!1),
287
- Title: Ae,
288
- Description: W.Description
289
- }), [t]);
290
- return /* @__PURE__ */ v(W.Root, { open: o, onOpenChange: t, children: [
291
- /* @__PURE__ */ n(W.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ n(Dt, { ...e }) }),
292
- i
286
+ }, At = w(function(a) {
287
+ const { open: o, setOpen: n, children: r, ...t } = a, c = j(() => ({
288
+ close: () => n(!1),
289
+ Title: Me,
290
+ Description: M.Description
291
+ }), [n]);
292
+ return /* @__PURE__ */ _(M.Root, { open: o, onOpenChange: n, children: [
293
+ /* @__PURE__ */ e(M.Content, { children: "content" in t ? t.content(c) : /* @__PURE__ */ e(kt, { ...t }) }),
294
+ r
293
295
  ] });
294
- }), Ee = ge(() => {
296
+ }), We = ye(() => {
295
297
  throw new Error("No AlertDialogProvider found");
296
- }), zt = {
298
+ }), Bt = {
297
299
  content: () => null
298
- }, Wn = _(function({ children: s }) {
299
- const [o, t] = D(!1), [i, e] = D(zt), c = w(
300
- (a) => {
300
+ }, no = w(function({ children: a }) {
301
+ const [o, n] = P(!1), [r, t] = P(Bt), c = y(
302
+ (s) => {
301
303
  if (o)
302
304
  throw new Error("AlertDialog is already open");
303
- e(a), t(!0);
305
+ t(s), n(!0);
304
306
  },
305
307
  [o]
306
308
  );
307
- return /* @__PURE__ */ n($t, { open: o, setOpen: t, ...i, children: /* @__PURE__ */ n(Ee.Provider, { value: c, children: s }) });
308
- }), It = () => Ce(Ee), Gn = () => {
309
- const r = It();
310
- return w(
311
- (s) => r({
309
+ return /* @__PURE__ */ e(At, { open: o, setOpen: n, ...r, children: /* @__PURE__ */ e(We.Provider, { value: c, children: a }) });
310
+ }), Lt = () => we(We), oo = () => {
311
+ const i = Lt();
312
+ return y(
313
+ (a) => i({
312
314
  title: "Discard changes?",
313
315
  description: "You have unsaved changes. Are you sure you want to discard them?",
314
316
  actionText: "Discard",
315
317
  severity: "danger",
316
- onAction: s.onDiscard,
317
- onCancel: s.onCancel
318
+ onAction: a.onDiscard,
319
+ onCancel: a.onCancel
318
320
  }),
319
- [r]
321
+ [i]
320
322
  );
321
- }, Ot = _(function({
322
- severity: s,
323
+ }, Mt = w(function({
324
+ severity: a,
323
325
  itemContent: o,
324
- closeOnSelect: t = !0,
325
- onSelect: i,
326
- ...e
326
+ closeOnSelect: n = !0,
327
+ onSelect: r,
328
+ ...t
327
329
  }) {
328
- const c = b(s), a = w(
330
+ const c = O(a), s = y(
329
331
  (u) => {
330
- t || u.preventDefault(), i && i(u);
332
+ n || u.preventDefault(), r && r(u);
331
333
  },
332
- [t, i]
334
+ [n, r]
333
335
  );
334
- return /* @__PURE__ */ n(O.Item, { onSelect: a, color: c, ...e, children: o });
335
- }), kt = _(function({
336
- defaultOpen: s,
336
+ return /* @__PURE__ */ e(z.Item, { onSelect: s, color: c, ...t, children: o });
337
+ }), Wt = w(function({
338
+ defaultOpen: a,
337
339
  open: o,
338
- onOpenChange: t,
339
- modal: i,
340
- trigger: e,
340
+ onOpenChange: n,
341
+ modal: r,
342
+ trigger: t,
341
343
  label: c,
342
- severity: a = "info",
344
+ severity: s = "info",
343
345
  children: u,
344
346
  ...l
345
347
  }) {
346
- const h = b(a);
347
- return /* @__PURE__ */ v(O.Root, { defaultOpen: s, open: o, onOpenChange: t, modal: i, children: [
348
- /* @__PURE__ */ n(O.Trigger, { children: e }),
349
- /* @__PURE__ */ v(O.Content, { color: h, ...l, children: [
350
- c && /* @__PURE__ */ n(O.Label, { children: c }),
348
+ const d = O(s);
349
+ return /* @__PURE__ */ _(z.Root, { defaultOpen: a, open: o, onOpenChange: n, modal: r, children: [
350
+ /* @__PURE__ */ e(z.Trigger, { children: t }),
351
+ /* @__PURE__ */ _(z.Content, { color: d, ...l, children: [
352
+ c && /* @__PURE__ */ e(z.Label, { children: c }),
351
353
  u
352
354
  ] })
353
355
  ] });
354
- }), Nt = _(function({
355
- separatorBelow: s = !1,
356
+ }), jt = w(function({
357
+ separatorBelow: a = !1,
356
358
  separatorAbove: o = !1,
357
- children: t,
358
- ...i
359
+ children: n,
360
+ ...r
359
361
  }) {
360
- return /* @__PURE__ */ v(le, { children: [
361
- o && /* @__PURE__ */ n(O.Separator, {}),
362
- /* @__PURE__ */ n(O.Group, { ...i, children: t }),
363
- s && /* @__PURE__ */ n(O.Separator, {})
362
+ return /* @__PURE__ */ _(pe, { children: [
363
+ o && /* @__PURE__ */ e(z.Separator, {}),
364
+ /* @__PURE__ */ e(z.Group, { ...r, children: n }),
365
+ a && /* @__PURE__ */ e(z.Separator, {})
364
366
  ] });
365
- }), At = _(function({
366
- defaultOpen: s,
367
+ }), Gt = w(function({
368
+ defaultOpen: a,
367
369
  open: o,
368
- onOpenChange: t,
369
- trigger: i,
370
- children: e,
370
+ onOpenChange: n,
371
+ trigger: r,
372
+ children: t,
371
373
  ...c
372
374
  }) {
373
- return /* @__PURE__ */ v(O.Sub, { defaultOpen: s, open: o, onOpenChange: t, children: [
374
- /* @__PURE__ */ n(O.SubTrigger, { children: i }),
375
- /* @__PURE__ */ n(O.SubContent, { ...c, children: e })
375
+ return /* @__PURE__ */ _(z.Sub, { defaultOpen: a, open: o, onOpenChange: n, children: [
376
+ /* @__PURE__ */ e(z.SubTrigger, { children: r }),
377
+ /* @__PURE__ */ e(z.SubContent, { ...c, children: t })
376
378
  ] });
377
- }), Hn = {
378
- Root: kt,
379
- ItemGroup: Nt,
380
- Item: Ot,
381
- SubMenu: At
382
- }, Vn = _(function({ children: s }) {
383
- const [o, t] = D(!1), i = w(() => {
384
- t(!0);
385
- }, []), e = w(() => {
386
- t(!1);
379
+ }), ro = {
380
+ Root: Wt,
381
+ ItemGroup: jt,
382
+ Item: Mt,
383
+ SubMenu: Gt
384
+ }, io = w(function({ children: a }) {
385
+ const [o, n] = P(!1), r = y(() => {
386
+ n(!0);
387
+ }, []), t = y(() => {
388
+ n(!1);
387
389
  }, []);
388
- return s({
390
+ return a({
389
391
  isHovered: o,
390
- onPointerEnter: i,
391
- onPointerLeave: e
392
+ onPointerEnter: r,
393
+ onPointerLeave: t
392
394
  });
393
- }), Et = "_fluid_7n1wr_1", Se = {
394
- fluid: Et
395
- }, Bt = T(function({
396
- className: s,
395
+ }), Vt = "_fluid_7n1wr_1", Oe = {
396
+ fluid: Vt
397
+ }, Ht = S(function({
398
+ className: a,
397
399
  fluid: o,
398
- size: t = "medium",
399
- variant: i = "surface",
400
- severity: e = "primary",
400
+ size: n = "medium",
401
+ variant: r = "surface",
402
+ severity: t = "primary",
401
403
  itemSeverity: c = "info",
402
- placeholder: a = "Select",
404
+ placeholder: s = "Select",
403
405
  side: u,
404
406
  items: l = [],
405
- value: h,
407
+ value: d,
406
408
  id: p,
407
409
  ...m
408
410
  }, f) {
409
- const d = B(t, F), g = b(e), C = b(c);
410
- return /* @__PURE__ */ $e(E.Root, { size: d, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ n(
411
- E.Trigger,
411
+ const h = L(n, X), g = O(t), C = O(c);
412
+ return /* @__PURE__ */ Ee(B.Root, { size: h, ...m, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ e(
413
+ B.Trigger,
412
414
  {
413
- className: x(s, {
414
- [Se.fluid]: o
415
+ className: x(a, {
416
+ [Oe.fluid]: o
415
417
  }),
416
418
  id: p,
417
419
  ref: f,
418
- variant: i,
419
- placeholder: a,
420
+ variant: r,
421
+ placeholder: s,
420
422
  color: g
421
423
  }
422
- ), /* @__PURE__ */ n(
423
- E.Content,
424
+ ), /* @__PURE__ */ e(
425
+ B.Content,
424
426
  {
425
427
  side: u,
426
- className: Se.contentDefault,
428
+ className: Oe.contentDefault,
427
429
  position: "popper",
428
- variant: i !== "surface" ? "soft" : "solid",
430
+ variant: r !== "surface" ? "soft" : "solid",
429
431
  color: C,
430
- children: l.map(({ itemContent: P, value: y, ...$ }) => /* @__PURE__ */ n(E.Item, { className: "overmap-select-item", value: y, ...$, children: P }, y))
432
+ children: l.map(({ itemContent: T, value: v, ...b }) => /* @__PURE__ */ e(B.Item, { className: "overmap-select-item", value: v, ...b, children: T }, v))
431
433
  }
432
434
  ));
433
- }), jn = q.memo(Bt), Pe = _(
434
- T((r, s) => {
435
- const { checked: o, label: t, value: i, size: e = "2" } = r;
436
- return /* @__PURE__ */ n(M, { asChild: !0, px: e, children: /* @__PURE__ */ n(E.Item, { value: i, ref: s, children: /* @__PURE__ */ v(R, { gap: e, align: "center", children: [
437
- /* @__PURE__ */ n(Ye, { checked: o }),
438
- t
435
+ }), so = Z.memo(Ht), $e = w(
436
+ S((i, a) => {
437
+ const { checked: o, label: n, value: r, size: t = "2" } = i;
438
+ return /* @__PURE__ */ e(W, { asChild: !0, px: t, children: /* @__PURE__ */ e(B.Item, { value: r, ref: a, children: /* @__PURE__ */ _($, { gap: t, align: "center", children: [
439
+ /* @__PURE__ */ e(et, { checked: o }),
440
+ n
439
441
  ] }) }) });
440
442
  })
441
- ), ie = "__select_all__", Fn = _(
442
- T((r, s) => {
443
- const [o, t] = D(!1), { placeholder: i, value: e, onValueChange: c, options: a, disabled: u, name: l, ...h } = r, p = B(r.size, F), m = b(r.severity), f = G(() => new Map(a.map((y) => [y.value, y.label])), [a]), d = e.length > 4 ? (
443
+ ), le = "__select_all__", ao = w(
444
+ S((i, a) => {
445
+ const [o, n] = P(!1), { placeholder: r, value: t, onValueChange: c, options: s, disabled: u, name: l, ...d } = i, p = L(i.size, X), m = O(i.severity), f = j(() => new Map(s.map((v) => [v.value, v.label])), [s]), h = t.length > 4 ? (
444
446
  // to ensure the width of the select doesn't get too big
445
- `${e.length} options selected`
447
+ `${t.length} options selected`
446
448
  ) : (
447
449
  // convert the values to labels
448
- /* @__PURE__ */ n("span", { children: e.flatMap((y) => [f.get(y), ", "]).slice(0, -1) })
449
- ), g = w(() => t(!1), []), C = w((y) => {
450
- y && t(!0);
451
- }, []), P = w(
452
- (y) => {
453
- let $;
454
- y === ie ? $ = e.length === a.length ? [] : a.map((de) => de.value) : $ = e.includes(y) ? e.filter((L) => L !== y) : [...e, y], c($);
450
+ /* @__PURE__ */ e("span", { children: t.flatMap((v) => [f.get(v), ", "]).slice(0, -1) })
451
+ ), g = y(() => n(!1), []), C = y((v) => {
452
+ v && n(!0);
453
+ }, []), T = y(
454
+ (v) => {
455
+ let b;
456
+ v === le ? b = t.length === s.length ? [] : s.map((G) => G.value) : b = t.includes(v) ? t.filter((E) => E !== v) : [...t, v], c(b);
455
457
  },
456
- [c, a, e]
458
+ [c, s, t]
457
459
  );
458
- return ue(() => {
459
- if (a.some(({ value: y }) => y === ie))
460
- throw new Error(`Cannot have an option with the value "${ie}"`);
461
- }, [a]), /* @__PURE__ */ v(
462
- E.Root,
460
+ return ee(() => {
461
+ if (s.some(({ value: v }) => v === le))
462
+ throw new Error(`Cannot have an option with the value "${le}"`);
463
+ }, [s]), /* @__PURE__ */ _(
464
+ B.Root,
463
465
  {
464
466
  open: o,
465
467
  value: "",
466
468
  onOpenChange: C,
467
- onValueChange: P,
469
+ onValueChange: T,
468
470
  disabled: u,
469
471
  size: p,
470
472
  name: l,
471
473
  autoComplete: "off",
472
474
  children: [
473
- /* @__PURE__ */ n(
474
- E.Trigger,
475
+ /* @__PURE__ */ e(
476
+ B.Trigger,
475
477
  {
476
- ref: s,
478
+ ref: a,
477
479
  color: m,
478
- placeholder: e.length > 0 ? d : i,
479
- "data-placeholder": e.length > 0 ? void 0 : !0,
480
- ...h
480
+ placeholder: t.length > 0 ? h : r,
481
+ "data-placeholder": t.length > 0 ? void 0 : !0,
482
+ ...d
481
483
  }
482
484
  ),
483
- /* @__PURE__ */ v(
484
- E.Content,
485
+ /* @__PURE__ */ _(
486
+ B.Content,
485
487
  {
486
488
  color: "gray",
487
489
  variant: "soft",
@@ -489,23 +491,23 @@ const lt = {
489
491
  onEscapeKeyDown: g,
490
492
  onPointerDownOutside: g,
491
493
  children: [
492
- /* @__PURE__ */ n(
493
- Pe,
494
+ /* @__PURE__ */ e(
495
+ $e,
494
496
  {
495
- value: ie,
497
+ value: le,
496
498
  label: "Select all",
497
- checked: e.length === a.length,
499
+ checked: t.length === s.length,
498
500
  size: p
499
501
  }
500
502
  ),
501
- a.map((y) => /* @__PURE__ */ n(
502
- Pe,
503
+ s.map((v) => /* @__PURE__ */ e(
504
+ $e,
503
505
  {
504
- ...y,
505
- checked: e.includes(y.value),
506
+ ...v,
507
+ checked: t.includes(v.value),
506
508
  size: p
507
509
  },
508
- y.value
510
+ v.value
509
511
  ))
510
512
  ]
511
513
  }
@@ -514,246 +516,326 @@ const lt = {
514
516
  }
515
517
  );
516
518
  })
517
- ), Lt = {
519
+ ), Ft = {
518
520
  default: "_default_u936h_1"
519
- }, Mt = T(function({ className: s, severity: o = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: e, ...c }, a) {
520
- const u = se(null), [l, h] = D(c.checked ? c.checked : i), [p, m] = D(), f = b(o);
521
- nt(() => {
522
- var P;
523
- const C = a || u;
524
- "current" in C && C.current && m((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
525
- }, [a]);
526
- const d = w(
521
+ }, Xt = S(function({ className: a, severity: o = "primary", icon: n, defaultChecked: r = !1, onCheckedChange: t, ...c }, s) {
522
+ const u = Y(null), [l, d] = P(c.checked ? c.checked : r), [p, m] = P(), f = O(o);
523
+ it(() => {
524
+ var T;
525
+ const C = s || u;
526
+ "current" in C && C.current && m((T = C.current) == null ? void 0 : T.querySelector("span.rt-SwitchThumb"));
527
+ }, [s]);
528
+ const h = y(
527
529
  (C) => {
528
- h(C), e && e(C);
530
+ d(C), t && t(C);
529
531
  },
530
- [e]
532
+ [t]
531
533
  ), g = c.checked ? c.checked : l;
532
- return /* @__PURE__ */ v(le, { children: [
533
- /* @__PURE__ */ n(
534
- Je,
534
+ return /* @__PURE__ */ _(pe, { children: [
535
+ /* @__PURE__ */ e(
536
+ tt,
535
537
  {
536
- className: x("overmap-switch", s, Lt.default),
537
- ref: a || u,
538
+ className: x("overmap-switch", a, Ft.default),
539
+ ref: s || u,
538
540
  color: f,
539
541
  radius: "full",
540
- defaultChecked: i,
541
- onCheckedChange: d,
542
+ defaultChecked: r,
543
+ onCheckedChange: h,
542
544
  ...c
543
545
  }
544
546
  ),
545
- /* @__PURE__ */ n(Ze, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
547
+ /* @__PURE__ */ e(nt, { container: p, asChild: !0, children: n && "checked" in n ? g ? n.checked : n.unchecked : n })
546
548
  ] });
547
- }), Xn = _(Mt), Wt = "_sidebarContent_1onyo_1", Gt = "_right_1onyo_7", Ht = "_resizeHandle_1onyo_10", Vt = "_left_1onyo_13", jt = "_overlay_1onyo_33", H = {
548
- sidebarContent: Wt,
549
- right: Gt,
550
- resizeHandle: Ht,
551
- left: Vt,
552
- overlay: jt
553
- }, Ft = T(function({
554
- side: s = "left",
549
+ }), co = w(Xt), Ut = "_sidebarContent_1onyo_1", qt = "_right_1onyo_7", Kt = "_resizeHandle_1onyo_10", Qt = "_left_1onyo_13", Yt = "_overlay_1onyo_33", V = {
550
+ sidebarContent: Ut,
551
+ right: qt,
552
+ resizeHandle: Kt,
553
+ left: Qt,
554
+ overlay: Yt
555
+ }, Jt = { width: "auto", height: "100%" }, Zt = S(function({
556
+ side: a = "left",
555
557
  modal: o = !0,
556
- children: t,
557
- open: i,
558
- containerSelector: e,
558
+ children: n,
559
+ open: r,
560
+ containerSelector: t,
559
561
  overlay: c = !0,
560
- resizable: a = !0,
562
+ resizable: s = !0,
561
563
  // Props related to Resizable
562
564
  minWidth: u = "300px",
563
565
  maxWidth: l = "500px",
564
- ...h
566
+ ...d
565
567
  }, p) {
566
- const m = s === "right", f = s === "left", [d, g] = D();
567
- return ue(() => {
568
- const C = e ?? '[data-is-root-theme="true"]', P = document.querySelector(C);
569
- if (P === void 0)
568
+ const m = a === "right", f = a === "left", [h, g] = P();
569
+ return ee(() => {
570
+ const C = t ?? '[data-is-root-theme="true"]', T = document.querySelector(C);
571
+ if (T === void 0)
570
572
  throw new Error(`Could not find a container element using the following selector ${C}`);
571
- g(P);
572
- }, [e]), /* @__PURE__ */ n(re.Root, { open: i, modal: o, children: /* @__PURE__ */ v(re.Portal, { container: d, children: [
573
- c && /* @__PURE__ */ n(re.Overlay, { className: x(H.overlay) }),
574
- /* @__PURE__ */ n(
575
- re.Content,
573
+ g(T);
574
+ }, [t]), /* @__PURE__ */ e(ce.Root, { open: r, modal: o, children: /* @__PURE__ */ _(ce.Portal, { container: h, children: [
575
+ c && /* @__PURE__ */ e(ce.Overlay, { className: x(V.overlay) }),
576
+ /* @__PURE__ */ e(
577
+ ce.Content,
576
578
  {
577
- className: x("overmap-sidebar", "rt-DialogContent", H.sidebarContent, {
578
- [H.left]: f,
579
- [H.right]: m
579
+ className: x("overmap-sidebar", "rt-DialogContent", V.sidebarContent, {
580
+ [V.left]: f,
581
+ [V.right]: m
580
582
  }),
581
583
  ref: p,
582
584
  asChild: !0,
583
- ...h,
584
- children: /* @__PURE__ */ n(M, { width: "auto", children: /* @__PURE__ */ n(
585
- pe,
585
+ ...d,
586
+ children: /* @__PURE__ */ e(W, { width: "auto", children: /* @__PURE__ */ e(
587
+ de,
586
588
  {
587
589
  minWidth: u,
588
590
  maxWidth: l,
589
- defaultSize: { width: "300px", height: "100%" },
590
- enable: { right: a && f, left: a && m },
591
- handleClasses: { left: H.resizeHandle, right: H.resizeHandle },
591
+ defaultSize: Jt,
592
+ enable: { right: s && f, left: s && m },
593
+ handleClasses: { left: V.resizeHandle, right: V.resizeHandle },
592
594
  handleComponent: {
593
- right: /* @__PURE__ */ n(ae, {}),
594
- left: /* @__PURE__ */ n(ae, {})
595
+ right: /* @__PURE__ */ e(ue, {}),
596
+ left: /* @__PURE__ */ e(ue, {})
595
597
  },
596
- children: t
598
+ children: n
597
599
  }
598
600
  ) })
599
601
  }
600
602
  )
601
603
  ] }) });
602
- }), Un = _(Ft), Xt = "_accommodateCharCount_sr18k_1", Ut = "_wrapper_sr18k_5", qt = "_noLeftIcon_sr18k_13", Kt = "_noRightIcon_sr18k_17", Qt = "_charCount_sr18k_21", V = {
603
- accommodateCharCount: Xt,
604
- wrapper: Ut,
604
+ }), lo = w(Zt), en = "_content_jyaca_1", tn = "_left_jyaca_10", nn = "_right_jyaca_13", on = "_resizable_jyaca_17", rn = "_slideOutOverlay_jyaca_21", Q = {
605
+ content: en,
606
+ left: tn,
607
+ right: nn,
608
+ resizable: on,
609
+ slideOutOverlay: rn
610
+ }, je = 200, sn = {
611
+ enter: 0,
612
+ exit: je
613
+ }, uo = w(function({
614
+ open: a,
615
+ side: o = "left",
616
+ container: n,
617
+ children: r,
618
+ minWidth: t,
619
+ maxWidth: c,
620
+ resizable: s = !0,
621
+ overlay: u = !1,
622
+ modal: l = !1,
623
+ resizeHandle: d,
624
+ ...p
625
+ }) {
626
+ const m = Y(null), [f, h] = P(t), [g, C] = P(), T = o === "left", v = o === "right";
627
+ ee(() => {
628
+ C(document.querySelector('[data-is-root-theme="true"]'));
629
+ }, []);
630
+ const b = y(
631
+ (U, Se, fe, q) => {
632
+ h(fe.clientWidth);
633
+ },
634
+ []
635
+ ), E = y(() => {
636
+ m.current && (m.current.style.transform = `translateX(${v ? 100 : -100}%)`);
637
+ }, [v]), G = y(() => {
638
+ m.current && (m.current.style.transition = `transform ${je}ms linear`);
639
+ }, []), me = y(() => {
640
+ m.current && (m.current.style.transform = "translateX(0)");
641
+ }, []);
642
+ return /* @__PURE__ */ e(st, { open: !0, modal: l, children: /* @__PURE__ */ e(
643
+ Ce,
644
+ {
645
+ in: a,
646
+ timeout: sn,
647
+ nodeRef: m,
648
+ onEnter: E,
649
+ onEntering: G,
650
+ onEntered: me,
651
+ onExiting: G,
652
+ onExit: E,
653
+ unmountOnExit: !0,
654
+ mountOnEnter: !0,
655
+ children: () => /* @__PURE__ */ _(at, { container: n || g, children: [
656
+ u && /* @__PURE__ */ e(ct, { className: Q.slideOutOverlay }),
657
+ /* @__PURE__ */ e(
658
+ lt,
659
+ {
660
+ className: x("overmap-slide-out", Q.content, {
661
+ [Q.left]: T,
662
+ [Q.right]: v
663
+ }),
664
+ asChild: !0,
665
+ ...p,
666
+ children: /* @__PURE__ */ e(W, { width: "auto", ref: m, children: /* @__PURE__ */ e(
667
+ de,
668
+ {
669
+ className: Q.resizable,
670
+ defaultSize: { width: f, height: "100%" },
671
+ onResize: b,
672
+ enable: { right: s && T, left: s && v },
673
+ handleComponent: { left: d, right: d },
674
+ minWidth: t,
675
+ maxWidth: c,
676
+ children: r
677
+ }
678
+ ) })
679
+ }
680
+ )
681
+ ] })
682
+ }
683
+ ) });
684
+ }), an = "_accommodateCharCount_sr18k_1", cn = "_wrapper_sr18k_5", ln = "_noLeftIcon_sr18k_13", un = "_noRightIcon_sr18k_17", dn = "_charCount_sr18k_21", H = {
685
+ accommodateCharCount: an,
686
+ wrapper: cn,
605
687
  default: "_default_sr18k_9",
606
- noLeftIcon: qt,
607
- noRightIcon: Kt,
608
- charCount: Qt
609
- }, Yt = T(function({
610
- className: s,
688
+ noLeftIcon: ln,
689
+ noRightIcon: un,
690
+ charCount: dn
691
+ }, hn = S(function({
692
+ className: a,
611
693
  leftSlot: o,
612
- rightSlot: t,
613
- size: i = "medium",
614
- showInputLength: e,
694
+ rightSlot: n,
695
+ size: r = "medium",
696
+ showInputLength: t,
615
697
  value: c,
616
- variant: a,
698
+ variant: s,
617
699
  severity: u = "primary",
618
700
  ...l
619
- }, h) {
620
- const p = B(i, F), m = b(u), f = e || e === void 0 && l.maxLength !== void 0, d = c !== void 0 ? c.toString() : void 0;
621
- return /* @__PURE__ */ v(
622
- te.Root,
701
+ }, d) {
702
+ const p = L(r, X), m = O(u), f = t || t === void 0 && l.maxLength !== void 0, h = c !== void 0 ? c.toString() : void 0;
703
+ return /* @__PURE__ */ _(
704
+ ie.Root,
623
705
  {
624
- className: x(V.wrapper, {
625
- [V.accommodateCharCount]: f
706
+ className: x(H.wrapper, {
707
+ [H.accommodateCharCount]: f
626
708
  }),
627
709
  size: p,
628
- variant: a,
710
+ variant: s,
629
711
  color: m,
630
712
  children: [
631
- o && /* @__PURE__ */ n(te.Slot, { children: o }),
632
- /* @__PURE__ */ n(
633
- te.Input,
713
+ o && /* @__PURE__ */ e(ie.Slot, { children: o }),
714
+ /* @__PURE__ */ e(
715
+ ie.Input,
634
716
  {
635
- className: x(V.default, s, {
636
- [V.noLeftIcon]: !o,
637
- [V.noRightIcon]: !t
717
+ className: x(H.default, a, {
718
+ [H.noLeftIcon]: !o,
719
+ [H.noRightIcon]: !n
638
720
  }),
639
- ref: h,
721
+ ref: d,
640
722
  size: p,
641
- variant: a,
723
+ variant: s,
642
724
  color: m,
643
725
  ...l
644
726
  }
645
727
  ),
646
- t && /* @__PURE__ */ n(te.Slot, { children: t }),
647
- f && /* @__PURE__ */ n(ce, { as: "p", className: V.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${d == null ? void 0 : d.length}/${l.maxLength}` : `${d == null ? void 0 : d.length}` })
728
+ n && /* @__PURE__ */ e(ie.Slot, { children: n }),
729
+ f && /* @__PURE__ */ e(he, { as: "p", className: H.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${h == null ? void 0 : h.length}/${l.maxLength}` : `${h == null ? void 0 : h.length}` })
648
730
  ]
649
731
  }
650
732
  );
651
- }), qn = q.memo(Yt), Jt = "_wrapper_tmtz0_1", Zt = {
652
- wrapper: Jt
653
- }, en = T(function({ className: s, defaultOpen: o = !1, modal: t = !1, content: i, children: e, ...c }, a) {
654
- return /* @__PURE__ */ v(ne.Root, { defaultOpen: o, modal: t, children: [
655
- /* @__PURE__ */ n(ne.Trigger, { children: e }),
656
- /* @__PURE__ */ n(
657
- ne.Content,
733
+ }), ho = Z.memo(hn), pn = "_wrapper_tmtz0_1", mn = {
734
+ wrapper: pn
735
+ }, fn = S(function({ className: a, defaultOpen: o = !1, modal: n = !1, content: r, children: t, ...c }, s) {
736
+ return /* @__PURE__ */ _(se.Root, { defaultOpen: o, modal: n, children: [
737
+ /* @__PURE__ */ e(se.Trigger, { children: t }),
738
+ /* @__PURE__ */ e(
739
+ se.Content,
658
740
  {
659
- ref: a,
660
- className: x("overmap-popover", s, Zt.wrapper),
741
+ ref: s,
742
+ className: x("overmap-popover", a, mn.wrapper),
661
743
  ...c,
662
- children: i(ne.Close)
744
+ children: r(se.Close)
663
745
  }
664
746
  )
665
747
  ] });
666
- }), Kn = q.memo(en), tn = "_wrapper_1mz2e_1", nn = "_panelContent_1mz2e_6", on = "_left_1mz2e_14", rn = "_right_1mz2e_18", sn = "_resizable_1mz2e_23", an = "_resizeHandle_1mz2e_28", cn = "_panelMainContent_1mz2e_48", I = {
667
- wrapper: tn,
668
- panelContent: nn,
669
- left: on,
670
- right: rn,
671
- resizable: sn,
672
- resizeHandle: an,
673
- panelMainContent: cn
674
- }, be = 200, A = 150, Qn = _(function({
675
- children: s,
748
+ }), po = Z.memo(fn), gn = "_wrapper_1ssf2_1", Cn = "_panelContent_1ssf2_6", _n = "_left_1ssf2_14", vn = "_right_1ssf2_18", yn = "_resizable_1ssf2_23", wn = "_resizeHandle_1ssf2_28", xn = "_panelMainContent_1ssf2_48", I = {
749
+ wrapper: gn,
750
+ panelContent: Cn,
751
+ left: _n,
752
+ right: vn,
753
+ resizable: yn,
754
+ resizeHandle: wn,
755
+ panelMainContent: xn
756
+ }, De = 200, A = 150, mo = w(function({
757
+ children: a,
676
758
  showLeft: o,
677
- leftPanel: t,
678
- leftMinWidth: i = be,
679
- showRight: e,
759
+ leftPanel: n,
760
+ leftMinWidth: r = De,
761
+ showRight: t,
680
762
  rightPanel: c,
681
- rightMinWidth: a = be,
763
+ rightMinWidth: s = De,
682
764
  resizeable: u
683
765
  }) {
684
- const l = se(null), h = se(null), [p, m] = D(0), [f, d] = D(), g = se(null), [C, P] = D(0), [y, $] = D(), L = w(
685
- (S, z, k) => (N, ye, we, he) => {
766
+ const l = Y(null), d = Y(null), [p, m] = P(0), [f, h] = P(), g = Y(null), [C, T] = P(0), [v, b] = P(), E = y(
767
+ (R, D, N) => (k, Re, Pe, ge) => {
686
768
  if (!l.current)
687
769
  return;
688
- const Y = S + he.width;
689
- k(l.current.clientWidth - Y), z(() => Y);
770
+ const te = R + ge.width;
771
+ N(l.current.clientWidth - te), D(() => te);
690
772
  },
691
773
  []
692
- ), de = w(
693
- (S, z, k, N) => L(p, m, $)(S, z, k, N),
694
- [L, p]
695
- ), Le = w(
696
- (S, z, k, N) => L(C, P, d)(S, z, k, N),
697
- [L, C]
698
- ), K = w(
699
- (S, z, k, N, ye, we, he, Y) => {
774
+ ), G = y(
775
+ (R, D, N, k) => E(p, m, b)(R, D, N, k),
776
+ [E, p]
777
+ ), me = y(
778
+ (R, D, N, k) => E(C, T, h)(R, D, N, k),
779
+ [E, C]
780
+ ), U = y(
781
+ (R, D, N, k, Re, Pe, ge, te) => {
700
782
  if (!l.current)
701
783
  return;
702
- let J = S;
703
- if (J === 0 && (J = z, k(J)), we) {
704
- const Z = l.current.clientWidth - J;
705
- Y(Z), ye > Z && (he(Z), N(l.current.clientWidth - Z));
784
+ let ne = R;
785
+ if (ne === 0 && (ne = D, N(ne)), Pe) {
786
+ const oe = l.current.clientWidth - ne;
787
+ te(oe), Re > oe && (ge(oe), k(l.current.clientWidth - oe));
706
788
  }
707
789
  },
708
790
  []
709
- ), Me = w(
710
- () => K(
791
+ ), Se = y(
792
+ () => U(
711
793
  C,
712
- a,
713
- P,
714
- $,
794
+ s,
795
+ T,
796
+ b,
715
797
  p,
716
798
  o,
717
799
  m,
718
- d
800
+ h
719
801
  ),
720
- [K, p, a, C, o]
721
- ), We = w(
722
- () => K(
802
+ [U, p, s, C, o]
803
+ ), fe = y(
804
+ () => U(
723
805
  p,
724
- i,
806
+ r,
725
807
  m,
726
- d,
808
+ h,
727
809
  C,
728
- e,
729
- P,
730
- $
810
+ t,
811
+ T,
812
+ b
731
813
  ),
732
- [K, i, p, C, e]
733
- ), Q = w(
734
- (S, z) => {
735
- l.current && S && z(l.current.clientWidth);
814
+ [U, r, p, C, t]
815
+ ), q = y(
816
+ (R, D) => {
817
+ l.current && R && D(l.current.clientWidth);
736
818
  },
737
819
  []
738
- ), Ge = w(
739
- () => Q(o, d),
740
- [Q, o]
741
- ), He = w(
742
- () => Q(e, $),
743
- [Q, e]
744
- ), _e = w(() => {
745
- var S, z, k, N;
746
- l.current && (d(l.current.clientWidth - (((S = g.current) == null ? void 0 : S.clientWidth) || 0)), $(l.current.clientWidth - (((z = h.current) == null ? void 0 : z.clientWidth) || 0)), m(((k = h.current) == null ? void 0 : k.clientWidth) || 0), P(((N = g.current) == null ? void 0 : N.clientWidth) || 0));
820
+ ), Ve = y(
821
+ () => q(o, h),
822
+ [q, o]
823
+ ), He = y(
824
+ () => q(t, b),
825
+ [q, t]
826
+ ), Te = y(() => {
827
+ var R, D, N, k;
828
+ l.current && (h(l.current.clientWidth - (((R = g.current) == null ? void 0 : R.clientWidth) || 0)), b(l.current.clientWidth - (((D = d.current) == null ? void 0 : D.clientWidth) || 0)), m(((N = d.current) == null ? void 0 : N.clientWidth) || 0), T(((k = g.current) == null ? void 0 : k.clientWidth) || 0));
747
829
  }, []);
748
- ue(() => {
830
+ ee(() => {
749
831
  if (!l.current)
750
832
  return;
751
- const S = new ResizeObserver(_e);
752
- return S.observe(l.current), () => {
753
- S.disconnect();
833
+ const R = new ResizeObserver(Te);
834
+ return R.observe(l.current), () => {
835
+ R.disconnect();
754
836
  };
755
- }, [_e]);
756
- const Ve = G(() => ({
837
+ }, [Te]);
838
+ const Fe = j(() => ({
757
839
  entering: {
758
840
  transform: `translateX(-${p}px)`,
759
841
  marginRight: `-${p}px`,
@@ -777,7 +859,7 @@ const lt = {
777
859
  },
778
860
  exited: {},
779
861
  unmounted: {}
780
- }), [p]), je = G(() => ({
862
+ }), [p]), Xe = j(() => ({
781
863
  entering: {
782
864
  transform: `translateX(${C}px)`,
783
865
  marginLeft: `${-C}px`,
@@ -802,11 +884,11 @@ const lt = {
802
884
  exited: {},
803
885
  unmounted: {}
804
886
  }), [C]);
805
- return /* @__PURE__ */ v(
806
- R,
887
+ return /* @__PURE__ */ _(
888
+ $,
807
889
  {
808
890
  className: I.wrapper,
809
- style: { minWidth: `${i + a}px` },
891
+ style: { minWidth: `${r + s}px` },
810
892
  ref: l,
811
893
  width: "100%",
812
894
  height: "100%",
@@ -814,79 +896,79 @@ const lt = {
814
896
  m: "0",
815
897
  p: "0",
816
898
  children: [
817
- /* @__PURE__ */ n(
818
- Te,
899
+ /* @__PURE__ */ e(
900
+ Ce,
819
901
  {
820
- nodeRef: h,
902
+ nodeRef: d,
821
903
  timeout: o ? 0 : A,
822
904
  in: o,
823
905
  unmountOnExit: !0,
824
- onEntering: We,
906
+ onEntering: fe,
825
907
  onExited: He,
826
- children: (S) => /* @__PURE__ */ n(
827
- M,
908
+ children: (R) => /* @__PURE__ */ e(
909
+ W,
828
910
  {
829
- ref: h,
911
+ ref: d,
830
912
  className: x(I.panelContent, I.left),
831
- style: Ve[S],
913
+ style: Fe[R],
832
914
  width: "auto",
833
915
  height: "100%",
834
916
  m: "0",
835
917
  p: "0",
836
- children: /* @__PURE__ */ n(
837
- pe,
918
+ children: /* @__PURE__ */ e(
919
+ de,
838
920
  {
839
921
  className: I.resizable,
840
922
  size: {
841
923
  width: p,
842
924
  height: "100%"
843
925
  },
844
- onResizeStop: de,
926
+ onResizeStop: G,
845
927
  enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
846
- minWidth: i,
928
+ minWidth: r,
847
929
  maxWidth: f,
848
930
  handleClasses: { right: x(I.resizeHandle, I.left) },
849
931
  handleComponent: {
850
- right: /* @__PURE__ */ n(ae, { height: "14px", width: "14px" })
932
+ right: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" })
851
933
  },
852
- children: t
934
+ children: n
853
935
  }
854
936
  )
855
937
  }
856
938
  )
857
939
  }
858
940
  ),
859
- /* @__PURE__ */ n(M, { className: I.panelMainContent, width: "max-content", children: s }),
860
- /* @__PURE__ */ n(
861
- Te,
941
+ /* @__PURE__ */ e("div", { className: I.panelMainContent, children: a }),
942
+ /* @__PURE__ */ e(
943
+ Ce,
862
944
  {
863
945
  nodeRef: g,
864
- timeout: e ? 0 : A,
865
- in: e,
946
+ timeout: t ? 0 : A,
947
+ in: t,
866
948
  unmountOnExit: !0,
867
- onEntering: Me,
868
- onExited: Ge,
869
- children: (S) => /* @__PURE__ */ n(
870
- M,
949
+ onEntering: Se,
950
+ onExited: Ve,
951
+ children: (R) => /* @__PURE__ */ e(
952
+ W,
871
953
  {
872
954
  ref: g,
873
955
  className: x(I.panelContent, I.right),
874
- style: je[S],
956
+ style: Xe[R],
875
957
  width: "auto",
876
958
  height: "100%",
877
959
  m: "0",
878
960
  p: "0",
879
- children: /* @__PURE__ */ n(
880
- pe,
961
+ children: /* @__PURE__ */ e(
962
+ de,
881
963
  {
882
964
  className: I.resizable,
883
965
  size: { width: C, height: "100%" },
884
- onResizeStop: Le,
966
+ onResizeStop: me,
885
967
  enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
886
- minWidth: a,
887
- maxWidth: y,
968
+ minWidth: s,
969
+ maxWidth: v,
888
970
  handleClasses: { left: x(I.resizeHandle, I.right) },
889
- handleComponent: { left: /* @__PURE__ */ n(ae, { height: "14px", width: "14px" }) },
971
+ handleComponent: { left: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" }) },
890
972
  children: c
891
973
  }
892
974
  )
@@ -897,259 +979,260 @@ const lt = {
897
979
  ]
898
980
  }
899
981
  );
900
- }), ln = "_charCount_17uut_1", un = {
901
- charCount: ln
902
- }, dn = T(function({ className: s, showInputLength: o, inputLengthTemplate: t, value: i, severity: e = "primary", resize: c, ...a }, u) {
903
- const l = b(e), h = b("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = i !== void 0 ? i.toString() : "", f = G(() => {
904
- if (t) {
905
- let d = t.replace("{current}", m.length.toString());
906
- return a.minLength !== void 0 && (d = d.replace("{min}", a.minLength.toString())), a.maxLength !== void 0 && (d = d.replace("{max}", a.maxLength.toString())), d;
982
+ }), Sn = "_charCount_17uut_1", Tn = {
983
+ charCount: Sn
984
+ }, Rn = S(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: r, severity: t = "primary", resize: c, ...s }, u) {
985
+ const l = O(t), d = O("info"), p = o || o === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), m = r !== void 0 ? r.toString() : "", f = j(() => {
986
+ if (n) {
987
+ let h = n.replace("{current}", m.length.toString());
988
+ return s.minLength !== void 0 && (h = h.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (h = h.replace("{max}", s.maxLength.toString())), h;
907
989
  }
908
990
  return m.length;
909
- }, [t, a.maxLength, a.minLength, m.length]);
910
- return /* @__PURE__ */ v(le, { children: [
911
- /* @__PURE__ */ n(
912
- et,
991
+ }, [n, s.maxLength, s.minLength, m.length]);
992
+ return /* @__PURE__ */ _(pe, { children: [
993
+ /* @__PURE__ */ e(
994
+ ot,
913
995
  {
914
- className: x("overmap-textarea", s),
996
+ className: x("overmap-textarea", a),
915
997
  style: { resize: c },
916
998
  ref: u,
917
- value: i,
999
+ value: r,
918
1000
  color: l,
919
- ...a
1001
+ ...s
920
1002
  }
921
1003
  ),
922
- p && /* @__PURE__ */ n(ce, { as: "p", className: un.charCount, color: h, align: "right", children: f })
1004
+ p && /* @__PURE__ */ e(he, { as: "p", className: Tn.charCount, color: d, align: "right", children: f })
923
1005
  ] });
924
- }), Yn = _(dn), hn = T(function({
1006
+ }), fo = w(Rn), Pn = S(function({
925
1007
  // ToggleGroup Primitive Props
926
- loop: s,
1008
+ loop: a,
927
1009
  type: o,
928
- rovingFocus: t,
929
- value: i,
930
- onValueChange: e,
1010
+ rovingFocus: n,
1011
+ value: r,
1012
+ onValueChange: t,
931
1013
  defaultValue: c,
932
- disabled: a,
1014
+ disabled: s,
933
1015
  items: u,
934
1016
  // ButtonGroup Props
935
1017
  className: l,
936
- direction: h = "row",
1018
+ direction: d = "row",
937
1019
  ...p
938
1020
  }, m) {
939
- return /* @__PURE__ */ n(
940
- ot,
1021
+ return /* @__PURE__ */ e(
1022
+ ut,
941
1023
  {
942
1024
  type: o,
943
1025
  className: x("overmap-toggle-group", l),
944
1026
  ref: m,
945
- value: i,
946
- onValueChange: e,
947
- disabled: a,
948
- orientation: h === "column" ? "vertical" : "horizontal",
949
- loop: s,
950
- rovingFocus: t,
1027
+ value: r,
1028
+ onValueChange: t,
1029
+ disabled: s,
1030
+ orientation: d === "column" ? "vertical" : "horizontal",
1031
+ loop: a,
1032
+ rovingFocus: n,
951
1033
  defaultValue: c,
952
1034
  asChild: !0,
953
- children: /* @__PURE__ */ n(Ne, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ $e(rt, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ n(
954
- ke,
1035
+ children: /* @__PURE__ */ e(Le, { direction: d, ...p, children: u.map(({ children: f, ...h }) => /* @__PURE__ */ Ee(dt, { asChild: !0, ...h, key: h.value }, /* @__PURE__ */ e(
1036
+ Be,
955
1037
  {
956
1038
  className: x("overmap-toggle-group-button"),
957
- "aria-label": d.value,
958
- variant: d.value === i ? "solid" : "soft",
1039
+ "aria-label": h.value,
1040
+ variant: h.value === r ? "solid" : "soft",
959
1041
  children: f
960
1042
  }
961
1043
  ))) })
962
1044
  }
963
1045
  );
964
- }), Jn = _(hn), pn = "_ToastViewport_1i6bp_1", mn = "_actionButton_1i6bp_20", fn = "_ToastRoot_1i6bp_24", gn = "_slideIn_1i6bp_1", Cn = "_swipeOut_1i6bp_1", fe = {
965
- ToastViewport: pn,
966
- actionButton: mn,
967
- ToastRoot: fn,
968
- slideIn: gn,
969
- swipeOut: Cn
970
- }, vn = T(function({ title: s, description: o, icon: t, severity: i = "primary", size: e, onClose: c, sensitivity: a, action: u, ...l }, h) {
971
- const [p, m] = D(!0), f = b(i), d = w(
1046
+ }), go = w(Pn), bn = "_ToastViewport_1joop_1", On = "_actionButton_1joop_20", $n = "_ToastRoot_1joop_24", Dn = "_slideIn_1joop_1", In = "_swipeOut_1joop_1", ve = {
1047
+ ToastViewport: bn,
1048
+ actionButton: On,
1049
+ ToastRoot: $n,
1050
+ slideIn: Dn,
1051
+ swipeOut: In
1052
+ }, zn = S(function({ title: a, description: o, icon: n, severity: r = "primary", size: t, onClose: c, sensitivity: s, action: u, ...l }, d) {
1053
+ const [p, m] = P(!0), f = O(r), h = y(
972
1054
  (g) => {
973
1055
  !g && c && c(), m(g);
974
1056
  },
975
1057
  [c]
976
1058
  );
977
- return /* @__PURE__ */ n(X.Root, { asChild: !0, ref: h, ...l, open: p, type: a, onOpenChange: d, children: /* @__PURE__ */ n(oe.Root, { className: fe.ToastRoot, variant: "surface", color: f, size: e, children: /* @__PURE__ */ v(R, { width: "100%", align: "center", gap: "4", justify: "between", children: [
978
- /* @__PURE__ */ v(R, { align: "center", gap: "3", children: [
979
- /* @__PURE__ */ n(oe.Icon, { children: t }),
980
- /* @__PURE__ */ v(R, { direction: "column", gap: "2", children: [
981
- /* @__PURE__ */ v(R, { direction: "column", gap: "0", children: [
982
- /* @__PURE__ */ n(X.Title, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { size: "3", weight: "medium", children: s }) }),
983
- /* @__PURE__ */ n(X.Description, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { children: o }) })
1059
+ return /* @__PURE__ */ e(K.Root, { asChild: !0, ref: d, ...l, open: p, type: s, onOpenChange: h, children: /* @__PURE__ */ e(ae.Root, { className: ve.ToastRoot, variant: "surface", color: f, size: t, children: /* @__PURE__ */ _($, { width: "100%", align: "center", gap: "4", justify: "between", children: [
1060
+ /* @__PURE__ */ _($, { align: "center", gap: "3", children: [
1061
+ /* @__PURE__ */ e(ae.Icon, { children: n || /* @__PURE__ */ e(qe, {}) }),
1062
+ /* @__PURE__ */ _($, { direction: "column", gap: "1", children: [
1063
+ /* @__PURE__ */ _($, { direction: "column", gap: "0", children: [
1064
+ /* @__PURE__ */ e(K.Title, { asChild: !0, children: /* @__PURE__ */ e(ae.Text, { weight: "medium", children: a }) }),
1065
+ /* @__PURE__ */ e(K.Description, { asChild: !0, children: /* @__PURE__ */ e(ae.Text, { weight: "light", children: o }) })
984
1066
  ] }),
985
- u && /* @__PURE__ */ n(X.Action, { className: fe.actionButton, altText: u.altText, asChild: !0, children: u.content })
1067
+ u && /* @__PURE__ */ e(K.Action, { className: ve.actionButton, altText: u.altText, asChild: !0, children: u.content })
986
1068
  ] })
987
1069
  ] }),
988
- /* @__PURE__ */ n(X.Close, { asChild: !0, children: /* @__PURE__ */ n(ke, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ n(Xe, {}) }) })
1070
+ /* @__PURE__ */ e(K.Close, { asChild: !0, children: /* @__PURE__ */ e(Be, { "aria-label": "Close", variant: "ghost", size: "small", severity: r, children: /* @__PURE__ */ e(Ke, {}) }) })
989
1071
  ] }) }) });
990
- }), _n = _(vn), Be = ge({}), Zn = () => {
991
- const r = Ce(Be);
992
- if (!r)
1072
+ }), En = w(zn), Ge = ye({}), Co = () => {
1073
+ const i = we(Ge);
1074
+ if (!i)
993
1075
  throw new Error("useToast must be used within a ToastProvider");
994
- return r;
995
- }, yn = 240 / 60, Re = 5e3, wn = (r) => {
996
- if (r.duration && r.duration >= Re)
997
- return r.duration;
998
- const s = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
999
- return (Re + o / yn) * s;
1076
+ return i;
1077
+ }, Nn = 240 / 60, Ie = 5e3, kn = (i) => {
1078
+ if (i.duration && i.duration >= Ie)
1079
+ return i.duration;
1080
+ const a = i.severity === "danger" ? 1.5 : 1, o = i.description.split(" ").length + i.title.split(" ").length;
1081
+ return (Ie + o / Nn) * a;
1000
1082
  };
1001
- let xn;
1002
- const eo = _(function({
1003
- children: s,
1083
+ let An;
1084
+ const _o = w(function({
1085
+ children: a,
1004
1086
  // Use this class to change where the viewport for the toasts should be
1005
1087
  className: o,
1006
- hotkey: t,
1007
- ...i
1088
+ hotkey: n,
1089
+ ...r
1008
1090
  }) {
1009
- const [e, c] = D([]), a = w((l, h, p) => {
1091
+ const [t, c] = P([]), s = y((l, d, p) => {
1010
1092
  c((m) => {
1011
- const f = m.find((d) => d.id === l);
1012
- return f && h === 0 && clearTimeout(f.timeout), m.filter((d) => d.id !== l);
1093
+ const f = m.find((h) => h.id === l);
1094
+ return f && d === 0 && clearTimeout(f.timeout), m.filter((h) => h.id !== l);
1013
1095
  }), p && p();
1014
- }, []), u = G(() => {
1096
+ }, []), u = j(() => {
1015
1097
  let l = 0;
1016
- const h = (g) => {
1017
- const C = wn(g), P = l.toString();
1098
+ const d = (g) => {
1099
+ const C = kn(g), T = l.toString();
1018
1100
  l += 1;
1019
- const y = setTimeout(() => a(P, 1, g.onClose), C);
1020
- c(($) => [...$, { ...g, timeout: y, duration: C, id: P }]);
1021
- }, p = (g) => h({ ...g, severity: "primary" }), m = (g) => h({ ...g, severity: "success" }), f = (g) => h({ ...g, severity: "danger" }), d = (g) => h({ ...g, severity: "info" });
1022
- return xn = h, {
1023
- showToast: h,
1101
+ const v = setTimeout(() => s(T, 1, g.onClose), C);
1102
+ c((b) => [...b, { ...g, timeout: v, duration: C, id: T }]);
1103
+ }, p = (g) => d({ ...g, severity: "primary" }), m = (g) => d({ ...g, severity: "success" }), f = (g) => d({ ...g, severity: "danger" }), h = (g) => d({ ...g, severity: "info" });
1104
+ return An = d, {
1105
+ showToast: d,
1024
1106
  showPrimary: p,
1025
1107
  showSuccess: m,
1026
1108
  showError: f,
1027
- showInfo: d
1109
+ showInfo: h
1028
1110
  };
1029
- }, [a]);
1030
- return ue(() => () => {
1031
- for (const { timeout: l } of e)
1111
+ }, [s]);
1112
+ return ee(() => () => {
1113
+ for (const { timeout: l } of t)
1032
1114
  clearTimeout(l);
1033
- }, []), /* @__PURE__ */ n(Be.Provider, { value: u, children: /* @__PURE__ */ v(it, { ...i, children: [
1034
- s,
1035
- /* @__PURE__ */ n(st, { className: x(o, fe.ToastViewport), hotkey: t }),
1036
- e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ n(_n, { ...p, onClose: () => a(l, 0, h) }, l))
1115
+ }, []), /* @__PURE__ */ e(Ge.Provider, { value: u, children: /* @__PURE__ */ _(ht, { ...r, children: [
1116
+ a,
1117
+ /* @__PURE__ */ e(pt, { className: x(o, ve.ToastViewport), hotkey: n }),
1118
+ t.map(({ id: l, onClose: d, ...p }) => /* @__PURE__ */ e(En, { ...p, onClose: () => s(l, 0, d) }, l))
1037
1119
  ] }) });
1038
- }), Tn = "_noWrap_1wpa5_1", Sn = {
1039
- noWrap: Tn
1040
- }, to = _(
1041
- T(({ className: r, noWrap: s, severity: o, as: t, ...i }, e) => {
1042
- const c = b(o);
1043
- return /* @__PURE__ */ n(
1044
- ce,
1120
+ }), Bn = "_noWrap_1wpa5_1", Ln = {
1121
+ noWrap: Bn
1122
+ }, vo = w(
1123
+ S(({ className: i, noWrap: a, severity: o, as: n, ...r }, t) => {
1124
+ const c = O(o);
1125
+ return /* @__PURE__ */ e(
1126
+ he,
1045
1127
  {
1046
- ref: e,
1047
- as: t,
1048
- className: x(r, { [Sn.noWrap]: s }),
1128
+ ref: t,
1129
+ as: n,
1130
+ className: x(i, { [Ln.noWrap]: a }),
1049
1131
  color: c,
1050
- ...i
1132
+ ...r
1051
1133
  }
1052
1134
  );
1053
1135
  })
1054
1136
  );
1055
- const no = _(
1056
- T((r, s) => {
1057
- const { panelBackground: o = "solid", radius: t = "full", ...i } = r;
1058
- return /* @__PURE__ */ n(tt, { panelBackground: o, radius: t, ref: s, ...i });
1137
+ const yo = w(
1138
+ S((i, a) => {
1139
+ const { panelBackground: o = "solid", radius: n = "full", ...r } = i;
1140
+ return /* @__PURE__ */ e(rt, { panelBackground: o, radius: n, ref: a, ...r });
1059
1141
  })
1060
- ), Pn = {
1142
+ ), Mn = {
1061
1143
  1: "max-content",
1062
1144
  2: "max-content",
1063
1145
  3: "max-content",
1064
1146
  4: "100%"
1065
- }, bn = T(function({ severity: s = "info", weight: o = "light", gap: t = "1", text: i, orientation: e = "horizontal", size: c, ...a }, u) {
1066
- const l = B(c, Pn), h = b(s);
1067
- return /* @__PURE__ */ v(
1068
- R,
1147
+ }, Wn = S(function({ severity: a = "info", weight: o = "light", gap: n = "1", text: r, orientation: t = "horizontal", size: c, ...s }, u) {
1148
+ const l = L(c, Mn), d = O(a);
1149
+ return /* @__PURE__ */ _(
1150
+ $,
1069
1151
  {
1070
1152
  ref: u,
1071
- width: e === "horizontal" ? l : "max-content",
1072
- height: e === "vertical" ? l : "max-content",
1073
- direction: e === "vertical" ? "column" : "row",
1153
+ width: t === "horizontal" ? l : "max-content",
1154
+ height: t === "vertical" ? l : "max-content",
1155
+ direction: t === "vertical" ? "column" : "row",
1074
1156
  align: "center",
1075
- gap: t,
1157
+ gap: n,
1076
1158
  children: [
1077
- /* @__PURE__ */ n(xe, { size: c, orientation: e, color: h, ...a }),
1078
- i && /* @__PURE__ */ v(le, { children: [
1079
- /* @__PURE__ */ n(ce, { as: "span", size: "1", weight: o, color: h, children: i }),
1080
- /* @__PURE__ */ n(xe, { size: c, orientation: e, color: h, ...a })
1159
+ /* @__PURE__ */ e(be, { size: c, orientation: t, color: d, ...s }),
1160
+ r && /* @__PURE__ */ _(pe, { children: [
1161
+ /* @__PURE__ */ e(he, { as: "span", size: "1", weight: o, color: d, children: r }),
1162
+ /* @__PURE__ */ e(be, { size: c, orientation: t, color: d, ...s })
1081
1163
  ] })
1082
1164
  ]
1083
1165
  }
1084
1166
  );
1085
- }), oo = _(bn);
1167
+ }), wo = w(Wn);
1086
1168
  export {
1087
- co as AccessibleIcon,
1088
- $t as AlertDialog,
1089
- Ee as AlertDialogContent,
1090
- Wn as AlertDialogProvider,
1091
- lo as AspectRatio,
1092
- uo as Avatar,
1093
- En as Badge,
1094
- ho as Blockquote,
1095
- po as Box,
1096
- me as Button,
1097
- Ne as ButtonGroup,
1098
- Ln as ButtonList,
1099
- mo as Callout,
1100
- fo as Card,
1101
- go as Checkbox,
1102
- Co as Code,
1103
- vo as Container,
1104
- _o as ContextMenu,
1105
- no as DefaultTheme,
1106
- Mn as Dialog,
1107
- Hn as DropdownMenu,
1108
- yo as Em,
1109
- wo as Flex,
1110
- xo as Grid,
1111
- To as Heading,
1112
- So as HoverCard,
1113
- Vn as HoverUtility,
1114
- ke as IconButton,
1115
- qn as Input,
1116
- Po as Inset,
1117
- bo as Kbd,
1118
- Qn as LeftAndRightPanels,
1119
- Ro as Link,
1120
- Fn as MultiSelect,
1121
- Kn as Popover,
1122
- Do as Portal,
1123
- $o as Quote,
1124
- zo as RadioGroup,
1125
- Io as ScrollArea,
1126
- Oo as Section,
1127
- jn as Select,
1128
- oo as Separator,
1129
- Un as Sidebar,
1130
- ko as Slider,
1131
- No as Slot,
1132
- Ao as Strong,
1133
- Xn as Switch,
1134
- Eo as Table,
1135
- Bo as Tabs,
1136
- to as Text,
1137
- Yn as TextArea,
1138
- Lo as TextField,
1139
- Mo as Theme,
1140
- _n as Toast,
1141
- Be as ToastContext,
1142
- eo as ToastProvider,
1143
- Jn as ToggleGroup,
1144
- Wo as Tooltip,
1145
- Go as VisuallyHidden,
1146
- Bn as divButtonProps,
1147
- xn as unsafeShowToast,
1148
- Ho as updateThemeAppearanceClass,
1149
- It as useAlertDialog,
1150
- Gn as useDiscardAlertDialog,
1151
- b as useSeverityColor,
1152
- Vo as useThemeContext,
1153
- Zn as useToast
1169
+ Po as AccessibleIcon,
1170
+ At as AlertDialog,
1171
+ We as AlertDialogContent,
1172
+ no as AlertDialogProvider,
1173
+ bo as AspectRatio,
1174
+ Oo as Avatar,
1175
+ Jn as Badge,
1176
+ $o as Blockquote,
1177
+ Do as Box,
1178
+ _e as Button,
1179
+ Le as ButtonGroup,
1180
+ eo as ButtonList,
1181
+ Io as Callout,
1182
+ zo as Card,
1183
+ Eo as Checkbox,
1184
+ No as Code,
1185
+ ko as Container,
1186
+ Ao as ContextMenu,
1187
+ yo as DefaultTheme,
1188
+ to as Dialog,
1189
+ ro as DropdownMenu,
1190
+ Bo as Em,
1191
+ Lo as Flex,
1192
+ Mo as Grid,
1193
+ Wo as Heading,
1194
+ jo as HoverCard,
1195
+ io as HoverUtility,
1196
+ Be as IconButton,
1197
+ ho as Input,
1198
+ Go as Inset,
1199
+ Vo as Kbd,
1200
+ mo as LeftAndRightPanels,
1201
+ Ho as Link,
1202
+ ao as MultiSelect,
1203
+ po as Popover,
1204
+ Fo as Portal,
1205
+ Xo as Quote,
1206
+ Uo as RadioGroup,
1207
+ qo as ScrollArea,
1208
+ Ko as Section,
1209
+ so as Select,
1210
+ wo as Separator,
1211
+ lo as Sidebar,
1212
+ uo as SlideOut,
1213
+ Qo as Slider,
1214
+ Yo as Slot,
1215
+ Jo as Strong,
1216
+ co as Switch,
1217
+ Zo as Table,
1218
+ er as Tabs,
1219
+ vo as Text,
1220
+ fo as TextArea,
1221
+ tr as TextField,
1222
+ nr as Theme,
1223
+ En as Toast,
1224
+ Ge as ToastContext,
1225
+ _o as ToastProvider,
1226
+ go as ToggleGroup,
1227
+ or as Tooltip,
1228
+ rr as VisuallyHidden,
1229
+ Zn as divButtonProps,
1230
+ An as unsafeShowToast,
1231
+ ir as updateThemeAppearanceClass,
1232
+ Lt as useAlertDialog,
1233
+ oo as useDiscardAlertDialog,
1234
+ O as useSeverityColor,
1235
+ sr as useThemeContext,
1236
+ Co as useToast
1154
1237
  };
1155
1238
  //# sourceMappingURL=blocks.js.map