@vue/devtools-ui 7.3.4 → 7.3.6

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.
Files changed (42) hide show
  1. package/dist/ic-icons-data-DOuTCdZE.cjs +1 -0
  2. package/dist/ic-icons-data-stfsGcEC.js +2196 -0
  3. package/dist/index.cjs +1 -1
  4. package/dist/index.js +429 -1000
  5. package/dist/style.css +1 -1
  6. package/dist/theme.cjs +2 -2
  7. package/dist/theme.js +17 -146
  8. package/dist/types/src/components/Badge.d.ts +11 -0
  9. package/dist/types/src/components/Button.d.ts +70 -0
  10. package/dist/types/src/components/Card.d.ts +11 -0
  11. package/dist/types/src/components/Checkbox.d.ts +35 -0
  12. package/dist/types/src/components/Confirm.d.ts +84 -0
  13. package/dist/types/src/components/DarkToggle.d.ts +57 -0
  14. package/dist/types/src/components/Dialog.d.ts +78 -0
  15. package/dist/types/src/components/Drawer.d.ts +77 -0
  16. package/dist/types/src/components/Dropdown.d.ts +40 -0
  17. package/dist/types/src/components/DropdownButton.d.ts +41 -0
  18. package/dist/types/src/components/FormField.d.ts +47 -0
  19. package/dist/types/src/components/IcIcon.d.ts +15 -0
  20. package/dist/types/src/components/Icon.d.ts +33 -0
  21. package/dist/types/src/components/Input.d.ts +84 -0
  22. package/dist/types/src/components/LoadingIndicator.d.ts +2 -0
  23. package/dist/types/src/components/Notification.d.ts +33 -0
  24. package/dist/types/src/components/Overlay.d.ts +42 -0
  25. package/dist/types/src/components/Select.d.ts +53 -0
  26. package/dist/types/src/components/Switch.d.ts +30 -0
  27. package/dist/types/src/components/Tooltip.d.ts +23 -0
  28. package/dist/types/src/components/index.d.ts +41 -0
  29. package/dist/types/src/composables/index.d.ts +3 -0
  30. package/dist/types/src/composables/notification.d.ts +10 -0
  31. package/dist/types/src/composables/theme.d.ts +7 -0
  32. package/dist/types/src/constants/ic-icons.d.ts +1 -0
  33. package/dist/types/src/index.d.ts +6 -0
  34. package/dist/types/src/types/floating-vue.d.ts +10 -0
  35. package/dist/types/src/types/index.d.ts +1 -0
  36. package/dist/types/theme/index.d.ts +2 -0
  37. package/dist/types/{theme.d.ts → theme/theme.d.ts} +66 -73
  38. package/dist/types/theme/uno.config.d.ts +3 -0
  39. package/dist/vendor-BtJ-3rRj.cjs +1 -0
  40. package/dist/vendor-XKDuzWDy.js +731 -0
  41. package/package.json +10 -9
  42. package/dist/types/index.d.ts +0 -1062
package/dist/index.js CHANGED
@@ -1,20 +1,22 @@
1
1
  // @unocss-include
2
2
 
3
- import { Dropdown as Fe, VClosePopper as ke, Tooltip as je } from "floating-vue";
4
- import { vTooltip as Vo } from "floating-vue";
5
- import { openBlock as p, createElementBlock as _, createElementVNode as b, defineComponent as T, useAttrs as xe, computed as $, useSlots as $e, createBlock as M, resolveDynamicComponent as _e, mergeProps as G, withCtx as y, renderSlot as w, unref as k, createCommentVNode as A, normalizeClass as V, ref as B, watch as z, customRef as Ce, isRef as Q, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Ve, onMounted as X, nextTick as Z, getCurrentInstance as de, shallowRef as Ue, watchEffect as q, createVNode as R, Transition as ce, normalizeStyle as fe, toDisplayString as I, h as Ke, render as ge, normalizeProps as Se, guardReactiveProps as Be, Teleport as Te, createTextVNode as H, withDirectives as pe, vModelDynamic as Ge, provide as Ye, createSlots as De, inject as Xe, Fragment as he, renderList as be, withModifiers as qe } from "vue";
6
- const me = (e, o) => {
7
- const t = e.__vccOpts || e;
8
- for (const [a, n] of o)
9
- t[a] = n;
10
- return t;
11
- }, Qe = {}, Ze = { class: "h-3 w-3 $ui-inline-fcc" }, et = /* @__PURE__ */ b("svg", {
3
+ import { u as te, a as T, b as ae, o as U, r as oe, c as re, d as ne, e as le } from "./vendor-XKDuzWDy.js";
4
+ import { Dropdown as se, VClosePopper as x, Tooltip as ie } from "floating-vue";
5
+ import { vTooltip as bt } from "floating-vue";
6
+ import { openBlock as d, createElementBlock as v, createElementVNode as m, defineComponent as y, useAttrs as de, computed as k, useSlots as K, createBlock as w, resolveDynamicComponent as Y, mergeProps as D, withCtx as f, renderSlot as g, unref as b, createCommentVNode as $, normalizeClass as h, ref as S, onMounted as P, createVNode as _, Transition as F, normalizeStyle as L, toDisplayString as C, h as ue, render as W, normalizeProps as q, guardReactiveProps as X, nextTick as G, watchEffect as I, Teleport as J, createTextVNode as B, withDirectives as N, isRef as R, vModelDynamic as ce, provide as pe, createSlots as Q, inject as me, Fragment as j, renderList as H, withModifiers as fe } from "vue";
7
+ import { i as ge } from "./ic-icons-data-stfsGcEC.js";
8
+ const A = (n, a) => {
9
+ const e = n.__vccOpts || n;
10
+ for (const [u, t] of a)
11
+ e[u] = t;
12
+ return e;
13
+ }, ve = {}, be = { class: "h-3 w-3 $ui-inline-fcc" }, he = /* @__PURE__ */ m("svg", {
12
14
  class: "animate-spin",
13
15
  xmlns: "http://www.w3.org/2000/svg",
14
16
  fill: "none",
15
17
  viewBox: "0 0 24 24"
16
18
  }, [
17
- /* @__PURE__ */ b("circle", {
19
+ /* @__PURE__ */ m("circle", {
18
20
  class: "opacity-25",
19
21
  cx: "12",
20
22
  cy: "12",
@@ -22,18 +24,18 @@ const me = (e, o) => {
22
24
  stroke: "currentColor",
23
25
  "stroke-width": "4"
24
26
  }),
25
- /* @__PURE__ */ b("path", {
27
+ /* @__PURE__ */ m("path", {
26
28
  class: "opacity-75",
27
29
  fill: "currentColor",
28
30
  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
29
31
  })
30
- ], -1), tt = [
31
- et
32
+ ], -1), ye = [
33
+ he
32
34
  ];
33
- function ot(e, o) {
34
- return p(), _("div", Ze, tt);
35
+ function ke(n, a) {
36
+ return d(), v("div", be, ye);
35
37
  }
36
- const Oe = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__PURE__ */ T({
38
+ const Z = /* @__PURE__ */ A(ve, [["render", ke]]), we = { key: 2 }, M = /* @__PURE__ */ y({
37
39
  inheritAttrs: !1,
38
40
  __name: "Button",
39
41
  props: {
@@ -46,16 +48,16 @@ const Oe = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__
46
48
  outlined: { type: Boolean, default: !1 }
47
49
  },
48
50
  emits: ["click"],
49
- setup(e, { emit: o }) {
50
- const t = e, a = o, n = xe(), l = $(() => n.to ? "router-link" : n.href ? "a" : "button"), r = $(() => t.loading || t.disabled);
51
- function s(u) {
51
+ setup(n, { emit: a }) {
52
+ const e = n, u = a, t = de(), l = k(() => t.to ? "router-link" : t.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
53
+ function s(i) {
52
54
  if (r.value) {
53
- u.preventDefault(), u.stopPropagation(), u.stopImmediatePropagation();
55
+ i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation();
54
56
  return;
55
57
  }
56
- a("click", u);
58
+ u("click", i);
57
59
  }
58
- const i = {
60
+ const o = {
59
61
  common: {
60
62
  default: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
61
63
  primary: "active:bg-primary-500-darker",
@@ -92,651 +94,61 @@ const Oe = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__
92
94
  info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
93
95
  success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
94
96
  }
95
- }, d = $e(), c = $(() => t.flat ? i.flat[t.type] : t.outlined ? i.outlined[t.type] : i.normal[t.type]);
96
- return (u, f) => (p(), M(_e(l.value), G(u.$attrs, {
97
+ }, c = K(), p = k(() => e.flat ? o.flat[e.type] : e.outlined ? o.outlined[e.type] : o.normal[e.type]);
98
+ return (i, V) => (d(), w(Y(l.value), D(i.$attrs, {
97
99
  role: "button",
98
100
  "aria-disabled": r.value,
99
101
  class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
100
- [i.common[t.type]],
102
+ [o.common[e.type]],
101
103
  {
102
- "rounded-full": t.round === "full",
103
- "$ui-base-br": t.round === "normal",
104
+ "rounded-full": e.round === "full",
105
+ "$ui-base-br": e.round === "normal",
104
106
  "opacity-50 cursor-not-allowed": r.value,
105
- "bg-transparent": t.flat || t.outlined
107
+ "bg-transparent": e.flat || e.outlined
106
108
  },
107
109
  [
108
- u.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
109
- u.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
110
- c.value
110
+ i.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
111
+ i.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
112
+ p.value
111
113
  ]
112
114
  ]],
113
115
  onClickCapture: s
114
116
  }), {
115
- default: y(() => [
116
- u.loading ? (p(), M(Oe, {
117
+ default: f(() => [
118
+ i.loading ? (d(), w(Z, {
117
119
  key: 0,
118
120
  class: "mt0.5 h-full w3"
119
- })) : w(u.$slots, "icon", {
121
+ })) : g(i.$slots, "icon", {
120
122
  key: 1,
121
123
  class: "h-full w3 $ui-inline-fcc"
122
124
  }),
123
- k(d).default ? (p(), _("div", nt, [
124
- w(u.$slots, "default")
125
- ])) : A("", !0),
126
- w(u.$slots, "icon-right")
125
+ b(c).default ? (d(), v("div", we, [
126
+ g(i.$slots, "default")
127
+ ])) : $("", !0),
128
+ g(i.$slots, "icon-right")
127
129
  ]),
128
130
  _: 3
129
131
  }, 16, ["aria-disabled", "class"]));
130
132
  }
131
- }), rt = {}, at = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
132
- function lt(e, o) {
133
- return p(), _("span", at, [
134
- w(e.$slots, "default")
133
+ }), $e = {}, _e = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
134
+ function Ve(n, a) {
135
+ return d(), v("span", _e, [
136
+ g(n.$slots, "default")
135
137
  ]);
136
138
  }
137
- const co = /* @__PURE__ */ me(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
139
+ const at = /* @__PURE__ */ A($e, [["render", Ve]]), E = /* @__PURE__ */ y({
138
140
  __name: "Icon",
139
141
  props: {
140
142
  icon: {},
141
143
  inline: { type: Boolean },
142
144
  action: { type: Boolean, default: !1 }
143
145
  },
144
- setup(e) {
145
- return (o, t) => (p(), M(_e(o.inline ? "span" : "div"), {
146
- class: V(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
146
+ setup(n) {
147
+ return (a, e) => (d(), w(Y(a.inline ? "span" : "div"), {
148
+ class: h(["$ui-base", [a.icon, a.action ? "cursor-pointer hover:op50" : ""]])
147
149
  }, null, 8, ["class"]));
148
150
  }
149
- });
150
- function ae(e) {
151
- return Ie() ? (He(e), !0) : !1;
152
- }
153
- function st(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
154
- for (const [n, l] of Object.entries(o))
155
- n !== "value" && (Q(l) && a ? Object.defineProperty(e, n, {
156
- get() {
157
- return l.value;
158
- },
159
- set(r) {
160
- l.value = r;
161
- },
162
- enumerable: t
163
- }) : Object.defineProperty(e, n, { value: l, enumerable: t }));
164
- return e;
165
- }
166
- function N(e) {
167
- return typeof e == "function" ? e() : k(e);
168
- }
169
- const Me = typeof window < "u" && typeof document < "u";
170
- typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
171
- const it = (e) => typeof e < "u", ut = Object.prototype.toString, dt = (e) => ut.call(e) === "[object Object]", ne = () => {
172
- }, ye = /* @__PURE__ */ ct();
173
- function ct() {
174
- var e, o;
175
- return Me && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
176
- }
177
- function Ee(e, o) {
178
- function t(...a) {
179
- return new Promise((n, l) => {
180
- Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(n).catch(l);
181
- });
182
- }
183
- return t;
184
- }
185
- const Ae = (e) => e();
186
- function ft(e, o = {}) {
187
- let t, a, n = ne;
188
- const l = (s) => {
189
- clearTimeout(s), n(), n = ne;
190
- };
191
- return (s) => {
192
- const i = N(e), d = N(o.maxWait);
193
- return t && l(t), i <= 0 || d !== void 0 && d <= 0 ? (a && (l(a), a = null), Promise.resolve(s())) : new Promise((c, u) => {
194
- n = o.rejectOnCancel ? u : c, d && !a && (a = setTimeout(() => {
195
- t && l(t), a = null, c(s());
196
- }, d)), t = setTimeout(() => {
197
- a && l(a), a = null, c(s());
198
- }, i);
199
- });
200
- };
201
- }
202
- function pt(e = Ae) {
203
- const o = B(!0);
204
- function t() {
205
- o.value = !1;
206
- }
207
- function a() {
208
- o.value = !0;
209
- }
210
- const n = (...l) => {
211
- o.value && e(...l);
212
- };
213
- return { isActive: Ve(o), pause: t, resume: a, eventFilter: n };
214
- }
215
- function mt(e) {
216
- return e || de();
217
- }
218
- function Ne(...e) {
219
- if (e.length !== 1)
220
- return Je(...e);
221
- const o = e[0];
222
- return typeof o == "function" ? Ve(Ce(() => ({ get: o, set: ne }))) : B(o);
223
- }
224
- function vt(e, o = 200, t = {}) {
225
- return Ee(
226
- ft(o, t),
227
- e
228
- );
229
- }
230
- function gt(e, o = 200, t = {}) {
231
- const a = B(e.value), n = vt(() => {
232
- a.value = e.value;
233
- }, o, t);
234
- return z(e, () => n()), a;
235
- }
236
- function ht(e, o = {}) {
237
- let t = e, a, n;
238
- const l = Ce((f, m) => (a = f, n = m, {
239
- get() {
240
- return r();
241
- },
242
- set(g) {
243
- s(g);
244
- }
245
- }));
246
- function r(f = !0) {
247
- return f && a(), t;
248
- }
249
- function s(f, m = !0) {
250
- var g, h;
251
- if (f === t)
252
- return;
253
- const D = t;
254
- ((g = o.onBeforeChange) == null ? void 0 : g.call(o, f, D)) !== !1 && (t = f, (h = o.onChanged) == null || h.call(o, f, D), m && n());
255
- }
256
- return st(
257
- l,
258
- {
259
- get: r,
260
- set: s,
261
- untrackedGet: () => r(!1),
262
- silentSet: (f) => s(f, !1),
263
- peek: () => r(!1),
264
- lay: (f) => s(f, !1)
265
- },
266
- { enumerable: !0 }
267
- );
268
- }
269
- function bt(e, o, t = {}) {
270
- const {
271
- eventFilter: a = Ae,
272
- ...n
273
- } = t;
274
- return z(
275
- e,
276
- Ee(
277
- a,
278
- o
279
- ),
280
- n
281
- );
282
- }
283
- function yt(e, o, t = {}) {
284
- const {
285
- eventFilter: a,
286
- ...n
287
- } = t, { eventFilter: l, pause: r, resume: s, isActive: i } = pt(a);
288
- return { stop: bt(
289
- e,
290
- o,
291
- {
292
- ...n,
293
- eventFilter: l
294
- }
295
- ), pause: r, resume: s, isActive: i };
296
- }
297
- function ve(e, o = !0, t) {
298
- mt() ? X(e, t) : o ? e() : Z(e);
299
- }
300
- function wt(e = !1, o = {}) {
301
- const {
302
- truthyValue: t = !0,
303
- falsyValue: a = !1
304
- } = o, n = Q(e), l = B(e);
305
- function r(s) {
306
- if (arguments.length)
307
- return l.value = s, l.value;
308
- {
309
- const i = N(t);
310
- return l.value = l.value === i ? N(a) : i, l.value;
311
- }
312
- }
313
- return n ? r : [l, r];
314
- }
315
- function x(e) {
316
- var o;
317
- const t = N(e);
318
- return (o = t == null ? void 0 : t.$el) != null ? o : t;
319
- }
320
- const J = Me ? window : void 0;
321
- function re(...e) {
322
- let o, t, a, n;
323
- if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, a, n] = e, o = J) : [o, t, a, n] = e, !o)
324
- return ne;
325
- Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
326
- const l = [], r = () => {
327
- l.forEach((c) => c()), l.length = 0;
328
- }, s = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), i = z(
329
- () => [x(o), N(n)],
330
- ([c, u]) => {
331
- if (r(), !c)
332
- return;
333
- const f = dt(u) ? { ...u } : u;
334
- l.push(
335
- ...t.flatMap((m) => a.map((g) => s(c, m, g, f)))
336
- );
337
- },
338
- { immediate: !0, flush: "post" }
339
- ), d = () => {
340
- i(), r();
341
- };
342
- return ae(d), d;
343
- }
344
- function kt(e) {
345
- return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
346
- }
347
- function Pe(...e) {
348
- let o, t, a = {};
349
- e.length === 3 ? (o = e[0], t = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (o = !0, t = e[0], a = e[1]) : (o = e[0], t = e[1]) : (o = !0, t = e[0]);
350
- const {
351
- target: n = J,
352
- eventName: l = "keydown",
353
- passive: r = !1,
354
- dedupe: s = !1
355
- } = a, i = kt(o);
356
- return re(n, l, (c) => {
357
- c.repeat && N(s) || i(c) && t(c);
358
- }, r);
359
- }
360
- function $t() {
361
- const e = B(!1), o = de();
362
- return o && X(() => {
363
- e.value = !0;
364
- }, o), e;
365
- }
366
- function Re(e) {
367
- const o = $t();
368
- return $(() => (o.value, !!e()));
369
- }
370
- function _t(e, o = {}) {
371
- const { window: t = J } = o, a = Re(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
372
- let n;
373
- const l = B(!1), r = (d) => {
374
- l.value = d.matches;
375
- }, s = () => {
376
- n && ("removeEventListener" in n ? n.removeEventListener("change", r) : n.removeListener(r));
377
- }, i = q(() => {
378
- a.value && (s(), n = t.matchMedia(N(e)), "addEventListener" in n ? n.addEventListener("change", r) : n.addListener(r), l.value = n.matches);
379
- });
380
- return ae(() => {
381
- i(), s(), n = void 0;
382
- }), l;
383
- }
384
- function Ct(e) {
385
- return JSON.parse(JSON.stringify(e));
386
- }
387
- const te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, oe = "__vueuse_ssr_handlers__", Vt = /* @__PURE__ */ St();
388
- function St() {
389
- return oe in te || (te[oe] = te[oe] || {}), te[oe];
390
- }
391
- function We(e, o) {
392
- return Vt[e] || o;
393
- }
394
- function Bt(e) {
395
- return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
396
- }
397
- const Tt = {
398
- boolean: {
399
- read: (e) => e === "true",
400
- write: (e) => String(e)
401
- },
402
- object: {
403
- read: (e) => JSON.parse(e),
404
- write: (e) => JSON.stringify(e)
405
- },
406
- number: {
407
- read: (e) => Number.parseFloat(e),
408
- write: (e) => String(e)
409
- },
410
- any: {
411
- read: (e) => e,
412
- write: (e) => String(e)
413
- },
414
- string: {
415
- read: (e) => e,
416
- write: (e) => String(e)
417
- },
418
- map: {
419
- read: (e) => new Map(JSON.parse(e)),
420
- write: (e) => JSON.stringify(Array.from(e.entries()))
421
- },
422
- set: {
423
- read: (e) => new Set(JSON.parse(e)),
424
- write: (e) => JSON.stringify(Array.from(e))
425
- },
426
- date: {
427
- read: (e) => new Date(e),
428
- write: (e) => e.toISOString()
429
- }
430
- }, we = "vueuse-storage";
431
- function Dt(e, o, t, a = {}) {
432
- var n;
433
- const {
434
- flush: l = "pre",
435
- deep: r = !0,
436
- listenToStorageChanges: s = !0,
437
- writeDefaults: i = !0,
438
- mergeDefaults: d = !1,
439
- shallow: c,
440
- window: u = J,
441
- eventFilter: f,
442
- onError: m = (v) => {
443
- console.error(v);
444
- },
445
- initOnMounted: g
446
- } = a, h = (c ? Ue : B)(typeof o == "function" ? o() : o);
447
- if (!t)
448
- try {
449
- t = We("getDefaultStorage", () => {
450
- var v;
451
- return (v = J) == null ? void 0 : v.localStorage;
452
- })();
453
- } catch (v) {
454
- m(v);
455
- }
456
- if (!t)
457
- return h;
458
- const D = N(o), F = Bt(D), P = (n = a.serializer) != null ? n : Tt[F], { pause: S, resume: C } = yt(
459
- h,
460
- () => L(h.value),
461
- { flush: l, deep: r, eventFilter: f }
462
- );
463
- u && s && ve(() => {
464
- re(u, "storage", W), re(u, we, ee), g && W();
465
- }), g || W();
466
- function E(v, O) {
467
- u && u.dispatchEvent(new CustomEvent(we, {
468
- detail: {
469
- key: e,
470
- oldValue: v,
471
- newValue: O,
472
- storageArea: t
473
- }
474
- }));
475
- }
476
- function L(v) {
477
- try {
478
- const O = t.getItem(e);
479
- if (v == null)
480
- E(O, null), t.removeItem(e);
481
- else {
482
- const j = P.write(v);
483
- O !== j && (t.setItem(e, j), E(O, j));
484
- }
485
- } catch (O) {
486
- m(O);
487
- }
488
- }
489
- function K(v) {
490
- const O = v ? v.newValue : t.getItem(e);
491
- if (O == null)
492
- return i && D != null && t.setItem(e, P.write(D)), D;
493
- if (!v && d) {
494
- const j = P.read(O);
495
- return typeof d == "function" ? d(j, D) : F === "object" && !Array.isArray(j) ? { ...D, ...j } : j;
496
- } else return typeof O != "string" ? O : P.read(O);
497
- }
498
- function W(v) {
499
- if (!(v && v.storageArea !== t)) {
500
- if (v && v.key == null) {
501
- h.value = D;
502
- return;
503
- }
504
- if (!(v && v.key !== e)) {
505
- S();
506
- try {
507
- (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = K(v));
508
- } catch (O) {
509
- m(O);
510
- } finally {
511
- v ? Z(C) : C();
512
- }
513
- }
514
- }
515
- }
516
- function ee(v) {
517
- W(v.detail);
518
- }
519
- return h;
520
- }
521
- function Ot(e) {
522
- return _t("(prefers-color-scheme: dark)", e);
523
- }
524
- function Mt(e = {}) {
525
- const {
526
- selector: o = "html",
527
- attribute: t = "class",
528
- initialValue: a = "auto",
529
- window: n = J,
530
- storage: l,
531
- storageKey: r = "vueuse-color-scheme",
532
- listenToStorageChanges: s = !0,
533
- storageRef: i,
534
- emitAuto: d,
535
- disableTransition: c = !0
536
- } = e, u = {
537
- auto: "",
538
- light: "light",
539
- dark: "dark",
540
- ...e.modes || {}
541
- }, f = Ot({ window: n }), m = $(() => f.value ? "dark" : "light"), g = i || (r == null ? Ne(a) : Dt(r, a, l, { window: n, listenToStorageChanges: s })), h = $(() => g.value === "auto" ? m.value : g.value), D = We(
542
- "updateHTMLAttrs",
543
- (C, E, L) => {
544
- const K = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : x(C);
545
- if (!K)
546
- return;
547
- let W;
548
- if (c && (W = n.document.createElement("style"), W.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), n.document.head.appendChild(W)), E === "class") {
549
- const ee = L.split(/\s/g);
550
- Object.values(u).flatMap((v) => (v || "").split(/\s/g)).filter(Boolean).forEach((v) => {
551
- ee.includes(v) ? K.classList.add(v) : K.classList.remove(v);
552
- });
553
- } else
554
- K.setAttribute(E, L);
555
- c && (n.getComputedStyle(W).opacity, document.head.removeChild(W));
556
- }
557
- );
558
- function F(C) {
559
- var E;
560
- D(o, t, (E = u[C]) != null ? E : C);
561
- }
562
- function P(C) {
563
- e.onChanged ? e.onChanged(C, F) : F(C);
564
- }
565
- z(h, P, { flush: "post", immediate: !0 }), ve(() => P(h.value));
566
- const S = $({
567
- get() {
568
- return d ? g.value : h.value;
569
- },
570
- set(C) {
571
- g.value = C;
572
- }
573
- });
574
- try {
575
- return Object.assign(S, { store: g, system: m, state: h });
576
- } catch {
577
- return S;
578
- }
579
- }
580
- function Et(e, o, t = {}) {
581
- const { window: a = J, ...n } = t;
582
- let l;
583
- const r = Re(() => a && "ResizeObserver" in a), s = () => {
584
- l && (l.disconnect(), l = void 0);
585
- }, i = $(() => Array.isArray(e) ? e.map((u) => x(u)) : [x(e)]), d = z(
586
- i,
587
- (u) => {
588
- if (s(), r.value && a) {
589
- l = new ResizeObserver(o);
590
- for (const f of u)
591
- f && l.observe(f, n);
592
- }
593
- },
594
- { immediate: !0, flush: "post" }
595
- ), c = () => {
596
- s(), d();
597
- };
598
- return ae(c), {
599
- isSupported: r,
600
- stop: c
601
- };
602
- }
603
- function At(e, o = { width: 0, height: 0 }, t = {}) {
604
- const { window: a = J, box: n = "content-box" } = t, l = $(() => {
605
- var u, f;
606
- return (f = (u = x(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : f.includes("svg");
607
- }), r = B(o.width), s = B(o.height), { stop: i } = Et(
608
- e,
609
- ([u]) => {
610
- const f = n === "border-box" ? u.borderBoxSize : n === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
611
- if (a && l.value) {
612
- const m = x(e);
613
- if (m) {
614
- const g = m.getBoundingClientRect();
615
- r.value = g.width, s.value = g.height;
616
- }
617
- } else if (f) {
618
- const m = Array.isArray(f) ? f : [f];
619
- r.value = m.reduce((g, { inlineSize: h }) => g + h, 0), s.value = m.reduce((g, { blockSize: h }) => g + h, 0);
620
- } else
621
- r.value = u.contentRect.width, s.value = u.contentRect.height;
622
- },
623
- t
624
- );
625
- ve(() => {
626
- const u = x(e);
627
- u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, s.value = "offsetHeight" in u ? u.offsetHeight : o.height);
628
- });
629
- const d = z(
630
- () => x(e),
631
- (u) => {
632
- r.value = u ? o.width : 0, s.value = u ? o.height : 0;
633
- }
634
- );
635
- function c() {
636
- i(), d();
637
- }
638
- return {
639
- width: r,
640
- height: s,
641
- stop: c
642
- };
643
- }
644
- function le(e) {
645
- return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
646
- }
647
- function Le(e) {
648
- const o = window.getComputedStyle(e);
649
- if (o.overflowX === "scroll" || o.overflowY === "scroll" || o.overflowX === "auto" && e.clientWidth < e.scrollWidth || o.overflowY === "auto" && e.clientHeight < e.scrollHeight)
650
- return !0;
651
- {
652
- const t = e.parentNode;
653
- return !t || t.tagName === "BODY" ? !1 : Le(t);
654
- }
655
- }
656
- function Nt(e) {
657
- const o = e || window.event, t = o.target;
658
- return Le(t) ? !1 : o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
659
- }
660
- const se = /* @__PURE__ */ new WeakMap();
661
- function Pt(e, o = !1) {
662
- const t = B(o);
663
- let a = null, n = "";
664
- z(Ne(e), (s) => {
665
- const i = le(N(s));
666
- if (i) {
667
- const d = i;
668
- if (se.get(d) || se.set(d, d.style.overflow), d.style.overflow !== "hidden" && (n = d.style.overflow), d.style.overflow === "hidden")
669
- return t.value = !0;
670
- if (t.value)
671
- return d.style.overflow = "hidden";
672
- }
673
- }, {
674
- immediate: !0
675
- });
676
- const l = () => {
677
- const s = le(N(e));
678
- !s || t.value || (ye && (a = re(
679
- s,
680
- "touchmove",
681
- (i) => {
682
- Nt(i);
683
- },
684
- { passive: !1 }
685
- )), s.style.overflow = "hidden", t.value = !0);
686
- }, r = () => {
687
- const s = le(N(e));
688
- !s || !t.value || (ye && (a == null || a()), s.style.overflow = n, se.delete(s), t.value = !1);
689
- };
690
- return ae(r), $({
691
- get() {
692
- return t.value;
693
- },
694
- set(s) {
695
- s ? l() : r();
696
- }
697
- });
698
- }
699
- function U(e, o, t, a = {}) {
700
- var n, l, r;
701
- const {
702
- clone: s = !1,
703
- passive: i = !1,
704
- eventName: d,
705
- deep: c = !1,
706
- defaultValue: u,
707
- shouldEmit: f
708
- } = a, m = de(), g = t || (m == null ? void 0 : m.emit) || ((n = m == null ? void 0 : m.$emit) == null ? void 0 : n.bind(m)) || ((r = (l = m == null ? void 0 : m.proxy) == null ? void 0 : l.$emit) == null ? void 0 : r.bind(m == null ? void 0 : m.proxy));
709
- let h = d;
710
- o || (o = "modelValue"), h = h || `update:${o.toString()}`;
711
- const D = (S) => s ? typeof s == "function" ? s(S) : Ct(S) : S, F = () => it(e[o]) ? D(e[o]) : u, P = (S) => {
712
- f ? f(S) && g(h, S) : g(h, S);
713
- };
714
- if (i) {
715
- const S = F(), C = B(S);
716
- let E = !1;
717
- return z(
718
- () => e[o],
719
- (L) => {
720
- E || (E = !0, C.value = D(L), Z(() => E = !1));
721
- }
722
- ), z(
723
- C,
724
- (L) => {
725
- !E && (L !== e[o] || c) && P(L);
726
- },
727
- { deep: c }
728
- ), C;
729
- } else
730
- return $({
731
- get() {
732
- return F();
733
- },
734
- set(S) {
735
- P(S);
736
- }
737
- });
738
- }
739
- const Rt = /* @__PURE__ */ T({
151
+ }), Ce = /* @__PURE__ */ y({
740
152
  __name: "Notification",
741
153
  props: {
742
154
  message: {},
@@ -746,159 +158,159 @@ const Rt = /* @__PURE__ */ T({
746
158
  placement: { default: "top-center" },
747
159
  onClose: {}
748
160
  },
749
- setup(e) {
750
- const o = e, t = {
161
+ setup(n) {
162
+ const a = n, e = {
751
163
  success: "i-carbon-checkmark",
752
164
  info: "i-material-symbols-light-info",
753
165
  warning: "i-carbon-warning",
754
166
  error: "i-carbon-close"
755
- }, a = {
167
+ }, u = {
756
168
  success: "text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",
757
169
  info: "text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",
758
170
  warning: "text-amber-4 border-amber-2 dark:border-amber-4",
759
171
  error: "text-red-4 border-red-2 dark:border-red-4"
760
- }, n = B(!1);
761
- X(() => {
762
- n.value = !0, setTimeout(() => {
763
- n.value = !1;
764
- }, o.duration);
172
+ }, t = S(!1);
173
+ P(() => {
174
+ t.value = !0, setTimeout(() => {
175
+ t.value = !1;
176
+ }, a.duration);
765
177
  });
766
- const l = $(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
767
- return (r, s) => (p(), _("div", {
768
- class: V(["fixed left-0 right-0 $ui-z-max-override text-center", [
178
+ const l = k(() => a.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
179
+ return (r, s) => (d(), v("div", {
180
+ class: h(["fixed left-0 right-0 $ui-z-max-override text-center", [
769
181
  { "top-0": r.placement.startsWith("top") },
770
182
  { "bottom-0": r.placement.startsWith("bottom") }
771
183
  ]])
772
184
  }, [
773
- R(ce, {
185
+ _(F, {
774
186
  "enter-from-class": l.value,
775
187
  "leave-to-class": l.value,
776
188
  onAfterLeave: s[0] || (s[0] = () => {
777
- var i;
778
- n.value || (i = r.onClose) == null || i.call(r);
189
+ var o;
190
+ t.value || (o = r.onClose) == null || o.call(r);
779
191
  })
780
192
  }, {
781
- default: y(() => [
782
- n.value ? (p(), _("div", {
193
+ default: f(() => [
194
+ t.value ? (d(), v("div", {
783
195
  key: 0,
784
196
  class: "flex transition-all duration-300",
785
- style: fe({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
197
+ style: L({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
786
198
  }, [
787
- b("div", {
788
- class: V(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, a[r.type]]])
199
+ m("div", {
200
+ class: h(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, u[r.type]]])
789
201
  }, [
790
- b("div", {
791
- class: V(t[r.type])
202
+ m("div", {
203
+ class: h(e[r.type])
792
204
  }, null, 2),
793
- b("div", null, I(r.message), 1)
205
+ m("div", null, C(r.message), 1)
794
206
  ], 2)
795
- ], 4)) : A("", !0)
207
+ ], 4)) : $("", !0)
796
208
  ]),
797
209
  _: 1
798
210
  }, 8, ["enter-from-class", "leave-to-class"])
799
211
  ], 2));
800
212
  }
801
213
  });
802
- function fo(e) {
803
- const o = document.createElement("div");
804
- o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
805
- const t = e.onClose;
806
- function a() {
807
- ge(null, o);
808
- }
809
- e.onClose = () => {
810
- a(), t == null || t(), document.body.removeChild(o);
214
+ function ot(n) {
215
+ const a = document.createElement("div");
216
+ a.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(a);
217
+ const e = n.onClose;
218
+ function u() {
219
+ W(null, a);
220
+ }
221
+ n.onClose = () => {
222
+ u(), e == null || e(), document.body.removeChild(a);
811
223
  };
812
- const n = Ke(Rt, e);
813
- ge(n, o);
814
- }
815
- const Wt = "__vue-devtools-theme__";
816
- function Lt(e = {}) {
817
- const o = Mt({
818
- ...e,
819
- storageKey: Wt
224
+ const t = ue(Ce, n);
225
+ W(t, a);
226
+ }
227
+ const Be = "__vue-devtools-theme__";
228
+ function Te(n = {}) {
229
+ const a = te({
230
+ ...n,
231
+ storageKey: Be
820
232
  });
821
233
  return {
822
- colorMode: o,
823
- isDark: $(() => o.value === "dark")
234
+ colorMode: a,
235
+ isDark: k(() => a.value === "dark")
824
236
  };
825
237
  }
826
- const zt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
238
+ const De = { class: "$ui-dark-toggle-vtr" }, rt = /* @__PURE__ */ y({
827
239
  __name: "DarkToggle",
828
240
  props: {
829
241
  isDark: { type: Boolean, default: !1 },
830
242
  animation: { type: Boolean, default: !0 },
831
243
  animationDuration: { default: 400 }
832
244
  },
833
- setup(e) {
834
- const o = e, t = U(o, "isDark"), { colorMode: a } = Lt({
835
- initialValue: t.value ? "dark" : "light",
245
+ setup(n) {
246
+ const a = n, e = T(a, "isDark"), { colorMode: u } = Te({
247
+ initialValue: e.value ? "dark" : "light",
836
248
  onChanged: (s) => {
837
- t.value = s === "dark";
249
+ e.value = s === "dark";
838
250
  }
839
- }), n = $({
840
- get: () => a.value === "dark",
841
- set: (s) => a.value = s ? "dark" : "light"
251
+ }), t = k({
252
+ get: () => u.value === "dark",
253
+ set: (s) => u.value = s ? "dark" : "light"
842
254
  }), l = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
843
255
  function r(s) {
844
- if (!l || !s || !o.animation) {
845
- n.value = !n.value;
256
+ if (!l || !s || !a.animation) {
257
+ t.value = !t.value;
846
258
  return;
847
259
  }
848
- const i = s.clientX, d = s.clientY, c = Math.hypot(
849
- Math.max(i, innerWidth - i),
850
- Math.max(d, innerHeight - d)
260
+ const o = s.clientX, c = s.clientY, p = Math.hypot(
261
+ Math.max(o, innerWidth - o),
262
+ Math.max(c, innerHeight - c)
851
263
  );
852
264
  document.startViewTransition(async () => {
853
- n.value = !n.value, await Z();
265
+ t.value = !t.value, await G();
854
266
  }).ready.then(() => {
855
- const f = [
856
- `circle(0px at ${i}px ${d}px)`,
857
- `circle(${c}px at ${i}px ${d}px)`
267
+ const V = [
268
+ `circle(0px at ${o}px ${c}px)`,
269
+ `circle(${p}px at ${o}px ${c}px)`
858
270
  ];
859
271
  document.documentElement.animate(
860
272
  {
861
- clipPath: n.value ? [...f].reverse() : f
273
+ clipPath: t.value ? [...V].reverse() : V
862
274
  },
863
275
  {
864
- duration: o.animationDuration,
276
+ duration: a.animationDuration,
865
277
  easing: "ease-in",
866
- pseudoElement: n.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
278
+ pseudoElement: t.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
867
279
  }
868
280
  );
869
281
  });
870
282
  }
871
- return (s, i) => (p(), _("span", zt, [
872
- w(s.$slots, "default", Se(Be({ mode: k(a), isDark: n.value, toggle: r })))
283
+ return (s, o) => (d(), v("span", De, [
284
+ g(s.$slots, "default", q(X({ mode: b(u), isDark: t.value, toggle: r })))
873
285
  ]));
874
286
  }
875
- }), Ft = {}, jt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
876
- function xt(e, o) {
877
- return p(), _("div", jt, [
878
- w(e.$slots, "default")
287
+ }), Me = {}, Se = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
288
+ function Ie(n, a) {
289
+ return d(), v("div", Se, [
290
+ g(n.$slots, "default")
879
291
  ]);
880
292
  }
881
- const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
293
+ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
882
294
  __name: "Overlay",
883
295
  props: {
884
296
  dim: { type: Boolean },
885
297
  blur: { type: Boolean },
886
298
  position: { default: "fixed" }
887
299
  },
888
- setup(e) {
889
- return (o, t) => (p(), _("div", {
890
- class: V(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
891
- o.dim ? "bg-opacity-50!" : "bg-opacity-0!",
892
- o.blur ? "backdrop-blur-sm" : "",
893
- o.position
300
+ setup(n) {
301
+ return (a, e) => (d(), v("div", {
302
+ class: h(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
303
+ a.dim ? "bg-opacity-50!" : "bg-opacity-0!",
304
+ a.blur ? "backdrop-blur-sm" : "",
305
+ a.position
894
306
  ]])
895
307
  }, [
896
- w(o.$slots, "default")
308
+ g(a.$slots, "default")
897
309
  ], 2));
898
310
  }
899
- }), It = { class: "h7.5 w-full $ui-fbc" }, Ht = { class: "text-4.5" }, Jt = /* @__PURE__ */ b("div", { class: "i-carbon-close" }, null, -1), Ut = [
900
- Jt
901
- ], Kt = { class: "content transition-all transition-duration-300" }, Gt = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Yt = { class: "$ui-fcc" }, Xt = /* @__PURE__ */ T({
311
+ }), Pe = { class: "h7.5 w-full $ui-fbc" }, ze = { class: "text-4.5" }, Ee = /* @__PURE__ */ m("div", { class: "i-carbon-close" }, null, -1), Fe = [
312
+ Ee
313
+ ], Le = { class: "content transition-all transition-duration-300" }, Ne = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Re = { class: "$ui-fcc" }, Ae = /* @__PURE__ */ y({
902
314
  __name: "Dialog",
903
315
  props: {
904
316
  modelValue: { type: Boolean, default: !1 },
@@ -913,68 +325,68 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
913
325
  position: {}
914
326
  },
915
327
  emits: ["close", "update:modelValue"],
916
- setup(e, { emit: o }) {
917
- const t = e, n = U(t, "modelValue", o, { passive: !0 }), l = Pt(() => window.document.documentElement);
918
- q(() => {
919
- n.value ? l.value = !0 : l.value = !1;
328
+ setup(n, { emit: a }) {
329
+ const e = n, t = T(e, "modelValue", a, { passive: !0 }), l = ae(() => window.document.documentElement);
330
+ I(() => {
331
+ t.value ? l.value = !0 : l.value = !1;
920
332
  });
921
333
  function r() {
922
- n.value && t.autoClose && (n.value = !1);
334
+ t.value && e.autoClose && (t.value = !1);
923
335
  }
924
- Pe("Escape", () => {
336
+ U("Escape", () => {
925
337
  r();
926
338
  });
927
- const s = B(!1);
928
- return X(() => s.value = !0), (i, d) => s.value || i.mountTo === "body" ? (p(), M(Te, {
339
+ const s = S(!1);
340
+ return P(() => s.value = !0), (o, c) => s.value || o.mountTo === "body" ? (d(), w(J, {
929
341
  key: 0,
930
- to: i.mountTo
342
+ to: o.mountTo
931
343
  }, [
932
- R(ce, {
344
+ _(F, {
933
345
  "enter-from-class": "opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0",
934
346
  "enter-to-class": "opacity-100 [&_.modal]:scale-100",
935
347
  "leave-from-class": "opacity-100 [&_.modal]:scale-100",
936
348
  "leave-to-class": "opacity-0 [&_.modal]:scale-95"
937
349
  }, {
938
- default: y(() => [
939
- k(n) ? (p(), M(ze, {
350
+ default: f(() => [
351
+ b(t) ? (d(), w(ee, {
940
352
  key: 0,
941
- dim: i.dim,
942
- blur: i.blur,
943
- position: i.position
353
+ dim: o.dim,
354
+ blur: o.blur,
355
+ position: o.position
944
356
  }, {
945
- default: y(() => [
946
- b("div", {
357
+ default: f(() => [
358
+ m("div", {
947
359
  class: "modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",
948
- style: fe({
949
- width: t.width,
950
- height: t.height
360
+ style: L({
361
+ width: e.width,
362
+ height: e.height
951
363
  })
952
364
  }, [
953
- b("div", It, [
954
- b("div", Ht, [
955
- w(i.$slots, "title", {}, () => [
956
- H(I(t.title), 1)
365
+ m("div", Pe, [
366
+ m("div", ze, [
367
+ g(o.$slots, "title", {}, () => [
368
+ B(C(e.title), 1)
957
369
  ])
958
370
  ]),
959
- i.closable ? (p(), _("div", {
371
+ o.closable ? (d(), v("div", {
960
372
  key: 0,
961
373
  class: "h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",
962
374
  onClick: r
963
- }, Ut)) : A("", !0)
375
+ }, Fe)) : $("", !0)
964
376
  ]),
965
- b("div", Kt, [
966
- w(i.$slots, "default")
377
+ m("div", Le, [
378
+ g(o.$slots, "default")
967
379
  ]),
968
- b("div", Gt, [
969
- w(i.$slots, "footer", {}, () => [
970
- w(i.$slots, "footer", {}, () => [
971
- b("div", Yt, [
972
- R(Y, {
380
+ m("div", Ne, [
381
+ g(o.$slots, "footer", {}, () => [
382
+ g(o.$slots, "footer", {}, () => [
383
+ m("div", Re, [
384
+ _(M, {
973
385
  type: "primary",
974
386
  onClick: r
975
387
  }, {
976
- default: y(() => [
977
- H(" close ")
388
+ default: f(() => [
389
+ B(" close ")
978
390
  ]),
979
391
  _: 1
980
392
  })
@@ -985,16 +397,16 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
985
397
  ], 4)
986
398
  ]),
987
399
  _: 3
988
- }, 8, ["dim", "blur", "position"])) : A("", !0)
400
+ }, 8, ["dim", "blur", "position"])) : $("", !0)
989
401
  ]),
990
402
  _: 3
991
403
  })
992
- ], 8, ["to"])) : A("", !0);
404
+ ], 8, ["to"])) : $("", !0);
993
405
  }
994
- }), qt = ["type", "placeholder", "disabled"], Qt = {
406
+ }), Oe = ["type", "placeholder", "disabled"], We = {
995
407
  key: 3,
996
408
  class: "pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"
997
- }, ie = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Zt = /* @__PURE__ */ T({
409
+ }, z = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", je = /* @__PURE__ */ y({
998
410
  __name: "Input",
999
411
  props: {
1000
412
  modelValue: {},
@@ -1010,71 +422,71 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1010
422
  type: { default: "text" }
1011
423
  },
1012
424
  emits: ["update:modelValue", "updateFocused", "keyTab"],
1013
- setup(e, { emit: o }) {
1014
- const t = e, a = o, n = U(t, "modelValue", a), l = gt($(() => t.loading), t.loadingDebounceTime), r = ht(!1, {
1015
- onChanged(u) {
1016
- a("updateFocused", u);
425
+ setup(n, { emit: a }) {
426
+ const e = n, u = a, t = T(e, "modelValue", u), l = oe(k(() => e.loading), e.loadingDebounceTime), r = re(!1, {
427
+ onChanged(i) {
428
+ u("updateFocused", i);
1017
429
  }
1018
- }), s = $(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), i = $(() => t.disabled || l.value), d = B();
1019
- let c = !1;
1020
- return q(() => {
1021
- l.value && r.value ? c = !0 : !l.value && c && (c = !1, Z(() => {
430
+ }), s = k(() => e.variant === "flat" || e.variant === "warning" || e.disabled || e.readonly), o = k(() => e.disabled || l.value), c = S();
431
+ let p = !1;
432
+ return I(() => {
433
+ l.value && r.value ? p = !0 : !l.value && p && (p = !1, G(() => {
1022
434
  r.value = !0;
1023
435
  }));
1024
- }), X(() => {
1025
- t.autoFocus && (r.value = !0);
1026
- }), q(() => {
1027
- var u;
1028
- r.value && ((u = d.value) == null || u.focus());
1029
- }), (u, f) => (p(), _("div", {
1030
- class: V(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
436
+ }), P(() => {
437
+ e.autoFocus && (r.value = !0);
438
+ }), I(() => {
439
+ var i;
440
+ r.value && ((i = c.value) == null || i.focus());
441
+ }), (i, V) => (d(), v("div", {
442
+ class: h(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
1031
443
  {
1032
- "border-none bg-transparent group": u.variant === "flat",
1033
- "cursor-not-allowed opacity-50": i.value,
1034
- accent: u.variant === "accent",
1035
- focused: k(r)
444
+ "border-none bg-transparent group": i.variant === "flat",
445
+ "cursor-not-allowed opacity-50": o.value,
446
+ accent: i.variant === "accent",
447
+ focused: b(r)
1036
448
  },
1037
449
  [
1038
- u.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
450
+ i.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
1039
451
  ]
1040
452
  ]]),
1041
- onClick: f[2] || (f[2] = () => {
453
+ onClick: V[2] || (V[2] = () => {
1042
454
  r.value = !0;
1043
455
  })
1044
456
  }, [
1045
- u.leftIcon ? (p(), _("div", {
457
+ i.leftIcon ? (d(), v("div", {
1046
458
  key: 0,
1047
- class: V(ie)
459
+ class: h(z)
1048
460
  }, [
1049
- R(ue, { icon: u.leftIcon }, null, 8, ["icon"])
1050
- ])) : A("", !0),
1051
- pe(b("input", {
461
+ _(E, { icon: i.leftIcon }, null, 8, ["icon"])
462
+ ])) : $("", !0),
463
+ N(m("input", {
1052
464
  ref_key: "inputRef",
1053
- ref: d,
1054
- "onUpdate:modelValue": f[0] || (f[0] = (m) => Q(n) ? n.value = m : null),
465
+ ref: c,
466
+ "onUpdate:modelValue": V[0] || (V[0] = (O) => R(t) ? t.value = O : null),
1055
467
  class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
1056
- type: u.type,
1057
- placeholder: u.placeholder,
1058
- disabled: i.value || u.readonly,
1059
- onBlur: f[1] || (f[1] = (m) => r.value = !1)
1060
- }, null, 40, qt), [
1061
- [Ge, k(n)]
468
+ type: i.type,
469
+ placeholder: i.placeholder,
470
+ disabled: o.value || i.readonly,
471
+ onBlur: V[1] || (V[1] = (O) => r.value = !1)
472
+ }, null, 40, Oe), [
473
+ [ce, b(t)]
1062
474
  ]),
1063
- k(l) ? (p(), _("div", {
475
+ b(l) ? (d(), v("div", {
1064
476
  key: 1,
1065
- class: V(ie)
477
+ class: h(z)
1066
478
  }, [
1067
- R(Oe)
1068
- ])) : u.rightIcon ? (p(), _("div", {
479
+ _(Z)
480
+ ])) : i.rightIcon ? (d(), v("div", {
1069
481
  key: 2,
1070
- class: V(ie)
482
+ class: h(z)
1071
483
  }, [
1072
- R(ue, { icon: u.rightIcon }, null, 8, ["icon"])
1073
- ])) : A("", !0),
1074
- s.value ? A("", !0) : (p(), _("div", Qt))
484
+ _(E, { icon: i.rightIcon }, null, 8, ["icon"])
485
+ ])) : $("", !0),
486
+ s.value ? $("", !0) : (d(), v("div", We))
1075
487
  ], 2));
1076
488
  }
1077
- }), eo = { class: "$ui-base" }, vo = /* @__PURE__ */ T({
489
+ }), He = { class: "$ui-base" }, lt = /* @__PURE__ */ y({
1078
490
  __name: "FormField",
1079
491
  props: {
1080
492
  modelValue: {},
@@ -1084,40 +496,40 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1084
496
  placeholder: {}
1085
497
  },
1086
498
  emits: ["update:modelValue"],
1087
- setup(e, { emit: o }) {
1088
- const t = e, n = U(t, "modelValue", o), l = B(!1), r = $(() => t.message && t.message.length && t.showMessage), s = {
499
+ setup(n, { emit: a }) {
500
+ const e = n, t = T(e, "modelValue", a), l = S(!1), r = k(() => e.message && e.message.length && e.showMessage), s = {
1089
501
  normal: "color-gray-600 dark:color-gray-400",
1090
502
  warning: "color-warning-500 dark:color-warning-200",
1091
503
  danger: "color-danger-500 dark:color-danger-200",
1092
504
  success: "color-primary-700 dark:color-primary-500"
1093
- }, i = {
505
+ }, o = {
1094
506
  warning: "i-bx:bxs-error",
1095
507
  danger: "i-ic-round-error",
1096
508
  success: "i-ep:success-filled"
1097
509
  };
1098
- return (d, c) => (p(), _("div", eo, [
1099
- R(Zt, {
1100
- modelValue: k(n),
1101
- "onUpdate:modelValue": c[0] || (c[0] = (u) => Q(n) ? n.value = u : null),
1102
- placeholder: d.placeholder,
1103
- onUpdateFocused: c[1] || (c[1] = (u) => l.value = u)
510
+ return (c, p) => (d(), v("div", He, [
511
+ _(je, {
512
+ modelValue: b(t),
513
+ "onUpdate:modelValue": p[0] || (p[0] = (i) => R(t) ? t.value = i : null),
514
+ placeholder: c.placeholder,
515
+ onUpdateFocused: p[1] || (p[1] = (i) => l.value = i)
1104
516
  }, null, 8, ["modelValue", "placeholder"]),
1105
- b("div", {
1106
- class: V(["mt2 $ui-base text-3.5", [
1107
- s[d.status],
517
+ m("div", {
518
+ class: h(["mt2 $ui-base text-3.5", [
519
+ s[c.status],
1108
520
  { "opacity-65": !l.value }
1109
521
  ]])
1110
522
  }, [
1111
- d.status !== "normal" && r.value ? (p(), M(ue, {
523
+ c.status !== "normal" && r.value ? (d(), w(E, {
1112
524
  key: 0,
1113
525
  inline: "",
1114
- icon: i[d.status]
1115
- }, null, 8, ["icon"])) : A("", !0),
1116
- H(" " + I(r.value ? d.message : ""), 1)
526
+ icon: o[c.status]
527
+ }, null, 8, ["icon"])) : $("", !0),
528
+ B(" " + C(r.value ? c.message : ""), 1)
1117
529
  ], 2)
1118
530
  ]));
1119
531
  }
1120
- }), to = { class: "overflow-hidden rounded-lg shadow-lg" }, oo = /* @__PURE__ */ b("div", { class: "p2 opacity-40" }, " Empty... ", -1), no = /* @__PURE__ */ T({
532
+ }), Ue = { class: "overflow-hidden rounded-lg shadow-lg" }, xe = /* @__PURE__ */ m("div", { class: "p2 opacity-40" }, " Empty... ", -1), Ke = /* @__PURE__ */ y({
1121
533
  __name: "Dropdown",
1122
534
  props: {
1123
535
  label: {},
@@ -1131,46 +543,46 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1131
543
  shown: { type: Boolean }
1132
544
  },
1133
545
  emits: ["update:visible"],
1134
- setup(e) {
1135
- const o = e;
1136
- return Ye("$ui-dropdown-disabled", $(() => o.disabled)), (t, a) => (p(), M(k(Fe), {
1137
- disabled: t.disabled,
546
+ setup(n) {
547
+ const a = n;
548
+ return pe("$ui-dropdown-disabled", k(() => a.disabled)), (e, u) => (d(), w(b(se), {
549
+ disabled: e.disabled,
1138
550
  class: "inline-block w-auto",
1139
- shown: t.shown,
1140
- triggers: [t.trigger],
1141
- distance: t.distance + 6,
1142
- placement: t.placement,
1143
- skidding: t.skidding,
1144
- "onUpdate:shown": a[0] || (a[0] = (n) => t.$emit("update:visible", n)),
1145
- onClick: a[1] || (a[1] = (n) => {
1146
- n.stopPropagation();
551
+ shown: e.shown,
552
+ triggers: [e.trigger],
553
+ distance: e.distance + 6,
554
+ placement: e.placement,
555
+ skidding: e.skidding,
556
+ "onUpdate:shown": u[0] || (u[0] = (t) => e.$emit("update:visible", t)),
557
+ onClick: u[1] || (u[1] = (t) => {
558
+ t.stopPropagation();
1147
559
  })
1148
560
  }, {
1149
- popper: y(({ hide: n }) => [
1150
- b("div", to, [
1151
- w(t.$slots, "popper", Se(Be({ hide: n })), () => [
1152
- oo
561
+ popper: f(({ hide: t }) => [
562
+ m("div", Ue, [
563
+ g(e.$slots, "popper", q(X({ hide: t })), () => [
564
+ xe
1153
565
  ])
1154
566
  ])
1155
567
  ]),
1156
- default: y(() => [
1157
- w(t.$slots, "default", {}, () => [
1158
- R(Y, G({
1159
- ...t.buttonProps,
1160
- disabled: t.disabled
1161
- }, { class: t.buttonClass }), De({
1162
- icon: y(() => [
1163
- w(t.$slots, "button-icon")
568
+ default: f(() => [
569
+ g(e.$slots, "default", {}, () => [
570
+ _(M, D({
571
+ ...e.buttonProps,
572
+ disabled: e.disabled
573
+ }, { class: e.buttonClass }), Q({
574
+ icon: f(() => [
575
+ g(e.$slots, "button-icon")
1164
576
  ]),
1165
- "icon-right": y(() => [
1166
- w(t.$slots, "button-icon-right")
577
+ "icon-right": f(() => [
578
+ g(e.$slots, "button-icon-right")
1167
579
  ]),
1168
580
  _: 2
1169
581
  }, [
1170
- t.label ? {
582
+ e.label ? {
1171
583
  name: "default",
1172
- fn: y(() => [
1173
- H(I(t.label), 1)
584
+ fn: f(() => [
585
+ B(C(e.label), 1)
1174
586
  ]),
1175
587
  key: "0"
1176
588
  } : void 0
@@ -1180,7 +592,7 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1180
592
  _: 3
1181
593
  }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
1182
594
  }
1183
- }), go = /* @__PURE__ */ T({
595
+ }), st = /* @__PURE__ */ y({
1184
596
  __name: "DropdownButton",
1185
597
  props: {
1186
598
  type: {},
@@ -1192,27 +604,27 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1192
604
  outlined: { type: Boolean },
1193
605
  keepOpen: { type: Boolean, default: !1 }
1194
606
  },
1195
- setup(e) {
1196
- const o = e, t = Xe("$ui-dropdown-disabled", void 0);
1197
- return (a, n) => pe((p(), M(Y, G({
1198
- ...o,
607
+ setup(n) {
608
+ const a = n, e = me("$ui-dropdown-disabled", void 0);
609
+ return (u, t) => N((d(), w(M, D({
610
+ ...a,
1199
611
  round: !1
1200
612
  }, {
1201
- disabled: k(t),
613
+ disabled: b(e),
1202
614
  class: "w-full justify-start transition-colors not-action:bg-transparent!"
1203
615
  }), {
1204
- icon: y(() => [
1205
- w(a.$slots, "icon")
616
+ icon: f(() => [
617
+ g(u.$slots, "icon")
1206
618
  ]),
1207
- default: y(() => [
1208
- w(a.$slots, "default")
619
+ default: f(() => [
620
+ g(u.$slots, "default")
1209
621
  ]),
1210
622
  _: 3
1211
623
  }, 16, ["disabled"])), [
1212
- [k(ke)]
624
+ [b(x)]
1213
625
  ]);
1214
626
  }
1215
- }), ro = { class: "$ui-fec gap2.5" }, ho = /* @__PURE__ */ T({
627
+ }), Ye = { class: "$ui-fec gap2.5" }, it = /* @__PURE__ */ y({
1216
628
  __name: "Confirm",
1217
629
  props: {
1218
630
  modelValue: { type: Boolean },
@@ -1226,57 +638,57 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1226
638
  autoClose: { type: Boolean, default: !0 }
1227
639
  },
1228
640
  emits: ["update:modelValue", "confirm", "cancel", "close"],
1229
- setup(e, { emit: o }) {
1230
- const t = e, a = o, n = U(t, "modelValue", a);
1231
- q(() => {
1232
- n.value || a("close");
641
+ setup(n, { emit: a }) {
642
+ const e = n, u = a, t = T(e, "modelValue", u);
643
+ I(() => {
644
+ t.value || u("close");
1233
645
  });
1234
646
  function l(r = !1) {
1235
- (t.autoClose || r) && (n.value = !1);
647
+ (e.autoClose || r) && (t.value = !1);
1236
648
  }
1237
- return (r, s) => (p(), M(Xt, {
1238
- modelValue: k(n),
1239
- "onUpdate:modelValue": s[2] || (s[2] = (i) => Q(n) ? n.value = i : null),
649
+ return (r, s) => (d(), w(Ae, {
650
+ modelValue: b(t),
651
+ "onUpdate:modelValue": s[2] || (s[2] = (o) => R(t) ? t.value = o : null),
1240
652
  width: r.width,
1241
653
  height: r.height,
1242
654
  title: r.title,
1243
655
  closable: !1
1244
656
  }, {
1245
- footer: y(() => [
1246
- b("div", ro, [
1247
- R(Y, {
657
+ footer: f(() => [
658
+ m("div", Ye, [
659
+ _(M, {
1248
660
  onClick: s[0] || (s[0] = () => {
1249
- a("cancel"), l(!0);
661
+ u("cancel"), l(!0);
1250
662
  })
1251
663
  }, {
1252
- default: y(() => [
1253
- H(I(r.cancelText), 1)
664
+ default: f(() => [
665
+ B(C(r.cancelText), 1)
1254
666
  ]),
1255
667
  _: 1
1256
668
  }),
1257
- R(Y, {
669
+ _(M, {
1258
670
  loading: r.loading,
1259
671
  type: "primary",
1260
672
  onClick: s[1] || (s[1] = () => {
1261
- a("confirm"), l();
673
+ u("confirm"), l();
1262
674
  })
1263
675
  }, {
1264
- default: y(() => [
1265
- H(I(r.confirmText), 1)
676
+ default: f(() => [
677
+ B(C(r.confirmText), 1)
1266
678
  ]),
1267
679
  _: 1
1268
680
  }, 8, ["loading"])
1269
681
  ])
1270
682
  ]),
1271
- default: y(() => [
1272
- w(r.$slots, "default", { class: "h-auto w-auto" }, () => [
1273
- H(I(r.content), 1)
683
+ default: f(() => [
684
+ g(r.$slots, "default", { class: "h-auto w-auto" }, () => [
685
+ B(C(r.content), 1)
1274
686
  ])
1275
687
  ]),
1276
688
  _: 3
1277
689
  }, 8, ["modelValue", "width", "height", "title"]));
1278
690
  }
1279
- }), ao = { class: "m1 min-w-35 w-auto flex flex-col" }, lo = ["onClick"], so = /* @__PURE__ */ b("div", { class: "i-mdi-chevron-down" }, null, -1), bo = /* @__PURE__ */ T({
691
+ }), qe = { class: "m1 min-w-35 w-auto flex flex-col" }, Xe = ["onClick"], Ge = /* @__PURE__ */ m("div", { class: "i-mdi-chevron-down" }, null, -1), dt = /* @__PURE__ */ y({
1280
692
  __name: "Select",
1281
693
  props: {
1282
694
  modelValue: {},
@@ -1285,93 +697,93 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1285
697
  placeholder: { default: "Select..." },
1286
698
  autoClose: { type: Boolean, default: !0 },
1287
699
  disabled: { type: Boolean, default: !1 },
1288
- labelRenderer: { type: Function, default: (e) => String(e) },
700
+ labelRenderer: { type: Function, default: (n) => String(n) },
1289
701
  buttonProps: { default: () => ({}) }
1290
702
  },
1291
703
  emits: ["update:modelValue"],
1292
- setup(e, { emit: o }) {
1293
- const t = e, a = o, n = $e(), l = $({
1294
- get: () => t.modelValue,
1295
- set: (i) => a("update:modelValue", i)
1296
- }), r = $(() => {
1297
- const i = t.options.find((d) => d.value === l.value);
1298
- return i != null && i.label ? t.labelRenderer(i.label) : t.placeholder;
704
+ setup(n, { emit: a }) {
705
+ const e = n, u = a, t = K(), l = k({
706
+ get: () => e.modelValue,
707
+ set: (o) => u("update:modelValue", o)
708
+ }), r = k(() => {
709
+ const o = e.options.find((c) => c.value === l.value);
710
+ return o != null && o.label ? e.labelRenderer(o.label) : e.placeholder;
1299
711
  });
1300
- function s(i) {
1301
- t.multiple ? l.value = l.value.includes(i.value) ? l.value.filter((d) => d !== i.value) : [...l.value, i.value] : l.value = i.value;
712
+ function s(o) {
713
+ e.multiple ? l.value = l.value.includes(o.value) ? l.value.filter((c) => c !== o.value) : [...l.value, o.value] : l.value = o.value;
1302
714
  }
1303
- return (i, d) => (p(), M(no, G({ label: r.value }, {
1304
- buttonProps: i.buttonProps,
1305
- disabled: i.disabled
1306
- }), De({
1307
- popper: y(() => [
1308
- b("div", ao, [
1309
- k(n).item ? (p(!0), _(he, { key: 0 }, be(i.options, (c) => (p(), _("div", {
1310
- key: c.value,
715
+ return (o, c) => (d(), w(Ke, D({ label: r.value }, {
716
+ buttonProps: o.buttonProps,
717
+ disabled: o.disabled
718
+ }), Q({
719
+ popper: f(() => [
720
+ m("div", qe, [
721
+ b(t).item ? (d(!0), v(j, { key: 0 }, H(o.options, (p) => (d(), v("div", {
722
+ key: p.value,
1311
723
  class: "cursor-pointer",
1312
- onClick: (u) => s(c)
724
+ onClick: (i) => s(p)
1313
725
  }, [
1314
- w(i.$slots, "item", G({ ref_for: !0 }, {
1315
- item: c,
1316
- active: i.multiple ? l.value.includes(c.value) : c.value === l.value,
1317
- disabled: i.disabled
726
+ g(o.$slots, "item", D({ ref_for: !0 }, {
727
+ item: p,
728
+ active: o.multiple ? l.value.includes(p.value) : p.value === l.value,
729
+ disabled: o.disabled
1318
730
  }))
1319
- ], 8, lo))), 128)) : (p(!0), _(he, { key: 1 }, be(i.options, (c) => pe((p(), M(Y, {
1320
- key: c.value,
1321
- disabled: i.disabled,
731
+ ], 8, Xe))), 128)) : (d(!0), v(j, { key: 1 }, H(o.options, (p) => N((d(), w(M, {
732
+ key: p.value,
733
+ disabled: o.disabled,
1322
734
  round: "normal",
1323
- class: V(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
1324
- active: i.multiple ? l.value.includes(c.value) : c.value === l.value
735
+ class: h(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
736
+ active: o.multiple ? l.value.includes(p.value) : p.value === l.value
1325
737
  }]),
1326
- onClick: (u) => s(c)
738
+ onClick: (i) => s(p)
1327
739
  }, {
1328
- default: y(() => [
1329
- H(I(c.label), 1)
740
+ default: f(() => [
741
+ B(C(p.label), 1)
1330
742
  ]),
1331
743
  _: 2
1332
744
  }, 1032, ["disabled", "class", "onClick"])), [
1333
- [k(ke), i.autoClose]
745
+ [b(x), o.autoClose]
1334
746
  ])), 128))
1335
747
  ])
1336
748
  ]),
1337
- "button-icon-right": y(() => [
1338
- so
749
+ "button-icon-right": f(() => [
750
+ Ge
1339
751
  ]),
1340
752
  _: 2
1341
753
  }, [
1342
- k(n).button ? {
754
+ b(t).button ? {
1343
755
  name: "default",
1344
- fn: y(() => [
1345
- w(i.$slots, "button")
756
+ fn: f(() => [
757
+ g(o.$slots, "button")
1346
758
  ]),
1347
759
  key: "0"
1348
760
  } : void 0
1349
761
  ]), 1040, ["label"]));
1350
762
  }
1351
- }), yo = /* @__PURE__ */ T({
763
+ }), ut = /* @__PURE__ */ y({
1352
764
  __name: "Switch",
1353
765
  props: {
1354
766
  modelValue: { type: Boolean },
1355
767
  disabled: { type: Boolean }
1356
768
  },
1357
769
  emits: ["update:modelValue"],
1358
- setup(e, { emit: o }) {
1359
- const n = U(e, "modelValue", o), l = wt(n);
1360
- return (r, s) => (p(), _("div", {
1361
- class: V([[
770
+ setup(n, { emit: a }) {
771
+ const t = T(n, "modelValue", a), l = ne(t);
772
+ return (r, s) => (d(), v("div", {
773
+ class: h([[
1362
774
  r.disabled ? "cursor-not-allowed" : "cursor-pointer"
1363
775
  ], "$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),
1364
776
  role: "checkbox",
1365
- onClick: s[0] || (s[0] = (i) => !r.disabled && k(l)())
777
+ onClick: s[0] || (s[0] = (o) => !r.disabled && b(l)())
1366
778
  }, [
1367
- w(r.$slots, "default"),
1368
- b("div", {
1369
- class: V([{
1370
- selected: k(n)
779
+ g(r.$slots, "default"),
780
+ m("div", {
781
+ class: h([{
782
+ selected: b(t)
1371
783
  }, "group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])
1372
784
  }, [
1373
- b("div", {
1374
- class: V(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white", [
785
+ m("div", {
786
+ class: h(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white", [
1375
787
  { "group-hover:opacity-75 group-active:scale-85": !r.disabled },
1376
788
  { "opacity-65": r.disabled }
1377
789
  ]])
@@ -1379,29 +791,29 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1379
791
  ], 2)
1380
792
  ], 2));
1381
793
  }
1382
- }), wo = /* @__PURE__ */ T({
794
+ }), ct = /* @__PURE__ */ y({
1383
795
  __name: "Checkbox",
1384
796
  props: {
1385
797
  modelValue: { type: Boolean },
1386
798
  variant: { default: "normal" }
1387
799
  },
1388
800
  emits: ["update:modelValue"],
1389
- setup(e, { emit: o }) {
1390
- const n = U(e, "modelValue", o);
1391
- return (l, r) => (p(), _("div", {
1392
- class: V(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
1393
- k(n) ? l.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
801
+ setup(n, { emit: a }) {
802
+ const t = T(n, "modelValue", a);
803
+ return (l, r) => (d(), v("div", {
804
+ class: h(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
805
+ b(t) ? l.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
1394
806
  ]]),
1395
- onClick: r[0] || (r[0] = (s) => n.value = !k(n))
807
+ onClick: r[0] || (r[0] = (s) => t.value = !b(t))
1396
808
  }, [
1397
- b("div", {
1398
- class: V([[
1399
- k(n) ? "opacity-100" : "opacity-0"
809
+ m("div", {
810
+ class: h([[
811
+ b(t) ? "opacity-100" : "opacity-0"
1400
812
  ], "h-60% w-35% transform-translate-y--0.25 transform-rotate-45 border-width-[0_0.125rem_0.125rem_0] border-white border-solid transition-opacity duration-200 ease-in-out"])
1401
813
  }, null, 2)
1402
814
  ], 2));
1403
815
  }
1404
- }), ko = /* @__PURE__ */ T({
816
+ }), pt = /* @__PURE__ */ y({
1405
817
  __name: "Drawer",
1406
818
  props: {
1407
819
  modelValue: { type: Boolean },
@@ -1418,8 +830,8 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1418
830
  position: {}
1419
831
  },
1420
832
  emits: ["update:modelValue", "close"],
1421
- setup(e, { emit: o }) {
1422
- const t = e, a = o, { height: n } = At(() => typeof t.top == "string" ? document.querySelector(t.top) : t.top, void 0, { box: "border-box" }), l = U(t, "modelValue", a), r = {
833
+ setup(n, { emit: a }) {
834
+ const e = n, u = a, { height: t } = le(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), l = T(e, "modelValue", u), r = {
1423
835
  left: {
1424
836
  class: "left-0 h-full b-r",
1425
837
  transition: "[&_.drawer]:translate-x--100%"
@@ -1437,55 +849,55 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1437
849
  transition: "[&_.drawer]:translate-y-100%"
1438
850
  }
1439
851
  };
1440
- Pe("Escape", () => {
1441
- t.closable && (l.value = !1);
852
+ U("Escape", () => {
853
+ e.closable && (l.value = !1);
1442
854
  });
1443
- const s = $(() => r[t.placement]), i = B(!1);
1444
- return X(() => i.value = !0), (d, c) => i.value || d.mountTo === "body" ? (p(), M(Te, {
855
+ const s = k(() => r[e.placement]), o = S(!1);
856
+ return P(() => o.value = !0), (c, p) => o.value || c.mountTo === "body" ? (d(), w(J, {
1445
857
  key: 0,
1446
- to: d.mountTo
858
+ to: c.mountTo
1447
859
  }, [
1448
- R(ce, {
860
+ _(F, {
1449
861
  "enter-from-class": `${s.value.transition}`,
1450
862
  "leave-to-class": `${s.value.transition}`
1451
863
  }, {
1452
- default: y(() => [
1453
- k(l) ? (p(), M(ze, {
864
+ default: f(() => [
865
+ b(l) ? (d(), w(ee, {
1454
866
  key: 0,
1455
- class: V({
1456
- "pointer-events-none": d.permanent
867
+ class: h({
868
+ "pointer-events-none": c.permanent
1457
869
  }),
1458
- dim: d.dim,
1459
- blur: d.blur,
1460
- position: d.position,
1461
- onClick: c[2] || (c[2] = (u) => d.closeOutside && d.closable && (l.value = !1))
870
+ dim: c.dim,
871
+ blur: c.blur,
872
+ position: c.position,
873
+ onClick: p[2] || (p[2] = (i) => c.closeOutside && c.closable && (l.value = !1))
1462
874
  }, {
1463
- default: y(() => [
1464
- b("div", {
1465
- class: V([[s.value.class, d.contentClass ?? "", d.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
1466
- style: fe({
1467
- top: d.placement === "bottom" ? "auto" : `${k(n)}px`,
1468
- height: ["top", "bottom"].includes(d.placement) ? "auto" : `calc(100% - ${k(n)}px)`
875
+ default: f(() => [
876
+ m("div", {
877
+ class: h([[s.value.class, c.contentClass ?? "", c.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
878
+ style: L({
879
+ top: c.placement === "bottom" ? "auto" : `${b(t)}px`,
880
+ height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${b(t)}px)`
1469
881
  }),
1470
- onClick: c[1] || (c[1] = qe(() => {
882
+ onClick: p[1] || (p[1] = fe(() => {
1471
883
  }, ["stop"]))
1472
884
  }, [
1473
- d.closable ? (p(), _("div", {
885
+ c.closable ? (d(), v("div", {
1474
886
  key: 0,
1475
887
  class: "i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",
1476
- onClick: c[0] || (c[0] = (u) => l.value = !1)
1477
- })) : A("", !0),
1478
- w(d.$slots, "default")
888
+ onClick: p[0] || (p[0] = (i) => l.value = !1)
889
+ })) : $("", !0),
890
+ g(c.$slots, "default")
1479
891
  ], 6)
1480
892
  ]),
1481
893
  _: 3
1482
- }, 8, ["class", "dim", "blur", "position"])) : A("", !0)
894
+ }, 8, ["class", "dim", "blur", "position"])) : $("", !0)
1483
895
  ]),
1484
896
  _: 3
1485
897
  }, 8, ["enter-from-class", "leave-to-class"])
1486
- ], 8, ["to"])) : A("", !0);
898
+ ], 8, ["to"])) : $("", !0);
1487
899
  }
1488
- }), $o = /* @__PURE__ */ T({
900
+ }), mt = /* @__PURE__ */ y({
1489
901
  __name: "Tooltip",
1490
902
  props: {
1491
903
  trigger: {},
@@ -1495,43 +907,60 @@ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
1495
907
  disabled: { type: Boolean },
1496
908
  shown: { type: Boolean }
1497
909
  },
1498
- setup(e) {
1499
- return (o, t) => (p(), M(k(je), G({
1500
- disabled: o.disabled,
1501
- placement: o.placement
1502
- }, o.$attrs), {
1503
- popper: y(() => [
1504
- w(o.$slots, "popper")
910
+ setup(n) {
911
+ return (a, e) => (d(), w(b(ie), D({
912
+ disabled: a.disabled,
913
+ placement: a.placement
914
+ }, a.$attrs), {
915
+ popper: f(() => [
916
+ g(a.$slots, "popper")
1505
917
  ]),
1506
- default: y(() => [
1507
- w(o.$slots, "default")
918
+ default: f(() => [
919
+ g(a.$slots, "default")
1508
920
  ]),
1509
921
  _: 3
1510
922
  }, 16, ["disabled", "placement"]));
1511
923
  }
924
+ }), Je = ["innerHTML"], ft = /* @__PURE__ */ y({
925
+ __name: "IcIcon",
926
+ props: {
927
+ name: {}
928
+ },
929
+ setup(n) {
930
+ const a = n, e = k(() => ge[a.name] ?? "");
931
+ return (u, t) => (d(), v("div", null, [
932
+ (d(), v("svg", {
933
+ class: "custom-svg h-1em w-1em",
934
+ xmlns: "http://www.w3.org/2000/svg",
935
+ viewBox: "0 0 24 24",
936
+ innerHTML: e.value
937
+ }, null, 8, Je))
938
+ ]));
939
+ }
1512
940
  });
1513
941
  export {
1514
- Wt as THEME_KEY,
1515
- co as VueBadge,
1516
- Y as VueButton,
1517
- mo as VueCard,
1518
- wo as VueCheckbox,
1519
- ho as VueConfirm,
1520
- po as VueDarkToggle,
1521
- Xt as VueDialog,
1522
- ko as VueDrawer,
1523
- no as VueDropdown,
1524
- go as VueDropdownButton,
1525
- vo as VueFormField,
1526
- ue as VueIcon,
1527
- Zt as VueInput,
1528
- Oe as VueLoadingIndicator,
1529
- Rt as VueNotification,
1530
- ze as VueOverlay,
1531
- bo as VueSelect,
1532
- yo as VueSwitch,
1533
- $o as VueTooltip,
1534
- fo as showVueNotification,
1535
- Lt as useDevToolsColorMode,
1536
- Vo as vTooltip
942
+ Be as THEME_KEY,
943
+ at as VueBadge,
944
+ M as VueButton,
945
+ nt as VueCard,
946
+ ct as VueCheckbox,
947
+ it as VueConfirm,
948
+ rt as VueDarkToggle,
949
+ Ae as VueDialog,
950
+ pt as VueDrawer,
951
+ Ke as VueDropdown,
952
+ st as VueDropdownButton,
953
+ lt as VueFormField,
954
+ ft as VueIcIcon,
955
+ E as VueIcon,
956
+ je as VueInput,
957
+ Z as VueLoadingIndicator,
958
+ Ce as VueNotification,
959
+ ee as VueOverlay,
960
+ dt as VueSelect,
961
+ ut as VueSwitch,
962
+ mt as VueTooltip,
963
+ ot as showVueNotification,
964
+ Te as useDevToolsColorMode,
965
+ bt as vTooltip
1537
966
  };