scrubbed-tailwind-components-v2 2.1.1-hotfix → 2.2.1

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 (4) hide show
  1. package/dist/scrubbed-tailwind-components-v2.css +1 -1
  2. package/dist/scrubbed-tailwind-components-v2.es.js +642 -441
  3. package/dist/scrubbed-tailwind-components-v2.umd.js +1 -1
  4. package/package.json +1 -1
package/dist/scrubbed-tailwind-components-v2.es.js CHANGED
@@ -1,19 +1,19 @@
1
- import { inject as g, createElementBlock as l, openBlock as s, normalizeClass as b, unref as c, createElementVNode as d, renderSlot as i, createBlock as p, withCtx as m, ref as f, provide as y, createVNode as x, Fragment as C, Teleport as D, normalizeStyle as H, watch as W, createCommentVNode as v, resolveComponent as O, mergeProps as k, useModel as S, withDirectives as w, vModelCheckbox as q, onMounted as U, onUnmounted as Z, Transition as A, useSlots as P, resolveDynamicComponent as E, cloneVNode as j, vModelText as G, vModelRadio as J, vModelSelect as Y, renderList as B, toDisplayString as L, createTextVNode as F, computed as X } from "vue";
2
- import { RouterLink as T, useRoute as z } from "vue-router";
3
- const Q = { class: "flex w-full items-center justify-between" }, K = { class: "flex items-center gap-2" }, ee = { class: "flex items-center gap-10" }, te = { class: "hidden gap-6 sm:flex" }, oe = {
1
+ import { inject as b, createElementBlock as l, openBlock as a, normalizeClass as p, unref as d, createElementVNode as c, renderSlot as i, createBlock as m, withCtx as g, ref as f, provide as w, createVNode as _, Fragment as A, Teleport as P, normalizeStyle as q, watch as U, createCommentVNode as y, resolveComponent as Y, mergeProps as k, useModel as T, withDirectives as $, vModelCheckbox as Z, onMounted as J, onUnmounted as X, Transition as S, useSlots as G, resolveDynamicComponent as N, cloneVNode as W, createStaticVNode as Q, createTextVNode as R, vModelText as H, mergeModels as K, vModelRadio as ee, vModelSelect as te, renderList as D, toDisplayString as E, computed as re } from "vue";
2
+ import { RouterLink as I, useRoute as O } from "vue-router";
3
+ const oe = { class: "container flex w-full items-center justify-between" }, ne = { class: "flex items-center gap-2" }, ae = { class: "flex items-center gap-10" }, se = { class: "hidden gap-6 sm:flex" }, le = {
4
4
  __name: "AppHeader",
5
5
  setup(e) {
6
- const t = g("APP_DATA"), { isSidebarToggled: o, toggleSidebar: n } = t;
7
- return (r, a) => (s(), l("header", {
8
- class: b(["fixed top-0 flex h-16 w-dvw items-center bg-white/50 px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": c(o) }])
6
+ const t = b("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = t;
7
+ return (o, s) => (a(), l("header", {
8
+ class: p(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white/50 px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": d(r) }])
9
9
  }, [
10
- d("nav", Q, [
11
- d("div", K, [
12
- d("button", {
13
- onClick: a[0] || (a[0] = (u) => c(n)()),
10
+ c("nav", oe, [
11
+ c("div", ne, [
12
+ c("button", {
13
+ onClick: s[0] || (s[0] = (u) => d(n)()),
14
14
  class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm:hidden"
15
- }, a[1] || (a[1] = [
16
- d("svg", {
15
+ }, s[1] || (s[1] = [
16
+ c("svg", {
17
17
  xmlns: "http://www.w3.org/2000/svg",
18
18
  width: "24",
19
19
  height: "24",
@@ -25,191 +25,191 @@ const Q = { class: "flex w-full items-center justify-between" }, K = { class: "f
25
25
  "stroke-linejoin": "round",
26
26
  class: "lucide lucide-menu-icon lucide-menu size-5 stroke-neutral-600"
27
27
  }, [
28
- d("path", { d: "M4 12h16" }),
29
- d("path", { d: "M4 18h16" }),
30
- d("path", { d: "M4 6h16" })
28
+ c("path", { d: "M4 12h16" }),
29
+ c("path", { d: "M4 18h16" }),
30
+ c("path", { d: "M4 6h16" })
31
31
  ], -1)
32
32
  ])),
33
- i(r.$slots, "header-img")
33
+ i(o.$slots, "header-img")
34
34
  ]),
35
- d("div", ee, [
36
- d("ul", te, [
37
- i(r.$slots, "header-links")
35
+ c("div", ae, [
36
+ c("ul", se, [
37
+ i(o.$slots, "header-links")
38
38
  ]),
39
- i(r.$slots, "header-actions")
39
+ i(o.$slots, "header-actions")
40
40
  ])
41
41
  ])
42
42
  ], 2));
43
43
  }
44
- }, re = ["href"], ne = {
44
+ }, ie = ["href"], de = {
45
45
  __name: "AppHeaderLink",
46
46
  props: {
47
47
  to: { type: String, required: !0 }
48
48
  },
49
49
  setup(e) {
50
50
  const t = e;
51
- return (o, n) => (s(), l("li", null, [
52
- t.to.startsWith("/") ? (s(), p(c(T), {
51
+ return (r, n) => (a(), l("li", null, [
52
+ t.to.startsWith("/") ? (a(), m(d(I), {
53
53
  key: 0,
54
54
  class: "hover:text-primary-950 [&.router-link-active]:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all [&.router-link-active]:font-semibold",
55
55
  to: t.to
56
56
  }, {
57
- default: m(() => [
58
- i(o.$slots, "default")
57
+ default: g(() => [
58
+ i(r.$slots, "default")
59
59
  ]),
60
60
  _: 3
61
- }, 8, ["to"])) : (s(), l("a", {
61
+ }, 8, ["to"])) : (a(), l("a", {
62
62
  key: 1,
63
63
  class: "hover:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all",
64
64
  href: t.to
65
65
  }, [
66
- i(o.$slots, "default")
67
- ], 8, re))
66
+ i(r.$slots, "default")
67
+ ], 8, ie))
68
68
  ]));
69
69
  }
70
- }, se = { class: "relative" }, ae = { class: "flex" }, le = {
70
+ }, ce = { class: "relative" }, ue = { class: "flex" }, ge = {
71
71
  __name: "AppLayout",
72
72
  setup(e) {
73
73
  const t = f(!1);
74
- function o() {
74
+ function r() {
75
75
  window.innerWidth <= 640 ? (t.value = !t.value, n()) : t.value && (t.value = !1, n());
76
76
  }
77
77
  function n() {
78
- const r = document.querySelector("body");
79
- r.classList.contains("bg-black") ? r.classList.remove("bg-black") : r.classList.add("bg-black");
78
+ const o = document.querySelector("body");
79
+ o.classList.contains("bg-black") ? o.classList.remove("bg-black") : o.classList.add("bg-black");
80
80
  }
81
- return y("APP_DATA", { isSidebarToggled: t, toggleSidebar: o }), (r, a) => (s(), l("div", {
82
- class: b(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]", {
81
+ return w("APP_DATA", { isSidebarToggled: t, toggleSidebar: r }), (o, s) => (a(), l("div", {
82
+ class: p(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]", {
83
83
  "scale-93 origin-[center_top] translate-y-4": t.value
84
84
  }])
85
85
  }, [
86
- d("div", se, [
87
- i(r.$slots, "header"),
88
- d("div", ae, [
89
- i(r.$slots, "content")
86
+ c("div", ce, [
87
+ i(o.$slots, "header"),
88
+ c("div", ue, [
89
+ i(o.$slots, "content")
90
90
  ])
91
91
  ])
92
92
  ], 2));
93
93
  }
94
- }, ie = {
94
+ }, pe = {
95
95
  __name: "AppMain",
96
96
  setup(e) {
97
- const t = g("APP_DATA"), { isSidebarToggled: o } = t;
98
- return (n, r) => (s(), l("main", {
99
- class: b([
97
+ const t = b("APP_DATA"), { isSidebarToggled: r } = t;
98
+ return (n, o) => (a(), l("main", {
99
+ class: p([
100
100
  "bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pb-9 pt-24 sm:top-16 sm:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",
101
- c(o) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
101
+ d(r) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
102
102
  ])
103
103
  }, [
104
104
  i(n.$slots, "default")
105
105
  ], 2));
106
106
  }
107
107
  }, h = (e, t) => {
108
- const o = e.__vccOpts || e;
109
- for (const [n, r] of t)
110
- o[n] = r;
111
- return o;
112
- }, de = {}, ce = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
113
- function ue(e, t) {
114
- return s(), l("div", ce, [
108
+ const r = e.__vccOpts || e;
109
+ for (const [n, o] of t)
110
+ r[n] = o;
111
+ return r;
112
+ }, me = {}, be = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
113
+ function fe(e, t) {
114
+ return a(), l("div", be, [
115
115
  i(e.$slots, "default")
116
116
  ]);
117
117
  }
118
- const pe = /* @__PURE__ */ h(de, [["render", ue]]), ge = { class: "shrink-0" }, me = {
118
+ const he = /* @__PURE__ */ h(me, [["render", fe]]), xe = { class: "shrink-0" }, ve = {
119
119
  __name: "AppNavTab",
120
120
  props: {
121
121
  to: { type: String, required: !0 }
122
122
  },
123
123
  setup(e) {
124
124
  const t = e;
125
- return f(null), (o, n) => (s(), l("div", ge, [
126
- x(c(T), {
125
+ return f(null), (r, n) => (a(), l("div", xe, [
126
+ _(d(I), {
127
127
  class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 hover:text-brand-primary-700 group relative flex h-12 shrink-0 items-center justify-between gap-2 border-b-2 border-transparent px-3 text-sm text-neutral-600 transition-all [&.router-link-exact-active]:font-medium",
128
128
  to: t.to
129
129
  }, {
130
- default: m(() => [
131
- i(o.$slots, "default"),
132
- n[0] || (n[0] = d("div", { class: "bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]" }, null, -1))
130
+ default: g(() => [
131
+ i(r.$slots, "default"),
132
+ n[0] || (n[0] = c("div", { class: "bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]" }, null, -1))
133
133
  ]),
134
134
  _: 3,
135
135
  __: [0]
136
136
  }, 8, ["to"])
137
137
  ]));
138
138
  }
139
- }, be = { class: "fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block" }, fe = {
139
+ }, _e = { class: "fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block" }, ye = {
140
140
  __name: "AppSidebar",
141
141
  setup(e) {
142
- const t = g("APP_DATA"), { isSidebarToggled: o, toggleSidebar: n } = t;
143
- return (r, a) => (s(), l(C, null, [
144
- d("aside", be, [
145
- i(r.$slots, "default", {}, void 0, !0)
142
+ const t = b("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = t;
143
+ return (o, s) => (a(), l(A, null, [
144
+ c("aside", _e, [
145
+ i(o.$slots, "default", {}, void 0, !0)
146
146
  ]),
147
- (s(), p(D, { to: "body" }, [
148
- d("div", {
147
+ (a(), m(P, { to: "body" }, [
148
+ c("div", {
149
149
  class: "shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full space-y-4 overflow-y-scroll rounded-t-2xl bg-white p-4 transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",
150
- style: H(
151
- c(o) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
150
+ style: q(
151
+ d(r) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
152
152
  )
153
153
  }, [
154
- i(r.$slots, "default", {}, void 0, !0)
154
+ i(o.$slots, "default", {}, void 0, !0)
155
155
  ], 4),
156
- d("div", {
157
- onClick: a[0] || (a[0] = (u) => c(n)()),
158
- class: b([
156
+ c("div", {
157
+ onClick: s[0] || (s[0] = (u) => d(n)()),
158
+ class: p([
159
159
  "backdrop backdrop-blur-[0.50px] transition-all duration-300 [transition-behavior:allow-discrete]",
160
- c(o) ? "fixed inset-0 z-40 block bg-black/80 opacity-100" : "hidden"
160
+ d(r) ? "fixed inset-0 z-40 block bg-black/80 opacity-100" : "hidden"
161
161
  ])
162
162
  }, null, 2)
163
163
  ]))
164
164
  ], 64));
165
165
  }
166
- }, he = /* @__PURE__ */ h(fe, [["__scopeId", "data-v-aaece1c7"]]), _e = { class: "flex flex-col" }, ve = {
166
+ }, ke = /* @__PURE__ */ h(ye, [["__scopeId", "data-v-aaece1c7"]]), Ce = { class: "flex flex-col" }, we = {
167
167
  __name: "AppSidebarItem",
168
168
  setup(e) {
169
- z();
169
+ O();
170
170
  const t = f(!1);
171
- function o() {
171
+ function r() {
172
172
  t.value = !t.value;
173
173
  }
174
- return y("SIDEBAR_TOGGLE", { toggled: t, toggleSidebarItem: o }), (n, r) => (s(), l("div", _e, [
174
+ return w("SIDEBAR_TOGGLE", { toggled: t, toggleSidebarItem: r }), (n, o) => (a(), l("div", Ce, [
175
175
  i(n.$slots, "default")
176
176
  ]));
177
177
  }
178
- }, xe = ["href"], ke = {
178
+ }, $e = ["href"], Ae = {
179
179
  __name: "AppSidebarItemChild",
180
180
  props: {
181
181
  to: { type: [String, Object], required: !0 }
182
182
  },
183
183
  setup(e) {
184
184
  const t = e;
185
- return (o, n) => typeof t.to == "object" || t.to.startsWith("/") ? (s(), p(c(T), {
185
+ return (r, n) => typeof t.to == "object" || t.to.startsWith("/") ? (a(), m(d(I), {
186
186
  key: 0,
187
187
  class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:bg-background-main text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden rounded-lg px-3 text-xs leading-[40px] text-ellipsis whitespace-nowrap transition-all [&.router-link-exact-active]:font-medium",
188
188
  to: t.to
189
189
  }, {
190
- default: m(() => [
191
- i(o.$slots, "default")
190
+ default: g(() => [
191
+ i(r.$slots, "default")
192
192
  ]),
193
193
  _: 3
194
- }, 8, ["to"])) : (s(), l("a", {
194
+ }, 8, ["to"])) : (a(), l("a", {
195
195
  key: 1,
196
196
  class: "text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden rounded-lg px-3 text-xs leading-[40px] text-ellipsis whitespace-nowrap transition-all",
197
197
  href: t.to
198
198
  }, [
199
- i(o.$slots, "default")
200
- ], 8, xe));
199
+ i(r.$slots, "default")
200
+ ], 8, $e));
201
201
  }
202
- }, ye = {
202
+ }, Se = {
203
203
  __name: "AppSidebarItemChildren",
204
204
  setup(e) {
205
- const t = g("SIDEBAR_TOGGLE"), { toggled: o } = t;
206
- return (n, r) => (s(), l("div", {
207
- class: b(["max-h-0 overflow-y-hidden rounded-b-lg opacity-0 transition-all", { "mt-2 max-h-max overflow-y-auto px-2 opacity-100": c(o) }])
205
+ const t = b("SIDEBAR_TOGGLE"), { toggled: r } = t;
206
+ return (n, o) => (a(), l("div", {
207
+ class: p(["max-h-0 overflow-y-hidden rounded-b-lg opacity-0 transition-all", { "mt-2 max-h-max overflow-y-auto px-2 opacity-100": d(r) }])
208
208
  }, [
209
209
  i(n.$slots, "default")
210
210
  ], 2));
211
211
  }
212
- }, we = { class: "link group/sidebar-item hover:bg-background-main has-[&.router-link-active]:bg-background-main peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, $e = ["href"], Ce = {
212
+ }, Te = { class: "link group/sidebar-item hover:bg-background-main has-[&.router-link-active]:bg-background-main peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, Ie = ["href"], Be = {
213
213
  __name: "AppSidebarItemParent",
214
214
  props: {
215
215
  to: { type: [String, Object], required: !0 },
@@ -217,37 +217,37 @@ const pe = /* @__PURE__ */ h(de, [["render", ue]]), ge = { class: "shrink-0" },
217
217
  hasChildren: { type: Boolean, default: !1 }
218
218
  },
219
219
  setup(e) {
220
- const t = z(), o = e, n = g("SIDEBAR_TOGGLE"), r = g("APP_DATA"), { toggled: a, toggleSidebarItem: u } = n, { toggleSidebar: $ } = r;
221
- function M() {
220
+ const t = O(), r = e, n = b("SIDEBAR_TOGGLE"), o = b("APP_DATA"), { toggled: s, toggleSidebarItem: u } = n, { toggleSidebar: x } = o;
221
+ function j() {
222
222
  t.matched.some(
223
- (_) => o.name === _.name
224
- ) ? a.value = !0 : a.value = !1;
223
+ (v) => r.name === v.name
224
+ ) ? s.value = !0 : s.value = !1;
225
225
  }
226
- return W(t, () => M(), { immediate: !0 }), (I, _) => (s(), l("div", we, [
227
- typeof o.to == "object" || o.to.startsWith("/") ? (s(), p(c(T), {
226
+ return U(t, () => j(), { immediate: !0 }), (B, v) => (a(), l("div", Te, [
227
+ typeof r.to == "object" || r.to.startsWith("/") ? (a(), m(d(I), {
228
228
  key: 0,
229
- onClick: _[0] || (_[0] = (N) => c($)()),
229
+ onClick: v[0] || (v[0] = (F) => d(x)()),
230
230
  class: "[&.router-link-active]:text-primary-800 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",
231
- to: o.to
231
+ to: r.to
232
232
  }, {
233
- default: m(() => [
234
- i(I.$slots, "default", {}, void 0, !0)
233
+ default: g(() => [
234
+ i(B.$slots, "default", {}, void 0, !0)
235
235
  ]),
236
236
  _: 3
237
- }, 8, ["to"])) : (s(), l("a", {
237
+ }, 8, ["to"])) : (a(), l("a", {
238
238
  key: 1,
239
239
  class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",
240
- href: o.to
240
+ href: r.to
241
241
  }, [
242
- i(I.$slots, "default", {}, void 0, !0)
243
- ], 8, $e)),
244
- o.hasChildren ? (s(), l("button", {
242
+ i(B.$slots, "default", {}, void 0, !0)
243
+ ], 8, Ie)),
244
+ r.hasChildren ? (a(), l("button", {
245
245
  key: 2,
246
- onClick: _[1] || (_[1] = (N) => c(u)()),
246
+ onClick: v[1] || (v[1] = (F) => d(u)()),
247
247
  class: "cursor-pointer rounded-full p-1 transition-all hover:bg-neutral-100",
248
248
  type: "button"
249
249
  }, [
250
- (s(), l("svg", {
250
+ (a(), l("svg", {
251
251
  xmlns: "http://www.w3.org/2000/svg",
252
252
  width: "16",
253
253
  height: "16",
@@ -257,35 +257,35 @@ const pe = /* @__PURE__ */ h(de, [["render", ue]]), ge = { class: "shrink-0" },
257
257
  "stroke-width": "2",
258
258
  "stroke-linecap": "round",
259
259
  "stroke-linejoin": "round",
260
- class: b(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-primary-800 transition-all duration-300", { "rotate-180": c(a) }])
261
- }, _[2] || (_[2] = [
262
- d("path", { d: "m6 9 6 6 6-6" }, null, -1)
260
+ class: p(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-primary-800 transition-all duration-300", { "rotate-180": d(s) }])
261
+ }, v[2] || (v[2] = [
262
+ c("path", { d: "m6 9 6 6 6-6" }, null, -1)
263
263
  ]), 2))
264
- ])) : v("", !0)
264
+ ])) : y("", !0)
265
265
  ]));
266
266
  }
267
- }, Ae = /* @__PURE__ */ h(Ce, [["__scopeId", "data-v-3b52e94a"]]), Se = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, Te = {
267
+ }, De = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-3b52e94a"]]), Re = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, Ve = {
268
268
  __name: "AppSidebarToggle",
269
269
  setup(e) {
270
- const t = g("SIDEBAR_TOGGLE");
271
- return (o, n) => {
272
- const r = O("RouterLink");
273
- return s(), l("div", Se, [
274
- x(r, {
270
+ const t = b("SIDEBAR_TOGGLE");
271
+ return (r, n) => {
272
+ const o = Y("RouterLink");
273
+ return a(), l("div", Re, [
274
+ _(o, {
275
275
  class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium [&.router-link-active]:text-white",
276
276
  to: "/"
277
277
  }, {
278
- default: m(() => [
279
- i(o.$slots, "default")
278
+ default: g(() => [
279
+ i(r.$slots, "default")
280
280
  ]),
281
281
  _: 3
282
282
  }),
283
- d("button", {
284
- onClick: n[0] || (n[0] = (a) => c(t).toggleSidebarItem()),
283
+ c("button", {
284
+ onClick: n[0] || (n[0] = (s) => d(t).toggleSidebarItem()),
285
285
  class: "cursor-pointer",
286
286
  type: "button"
287
287
  }, n[1] || (n[1] = [
288
- d("svg", {
288
+ c("svg", {
289
289
  xmlns: "http://www.w3.org/2000/svg",
290
290
  width: "16",
291
291
  height: "16",
@@ -297,168 +297,299 @@ const pe = /* @__PURE__ */ h(de, [["render", ue]]), ge = { class: "shrink-0" },
297
297
  "stroke-linejoin": "round",
298
298
  class: "lucide lucide-chevron-down-icon lucide-chevron-down stroke-white"
299
299
  }, [
300
- d("path", { d: "m6 9 6 6 6-6" })
300
+ c("path", { d: "m6 9 6 6 6-6" })
301
301
  ], -1)
302
302
  ]))
303
303
  ]);
304
304
  };
305
305
  }
306
- }, Ie = {}, Be = {
306
+ }, Pe = {}, Me = {
307
307
  key: 0,
308
308
  class: "text-primary-950 px-1 text-sm font-medium"
309
- }, De = { class: "mt-2" };
310
- function Re(e, t) {
311
- return s(), l("nav", null, [
312
- e.$slots.title ? (s(), l("b", Be, [
309
+ }, ze = { class: "mt-2" };
310
+ function je(e, t) {
311
+ return a(), l("nav", null, [
312
+ e.$slots.title ? (a(), l("b", Me, [
313
313
  i(e.$slots, "title")
314
- ])) : v("", !0),
315
- d("div", De, [
314
+ ])) : y("", !0),
315
+ c("div", ze, [
316
316
  i(e.$slots, "items")
317
317
  ])
318
318
  ]);
319
319
  }
320
- const Ve = /* @__PURE__ */ h(Ie, [["render", Re]]), Me = {}, Le = { class: "rounded-full px-3 py-1 text-xs font-medium" };
321
- function Pe(e, t) {
322
- return s(), l("div", Le, [
323
- i(e.$slots, "default")
324
- ]);
325
- }
326
- const Ee = /* @__PURE__ */ h(Me, [["render", Pe]]), je = {
327
- __name: "Button",
320
+ const Ee = /* @__PURE__ */ h(Pe, [["render", je]]), L = {
321
+ /* ---------------- Solid Buttons ---------------- */
322
+ primary: {
323
+ backgroundColor: "bg-brand-primary-700",
324
+ textColor: "text-white"
325
+ },
326
+ secondary: {
327
+ backgroundColor: "bg-neutral-100",
328
+ textColor: "text-neutral-700"
329
+ },
330
+ success: {
331
+ backgroundColor: "bg-success-400",
332
+ textColor: "text-white"
333
+ },
334
+ danger: {
335
+ backgroundColor: "bg-danger-600",
336
+ textColor: "text-white"
337
+ },
338
+ warning: {
339
+ backgroundColor: "bg-warning-500",
340
+ textColor: "text-neutral-950"
341
+ },
342
+ secondaryPrimary: {
343
+ backgroundColor: "bg-brand-primary-100",
344
+ textColor: "text-brand-primary-700"
345
+ },
346
+ secondaryAltPrimary: {
347
+ backgroundColor: "bg-primary-100",
348
+ textColor: "text-primary-700"
349
+ },
350
+ secondarySuccess: {
351
+ backgroundColor: "bg-success-100",
352
+ textColor: "text-success-700"
353
+ },
354
+ secondaryDanger: {
355
+ backgroundColor: "bg-danger-100",
356
+ textColor: "text-danger-700"
357
+ },
358
+ secondaryWarning: {
359
+ backgroundColor: "bg-warning-100",
360
+ textColor: "text-warning-700"
361
+ },
362
+ /* ---------------- Outlined Buttons ---------------- */
363
+ outlined: {
364
+ backgroundColor: "bg-transparent",
365
+ textColor: "text-neutral-700",
366
+ borderColor: "border border-neutral-200"
367
+ },
368
+ outlinedPrimary: {
369
+ backgroundColor: "bg-transparent",
370
+ textColor: "text-brand-primary-700",
371
+ borderColor: "border border-brand-primary-300"
372
+ },
373
+ outlinedSuccess: {
374
+ backgroundColor: "bg-transparent",
375
+ textColor: "text-success-600",
376
+ borderColor: "border border-success-300"
377
+ },
378
+ outlinedDanger: {
379
+ backgroundColor: "bg-transparent",
380
+ textColor: "text-danger-600",
381
+ borderColor: "border border-danger-300"
382
+ },
383
+ outlinedWarning: {
384
+ backgroundColor: "bg-transparent",
385
+ textColor: "text-warning-600",
386
+ borderColor: "border border-warning-300"
387
+ },
388
+ /* ---------------- Ghost Buttons ---------------- */
389
+ ghost: {
390
+ backgroundColor: "bg-transparent",
391
+ textColor: "text-neutral-700"
392
+ },
393
+ ghostPrimary: {
394
+ backgroundColor: "bg-transparent",
395
+ textColor: "text-brand-primary-700"
396
+ },
397
+ ghostSuccess: {
398
+ backgroundColor: "bg-transparent",
399
+ textColor: "text-success-600"
400
+ },
401
+ ghostDanger: {
402
+ backgroundColor: "bg-transparent",
403
+ textColor: "text-danger-600"
404
+ },
405
+ ghostWarning: {
406
+ backgroundColor: "bg-transparent",
407
+ textColor: "text-warning-600"
408
+ }
409
+ }, C = {
410
+ /* ---------------- Solid Buttons ---------------- */
411
+ primary: {
412
+ backgroundColor: "bg-gradient-to-br from-brand-primary-500 to-brand-primary-700",
413
+ textColor: "text-white",
414
+ hoverBackgroundColor: "hover:from-brand-primary-700 hover:to-brand-primary-800",
415
+ focusRing: "focus:ring-brand-primary-300"
416
+ },
417
+ secondary: {
418
+ backgroundColor: "bg-neutral-100",
419
+ textColor: "text-neutral-700",
420
+ hoverBackgroundColor: "hover:bg-neutral-200",
421
+ focusRing: "focus:ring-neutral-300"
422
+ },
423
+ success: {
424
+ backgroundColor: "bg-success-400",
425
+ textColor: "text-white",
426
+ hoverBackgroundColor: "hover:bg-success-500",
427
+ focusRing: "focus:ring-success-300"
428
+ },
429
+ danger: {
430
+ backgroundColor: "bg-danger-600",
431
+ textColor: "text-white",
432
+ hoverBackgroundColor: "hover:bg-danger-700",
433
+ focusRing: "focus:ring-danger-300"
434
+ },
435
+ warning: {
436
+ backgroundColor: "bg-warning-500",
437
+ textColor: "text-neutral-950",
438
+ hoverBackgroundColor: "hover:bg-warning-600",
439
+ focusRing: "focus:ring-warning-300"
440
+ },
441
+ secondaryPrimary: {
442
+ backgroundColor: "bg-brand-primary-100",
443
+ textColor: "text-brand-primary-700",
444
+ hoverBackgroundColor: "hover:bg-brand-primary-200",
445
+ focusRing: "focus:ring-brand-primary-200"
446
+ },
447
+ secondaryAltPrimary: {
448
+ backgroundColor: "bg-primary-100",
449
+ textColor: "text-primary-700",
450
+ hoverBackgroundColor: "hover:bg-primary-200",
451
+ focusRing: "focus:ring-primary-200"
452
+ },
453
+ secondarySuccess: {
454
+ backgroundColor: "bg-success-100",
455
+ textColor: "text-success-700",
456
+ hoverBackgroundColor: "hover:bg-success-200",
457
+ focusRing: "focus:ring-success-200"
458
+ },
459
+ secondaryDanger: {
460
+ backgroundColor: "bg-danger-100",
461
+ textColor: "text-danger-700",
462
+ hoverBackgroundColor: "hover:bg-danger-200",
463
+ focusRing: "focus:ring-danger-200"
464
+ },
465
+ secondaryWarning: {
466
+ backgroundColor: "bg-warning-100",
467
+ textColor: "text-warning-700",
468
+ hoverBackgroundColor: "hover:bg-warning-200",
469
+ focusRing: "focus:ring-warning-200"
470
+ },
471
+ /* ---------------- Outlined Buttons ---------------- */
472
+ outlined: {
473
+ backgroundColor: "bg-transparent",
474
+ textColor: "text-neutral-700",
475
+ borderColor: "border border-neutral-200",
476
+ hoverBackgroundColor: "hover:bg-neutral-100",
477
+ hoverTextColor: "hover:text-neutral-900",
478
+ focusRing: "focus:ring-neutral-200"
479
+ },
480
+ outlinedPrimary: {
481
+ backgroundColor: "bg-transparent",
482
+ textColor: "text-brand-primary-700",
483
+ borderColor: "border border-brand-primary-300",
484
+ hoverBackgroundColor: "hover:bg-brand-primary-100",
485
+ hoverTextColor: "hover:text-brand-primary-800",
486
+ focusRing: "focus:ring-brand-primary-200"
487
+ },
488
+ outlinedSuccess: {
489
+ backgroundColor: "bg-transparent",
490
+ textColor: "text-success-600",
491
+ borderColor: "border border-success-300",
492
+ hoverBackgroundColor: "hover:bg-success-100",
493
+ hoverTextColor: "hover:text-success-700",
494
+ focusRing: "focus:ring-success-200"
495
+ },
496
+ outlinedDanger: {
497
+ backgroundColor: "bg-transparent",
498
+ textColor: "text-danger-600",
499
+ borderColor: "border border-danger-300",
500
+ hoverBackgroundColor: "hover:bg-danger-100",
501
+ hoverTextColor: "hover:text-danger-700",
502
+ focusRing: "focus:ring-danger-200"
503
+ },
504
+ outlinedWarning: {
505
+ backgroundColor: "bg-transparent",
506
+ textColor: "text-warning-600",
507
+ borderColor: "border border-warning-300",
508
+ hoverBackgroundColor: "hover:bg-warning-100",
509
+ hoverTextColor: "hover:text-warning-700",
510
+ focusRing: "focus:ring-warning-200"
511
+ },
512
+ /* ---------------- Ghost Buttons ---------------- */
513
+ ghost: {
514
+ backgroundColor: "bg-transparent",
515
+ textColor: "text-neutral-700",
516
+ hoverBackgroundColor: "hover:bg-neutral-100",
517
+ hoverTextColor: "hover:text-neutral-900",
518
+ focusRing: "focus:ring-neutral-200"
519
+ },
520
+ ghostPrimary: {
521
+ backgroundColor: "bg-transparent",
522
+ textColor: "text-brand-primary-700",
523
+ hoverBackgroundColor: "hover:bg-brand-primary-100",
524
+ hoverTextColor: "hover:text-brand-primary-800",
525
+ focusRing: "focus:ring-brand-primary-200"
526
+ },
527
+ ghostSuccess: {
528
+ backgroundColor: "bg-transparent",
529
+ textColor: "text-success-600",
530
+ hoverBackgroundColor: "hover:bg-success-100",
531
+ hoverTextColor: "hover:text-success-700",
532
+ focusRing: "focus:ring-success-200"
533
+ },
534
+ ghostDanger: {
535
+ backgroundColor: "bg-transparent",
536
+ textColor: "text-danger-600",
537
+ hoverBackgroundColor: "hover:bg-danger-100",
538
+ hoverTextColor: "hover:text-danger-700",
539
+ focusRing: "focus:ring-danger-200"
540
+ },
541
+ ghostWarning: {
542
+ backgroundColor: "bg-transparent",
543
+ textColor: "text-warning-600",
544
+ hoverBackgroundColor: "hover:bg-warning-100",
545
+ hoverTextColor: "hover:text-warning-700",
546
+ focusRing: "focus:ring-warning-200"
547
+ }
548
+ }, Le = {
549
+ __name: "Badge",
328
550
  props: {
329
551
  variant: { type: String, default: "primary" }
330
552
  },
331
553
  setup(e) {
332
- const t = e, o = {
333
- /* ---------------- Solid Buttons ---------------- */
334
- primary: {
335
- backgroundColor: "bg-gradient-to-br from-brand-primary-500 to-brand-primary-700",
336
- textColor: "text-white",
337
- hoverBackgroundColor: "hover:from-brand-primary-700 hover:to-brand-primary-800",
338
- focusRing: "focus:ring-brand-primary-300"
339
- },
340
- secondary: {
341
- backgroundColor: "bg-neutral-100",
342
- textColor: "text-neutral-700",
343
- hoverBackgroundColor: "hover:bg-neutral-200",
344
- focusRing: "focus:ring-neutral-300"
345
- },
346
- success: {
347
- backgroundColor: "bg-success-400",
348
- textColor: "text-white",
349
- hoverBackgroundColor: "hover:bg-success-500",
350
- focusRing: "focus:ring-success-300"
351
- },
352
- danger: {
353
- backgroundColor: "bg-danger-600",
354
- textColor: "text-white",
355
- hoverBackgroundColor: "hover:bg-danger-700",
356
- focusRing: "focus:ring-danger-300"
357
- },
358
- warning: {
359
- backgroundColor: "bg-warning-500",
360
- textColor: "text-neutral-950",
361
- hoverBackgroundColor: "hover:bg-warning-600",
362
- focusRing: "focus:ring-warning-300"
363
- },
364
- /* ---------------- Outlined Buttons ---------------- */
365
- outlined: {
366
- backgroundColor: "bg-transparent",
367
- textColor: "text-neutral-700",
368
- borderColor: "border border-neutral-200",
369
- hoverBackgroundColor: "hover:bg-neutral-100",
370
- hoverTextColor: "hover:text-neutral-900",
371
- focusRing: "focus:ring-neutral-200"
372
- },
373
- outlinedPrimary: {
374
- backgroundColor: "bg-transparent",
375
- textColor: "text-brand-primary-700",
376
- borderColor: "border border-brand-primary-300",
377
- hoverBackgroundColor: "hover:bg-brand-primary-100",
378
- hoverTextColor: "hover:text-brand-primary-800",
379
- focusRing: "focus:ring-brand-primary-200"
380
- },
381
- outlinedSuccess: {
382
- backgroundColor: "bg-transparent",
383
- textColor: "text-success-600",
384
- borderColor: "border border-success-300",
385
- hoverBackgroundColor: "hover:bg-success-100",
386
- hoverTextColor: "hover:text-success-700",
387
- focusRing: "focus:ring-success-200"
388
- },
389
- outlinedDanger: {
390
- backgroundColor: "bg-transparent",
391
- textColor: "text-danger-600",
392
- borderColor: "border border-danger-300",
393
- hoverBackgroundColor: "hover:bg-danger-100",
394
- hoverTextColor: "hover:text-danger-700",
395
- focusRing: "focus:ring-danger-200"
396
- },
397
- outlinedWarning: {
398
- backgroundColor: "bg-transparent",
399
- textColor: "text-warning-600",
400
- borderColor: "border border-warning-300",
401
- hoverBackgroundColor: "hover:bg-warning-100",
402
- hoverTextColor: "hover:text-warning-700",
403
- focusRing: "focus:ring-warning-200"
404
- },
405
- /* ---------------- Ghost Buttons ---------------- */
406
- ghost: {
407
- backgroundColor: "bg-transparent",
408
- textColor: "text-neutral-700",
409
- hoverBackgroundColor: "hover:bg-neutral-100",
410
- hoverTextColor: "hover:text-neutral-900",
411
- focusRing: "focus:ring-neutral-200"
412
- },
413
- ghostPrimary: {
414
- backgroundColor: "bg-transparent",
415
- textColor: "text-brand-primary-700",
416
- hoverBackgroundColor: "hover:bg-brand-primary-100",
417
- hoverTextColor: "hover:text-brand-primary-800",
418
- focusRing: "focus:ring-brand-primary-200"
419
- },
420
- ghostSuccess: {
421
- backgroundColor: "bg-transparent",
422
- textColor: "text-success-600",
423
- hoverBackgroundColor: "hover:bg-success-100",
424
- hoverTextColor: "hover:text-success-700",
425
- focusRing: "focus:ring-success-200"
426
- },
427
- ghostDanger: {
428
- backgroundColor: "bg-transparent",
429
- textColor: "text-danger-600",
430
- hoverBackgroundColor: "hover:bg-danger-100",
431
- hoverTextColor: "hover:text-danger-700",
432
- focusRing: "focus:ring-danger-200"
433
- },
434
- ghostWarning: {
435
- backgroundColor: "bg-transparent",
436
- textColor: "text-warning-600",
437
- hoverBackgroundColor: "hover:bg-warning-100",
438
- hoverTextColor: "hover:text-warning-700",
439
- focusRing: "focus:ring-warning-200"
440
- }
441
- };
442
- return (n, r) => (s(), l("button", k(n.$attrs, {
554
+ const t = e;
555
+ return (r, n) => (a(), l("div", {
556
+ class: p(["rounded-full px-3 py-1 text-xs font-medium", [
557
+ d(L)[t.variant].backgroundColor,
558
+ d(L)[t.variant].textColor
559
+ ]])
560
+ }, [
561
+ i(r.$slots, "default")
562
+ ], 2));
563
+ }
564
+ }, V = {
565
+ __name: "Button",
566
+ props: {
567
+ variant: { type: String, default: "primary" }
568
+ },
569
+ setup(e, { expose: t }) {
570
+ const r = e, n = f(null);
571
+ return t({ buttonRef: n }), (o, s) => (a(), l("button", k(o.$attrs, {
443
572
  class: ["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-50 disabled:active:scale-100", [
444
- o[t.variant].backgroundColor,
445
- o[t.variant].borderColor,
446
- o[t.variant].textColor,
447
- o[t.variant].hoverBackgroundColor,
448
- o[t.variant].hoverTextColor,
449
- o[t.variant].focusRing
450
- ]]
573
+ d(C)[r.variant].backgroundColor,
574
+ d(C)[r.variant].borderColor,
575
+ d(C)[r.variant].textColor,
576
+ d(C)[r.variant].hoverBackgroundColor,
577
+ d(C)[r.variant].hoverTextColor,
578
+ d(C)[r.variant].focusRing
579
+ ]],
580
+ ref_key: "buttonRef",
581
+ ref: n
451
582
  }), [
452
- i(n.$slots, "default")
583
+ i(o.$slots, "default")
453
584
  ], 16));
454
585
  }
455
- }, Ge = {}, ze = { class: "rounded-2xl bg-white p-6" };
456
- function Ne(e, t) {
457
- return s(), l("div", ze, [
586
+ }, Ge = {}, Ne = { class: "rounded-2xl bg-white p-6" };
587
+ function We(e, t) {
588
+ return a(), l("div", Ne, [
458
589
  i(e.$slots, "default")
459
590
  ]);
460
591
  }
461
- const R = /* @__PURE__ */ h(Ge, [["render", Ne]]), He = {
592
+ const M = /* @__PURE__ */ h(Ge, [["render", We]]), He = {
462
593
  __name: "Checkbox",
463
594
  props: {
464
595
  modelValue: {},
@@ -466,12 +597,12 @@ const R = /* @__PURE__ */ h(Ge, [["render", Ne]]), He = {
466
597
  },
467
598
  emits: ["update:modelValue"],
468
599
  setup(e) {
469
- const t = S(e, "modelValue"), o = f(null);
470
- return (n, r) => (s(), l("button", {
471
- onClick: r[1] || (r[1] = (a) => o.value.click()),
472
- class: "group/checkbox has-checked:bg-brand-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm bg-neutral-200 transition-all duration-300 active:scale-[0.50]"
600
+ const t = T(e, "modelValue"), r = f(null);
601
+ return (n, o) => (a(), l("button", {
602
+ onClick: o[1] || (o[1] = (s) => r.value.click()),
603
+ class: "group/checkbox has-checked:bg-brand-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm bg-neutral-200 transition-all duration-300 active:scale-[0.50] has-disabled:cursor-not-allowed has-disabled:opacity-50"
473
604
  }, [
474
- r[2] || (r[2] = d("svg", {
605
+ o[2] || (o[2] = c("svg", {
475
606
  xmlns: "http://www.w3.org/2000/svg",
476
607
  width: "14",
477
608
  height: "14",
@@ -483,86 +614,135 @@ const R = /* @__PURE__ */ h(Ge, [["render", Ne]]), He = {
483
614
  "stroke-linejoin": "round",
484
615
  class: "lucide lucide-check-icon lucide-check scale-0 stroke-white opacity-0 group-has-[:checked]/checkbox:scale-100 group-has-[:checked]/checkbox:opacity-100"
485
616
  }, [
486
- d("path", { d: "M20 6 9 17l-5-5" })
617
+ c("path", { d: "M20 6 9 17l-5-5" })
487
618
  ], -1)),
488
- w(d("input", k(n.$attrs, {
489
- "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
619
+ $(c("input", k(n.$attrs, {
620
+ "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
490
621
  type: "checkbox",
491
622
  ref_key: "checkboxRef",
492
- ref: o,
623
+ ref: r,
493
624
  hidden: ""
494
625
  }), null, 16), [
495
- [q, t.value]
626
+ [Z, t.value]
496
627
  ])
497
628
  ]));
498
629
  }
499
- }, We = {
630
+ }, Oe = {
500
631
  __name: "Dialog",
501
632
  setup(e) {
502
633
  const t = f(!1);
503
- function o() {
634
+ function r() {
504
635
  t.value = !t.value;
505
636
  }
506
- return y("DIALOG_META", { toggled: t, toggleDialog: o }), (n, r) => i(n.$slots, "default");
637
+ return w("DIALOG_META", { toggled: t, toggleDialog: r }), (n, o) => i(n.$slots, "default", {
638
+ toggled: t.value,
639
+ toggleDialog: r
640
+ });
507
641
  }
508
- }, Oe = { class: "pointer-events-auto fixed inset-0 z-[500] min-h-screen bg-black/80 backdrop-blur-[2px]" }, V = {
642
+ }, z = {
509
643
  __name: "DialogBackground",
510
644
  setup(e) {
511
- return U(() => {
645
+ return J(() => {
512
646
  document.querySelector("body").classList.add("overflow-hidden");
513
- }), Z(() => {
647
+ }), X(() => {
514
648
  document.querySelector("body").classList.remove("overflow-hidden");
515
- }), (t, o) => (s(), l("div", Oe, [
649
+ }), (t, r) => (a(), l("div", k(t.$attrs, { class: "pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80 backdrop-blur-[2px]" }), [
516
650
  i(t.$slots, "default")
517
- ]));
651
+ ], 16));
518
652
  }
519
- }, qe = {
653
+ }, Fe = {
520
654
  __name: "DialogContent",
521
655
  props: {
522
656
  class: { type: String }
523
657
  },
524
658
  setup(e) {
525
- const t = e, { toggled: o, toggleDialog: n } = g("DIALOG_META");
526
- return (r, a) => (s(), p(D, { to: "body" }, [
527
- x(A, { name: "fade-in" }, {
528
- default: m(() => [
529
- c(o) ? (s(), p(V, {
659
+ const t = e, { toggled: r, toggleDialog: n } = b("DIALOG_META");
660
+ return (o, s) => (a(), m(P, { to: "body" }, [
661
+ _(S, { name: "fade-in" }, {
662
+ default: g(() => [
663
+ d(r) ? (a(), m(z, {
530
664
  key: 0,
531
- onClick: a[0] || (a[0] = (u) => c(n)())
532
- })) : v("", !0)
665
+ onClick: s[0] || (s[0] = (u) => d(n)()),
666
+ class: "z-[175]"
667
+ })) : y("", !0)
533
668
  ]),
534
669
  _: 1
535
670
  }),
536
- x(A, { name: "fade-in-dialog" }, {
537
- default: m(() => [
538
- c(o) ? (s(), p(R, {
671
+ _(S, { name: "fade-in-dialog" }, {
672
+ default: g(() => [
673
+ d(r) ? (a(), m(M, {
539
674
  key: 0,
540
- class: b(["fixed left-1/2 top-1/2 z-[600] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white transition-all", t.class])
675
+ class: p(["fixed top-1/2 left-1/2 z-[200] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white transition-all", t.class])
541
676
  }, {
542
- default: m(() => [
543
- i(r.$slots, "default")
677
+ default: g(() => [
678
+ i(o.$slots, "default")
544
679
  ]),
545
680
  _: 3
546
- }, 8, ["class"])) : v("", !0)
681
+ }, 8, ["class"])) : y("", !0)
547
682
  ]),
548
683
  _: 3
549
684
  })
550
685
  ]));
551
686
  }
552
- }, Ue = {
687
+ }, qe = {
553
688
  __name: "DialogToggle",
554
689
  setup(e) {
555
- const t = P(), { toggleDialog: o } = g("DIALOG_META");
556
- return (n, r) => {
557
- var a, u;
558
- return s(), p(E(
559
- j((u = (a = c(t)).default) == null ? void 0 : u.call(a)[0], {
560
- onClick: c(o)
690
+ const t = G(), { toggleDialog: r } = b("DIALOG_META");
691
+ return (n, o) => {
692
+ var s, u;
693
+ return a(), m(N(
694
+ W((u = (s = d(t)).default) == null ? void 0 : u.call(s)[0], {
695
+ onClick: d(r)
561
696
  })
562
697
  ));
563
698
  };
564
699
  }
565
- }, Ze = {
700
+ }, Ue = { class: "flex flex-col items-center justify-center gap-8" }, Ye = { class: "flex items-center gap-2" }, Ze = {
701
+ __name: "Empty",
702
+ setup(e) {
703
+ return (t, r) => (a(), l("div", Ue, [
704
+ r[2] || (r[2] = Q('<div class="flex max-w-xs flex-col items-center gap-2 text-center"><div class="bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" class="text-brand-primary-700 h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div><b class="text-lg font-medium">No Projects Yet</b><p class="text-sm text-neutral-600"> You haven&#39;t created any projects yet. Get started by creating your first project. </p></div>', 1)),
705
+ c("div", Ye, [
706
+ _(V, {
707
+ class: "h-10",
708
+ variant: "outlined"
709
+ }, {
710
+ default: g(() => r[0] || (r[0] = [
711
+ R("Import Project")
712
+ ])),
713
+ _: 1,
714
+ __: [0]
715
+ }),
716
+ _(V, {
717
+ class: "h-10",
718
+ variant: "primary"
719
+ }, {
720
+ default: g(() => r[1] || (r[1] = [
721
+ R("Create Project")
722
+ ])),
723
+ _: 1,
724
+ __: [1]
725
+ })
726
+ ])
727
+ ]));
728
+ }
729
+ }, Je = { class: "group flex flex-col gap-2" }, Xe = {
730
+ __name: "FormField",
731
+ props: {
732
+ validate: { type: Boolean, default: !1 }
733
+ },
734
+ setup(e) {
735
+ return (t, r) => (a(), l("div", Je, [
736
+ i(t.$slots, "default")
737
+ ]));
738
+ }
739
+ }, Qe = {}, Ke = { class: "text-danger-700 hidden h-0 text-xs opacity-0 transition-all group-has-user-invalid:mt-1 group-has-user-invalid:block group-has-user-invalid:h-4 group-has-user-invalid:opacity-100" };
740
+ function et(e, t) {
741
+ return a(), l("p", Ke, [
742
+ i(e.$slots, "default", {}, void 0, !0)
743
+ ]);
744
+ }
745
+ const tt = /* @__PURE__ */ h(Qe, [["render", et], ["__scopeId", "data-v-00088154"]]), rt = {
566
746
  __name: "Input",
567
747
  props: {
568
748
  modelValue: {},
@@ -570,46 +750,57 @@ const R = /* @__PURE__ */ h(Ge, [["render", Ne]]), He = {
570
750
  },
571
751
  emits: ["update:modelValue"],
572
752
  setup(e) {
573
- const t = S(e, "modelValue");
574
- return (o, n) => w((s(), l("input", {
575
- "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
576
- class: "text-primary-950 focus:ring-brand-primary-700 neutral-400:text-neutral-400 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs transition-all duration-300 outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
753
+ const t = T(e, "modelValue");
754
+ return (r, n) => $((a(), l("input", {
755
+ "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
756
+ class: "text-primary-950 focus:ring-brand-primary-700 focus:user-invalid:ring-danger-700 user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs ring-offset-2 transition-all duration-300 outline-none placeholder:text-neutral-400 user-invalid:ring-2 focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50"
577
757
  }, null, 512)), [
578
- [G, t.value]
758
+ [H, t.value]
579
759
  ]);
580
760
  }
581
- }, Je = {};
582
- function Ye(e, t) {
583
- return s(), l("label", k(e.$attrs, { class: "text-primary-950 text-sm transition-all" }), [
761
+ }, ot = {};
762
+ function nt(e, t) {
763
+ return a(), l("label", k(e.$attrs, { class: "text-primary-950 text-xs font-medium transition-all" }), [
584
764
  i(e.$slots, "default")
585
765
  ], 16);
586
766
  }
587
- const Fe = /* @__PURE__ */ h(Je, [["render", Ye]]), Xe = {
767
+ const at = /* @__PURE__ */ h(ot, [["render", nt]]), st = {
588
768
  __name: "Radio",
589
- props: {
769
+ props: /* @__PURE__ */ K({
770
+ variant: { type: String, default: "small" }
771
+ }, {
590
772
  modelValue: {},
591
773
  modelModifiers: {}
592
- },
774
+ }),
593
775
  emits: ["update:modelValue"],
594
776
  setup(e) {
595
- const t = S(e, "modelValue"), o = f(null);
596
- return (n, r) => (s(), l("button", {
597
- onClick: r[1] || (r[1] = (a) => o.value.click()),
598
- class: "group/radio has-checked:border-brand-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent bg-neutral-100 duration-300 active:scale-[0.80] has-checked:bg-white"
777
+ const t = T(e, "modelValue"), r = e, n = f(null), o = {
778
+ small: { outerCircleSize: "size-4", innerCircleSize: "size-2.5" },
779
+ large: { outerCircleSize: "size-5", innerCircleSize: "size-3" }
780
+ };
781
+ return (s, u) => (a(), l("button", {
782
+ onClick: u[1] || (u[1] = (x) => n.value.click()),
783
+ class: p(["group/radio has-checked:border-brand-primary-700 flex cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent bg-neutral-100 duration-300 active:scale-[0.80] has-checked:bg-white", o[r.variant].outerCircleSize]),
784
+ role: "radio",
785
+ type: "button"
599
786
  }, [
600
- r[2] || (r[2] = d("div", { class: "group-has-checked/radio:bg-brand-primary-700 size-[10px] rounded-full opacity-0 transition-all group-has-checked/radio:opacity-100" }, null, -1)),
601
- w(d("input", k(n.$attrs, {
602
- "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
787
+ c("div", {
788
+ class: p(["group-has-checked/radio:bg-brand-primary-700 grid place-items-center rounded-full opacity-0 transition-all group-has-checked/radio:opacity-100", o[r.variant].innerCircleSize])
789
+ }, [
790
+ i(s.$slots, "default")
791
+ ], 2),
792
+ $(c("input", k(s.$attrs, {
793
+ "onUpdate:modelValue": u[0] || (u[0] = (x) => t.value = x),
603
794
  type: "radio",
604
795
  ref_key: "radioRef",
605
- ref: o,
796
+ ref: n,
606
797
  hidden: ""
607
798
  }), null, 16), [
608
- [J, t.value]
799
+ [ee, t.value]
609
800
  ])
610
- ]));
801
+ ], 2));
611
802
  }
612
- }, Qe = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Ke = {
803
+ }, lt = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", it = {
613
804
  __name: "Select",
614
805
  props: {
615
806
  modelValue: {},
@@ -617,100 +808,107 @@ const Fe = /* @__PURE__ */ h(Je, [["render", Ye]]), Xe = {
617
808
  },
618
809
  emits: ["update:modelValue"],
619
810
  setup(e) {
620
- const t = S(e, "modelValue");
621
- return (o, n) => w((s(), l("select", k(o.$attrs, {
622
- "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
623
- class: ["text-primary-950 focus:ring-brand-primary-700 appearance-none rounded-lg border-[1px] border-neutral-200 bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs transition-all outline-none focus:ring-2 focus:ring-offset-2", Qe]
811
+ const t = T(e, "modelValue");
812
+ return (r, n) => $((a(), l("select", k(r.$attrs, {
813
+ "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
814
+ class: ["text-primary-950 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 focus:ring-brand-primary-700 appearance-none rounded-lg border-[1px] border-neutral-200 bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs ring-offset-2 transition-all outline-none user-invalid:ring-2 focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50", lt]
624
815
  }), [
625
- i(o.$slots, "default")
816
+ i(r.$slots, "default")
626
817
  ], 16)), [
627
- [Y, t.value]
818
+ [te, t.value]
628
819
  ]);
629
820
  }
630
- }, et = {
821
+ }, dt = {
631
822
  __name: "Sheet",
632
823
  setup(e) {
633
824
  const t = f(!1);
634
- function o() {
825
+ function r() {
635
826
  t.value = !t.value;
636
827
  }
637
- return y("SHEET_META", { toggled: t, toggleSheet: o }), (n, r) => i(n.$slots, "default");
828
+ return w("SHEET_META", { toggled: t, toggleSheet: r }), (n, o) => i(n.$slots, "default", {
829
+ toggled: t.value,
830
+ toggleSheet: r
831
+ });
638
832
  }
639
- }, tt = {
833
+ }, ct = {
640
834
  __name: "SheetContent",
641
835
  props: {
642
836
  class: { type: String }
643
837
  },
644
838
  setup(e) {
645
- const t = e, { toggled: o, toggleSheet: n } = g("SHEET_META");
646
- return (r, a) => (s(), p(D, { to: "body" }, [
647
- x(A, { name: "fade-in" }, {
648
- default: m(() => [
649
- c(o) ? (s(), p(V, {
839
+ const t = e, { toggled: r, toggleSheet: n } = b("SHEET_META");
840
+ return (o, s) => (a(), m(P, { to: "body" }, [
841
+ _(S, { name: "fade-in" }, {
842
+ default: g(() => [
843
+ d(r) ? (a(), m(z, {
650
844
  key: 0,
651
- onClick: a[0] || (a[0] = (u) => c(n)())
652
- })) : v("", !0)
845
+ onClick: s[0] || (s[0] = (u) => d(n)())
846
+ })) : y("", !0)
653
847
  ]),
654
848
  _: 1
655
849
  }),
656
- x(A, { name: "slide" }, {
657
- default: m(() => [
658
- c(o) ? (s(), p(R, {
850
+ _(S, { name: "slide" }, {
851
+ default: g(() => [
852
+ d(r) ? (a(), m(M, {
659
853
  key: 0,
660
- class: b(["fixed right-0 top-1/2 z-[600] h-full w-3/4 -translate-y-1/2 rounded-e-none bg-white transition-all md:right-[1rem] md:h-[calc(100dvh-2rem)] md:w-96 md:rounded-xl", t.class])
854
+ class: p(["fixed top-1/2 right-0 z-[150] h-full w-3/4 -translate-y-1/2 rounded-e-none bg-white transition-all md:right-[1rem] md:h-[calc(100dvh-2rem)] md:w-96 md:rounded-xl", t.class])
661
855
  }, {
662
- default: m(() => [
663
- i(r.$slots, "default")
856
+ default: g(() => [
857
+ i(o.$slots, "default")
664
858
  ]),
665
859
  _: 3
666
- }, 8, ["class"])) : v("", !0)
860
+ }, 8, ["class"])) : y("", !0)
667
861
  ]),
668
862
  _: 3
669
863
  })
670
864
  ]));
671
865
  }
672
- }, ot = {
866
+ }, ut = {
673
867
  __name: "SheetToggle",
674
868
  setup(e) {
675
- const t = P(), { toggleSheet: o } = g("SHEET_META");
676
- return (n, r) => {
677
- var a, u;
678
- return s(), p(E(
679
- j((u = (a = c(t)).default) == null ? void 0 : u.call(a)[0], {
680
- onClick: c(o)
869
+ const t = G(), { toggleSheet: r } = b("SHEET_META");
870
+ return (n, o) => {
871
+ var s, u;
872
+ return a(), m(N(
873
+ W((u = (s = d(t)).default) == null ? void 0 : u.call(s)[0], {
874
+ onClick: d(r)
681
875
  })
682
876
  ));
683
877
  };
684
878
  }
685
- }, rt = {}, nt = { class: "bg-primary-100 animate-pulse rounded-lg" };
686
- function st(e, t) {
687
- return s(), l("div", nt);
879
+ }, gt = {}, pt = { class: "bg-primary-100 animate-pulse rounded-lg" };
880
+ function mt(e, t) {
881
+ return a(), l("div", pt);
688
882
  }
689
- const at = /* @__PURE__ */ h(rt, [["render", st]]), lt = {
883
+ const bt = /* @__PURE__ */ h(gt, [["render", mt]]), ft = {
690
884
  __name: "Switch",
691
- setup(e) {
692
- const t = f(!1);
885
+ props: ["modelValue"],
886
+ emits: ["update:modelValue"],
887
+ setup(e, { emit: t }) {
888
+ const r = t, n = e;
693
889
  function o() {
694
- t.value = !t.value;
890
+ r("update:modelValue", !n.modelValue);
695
891
  }
696
- return (n, r) => (s(), l("button", {
697
- onClick: r[0] || (r[0] = (a) => o()),
698
- class: b([
699
- "h-5 w-9 cursor-pointer rounded-full p-0.5 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50",
700
- t.value ? "from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br" : "bg-neutral-200"
701
- ]),
892
+ return (s, u) => (a(), l("button", k(s.$attrs, {
893
+ onClick: u[0] || (u[0] = (x) => o()),
894
+ class: [
895
+ "group/switch h-5 w-9 cursor-pointer rounded-full p-0.5 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50",
896
+ n.modelValue ? "from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br" : "bg-neutral-200"
897
+ ],
702
898
  role: "switch",
703
899
  type: "button"
704
- }, [
705
- d("span", {
706
- class: b(["pointer-events-none block size-4 rounded-full bg-white shadow-md transition-all duration-300", { "translate-x-full": t.value }])
707
- }, null, 2)
708
- ], 2));
900
+ }), [
901
+ c("span", {
902
+ class: p(["pointer-events-none flex size-4 items-center justify-center rounded-full bg-white shadow-md transition-all duration-300", { "translate-x-full": n.modelValue }])
903
+ }, [
904
+ i(s.$slots, "icon")
905
+ ], 2)
906
+ ], 16));
709
907
  }
710
- }, it = { class: "w-full" }, dt = { class: "h-16" }, ct = { key: 0 }, ut = {
908
+ }, ht = { class: "w-full" }, xt = { class: "h-16" }, vt = { key: 0 }, _t = {
711
909
  key: 0,
712
910
  class: "pe-4"
713
- }, pt = {
911
+ }, yt = {
714
912
  __name: "Table",
715
913
  props: {
716
914
  columns: { type: Array, required: !0 },
@@ -718,123 +916,126 @@ const at = /* @__PURE__ */ h(rt, [["render", st]]), lt = {
718
916
  },
719
917
  setup(e) {
720
918
  const t = e;
721
- return (o, n) => (s(), l("table", it, [
722
- d("thead", null, [
723
- d("tr", dt, [
724
- (s(!0), l(C, null, B(t.columns, (r) => (s(), l("th", {
725
- key: r.key,
919
+ return (r, n) => (a(), l("table", ht, [
920
+ c("thead", null, [
921
+ c("tr", xt, [
922
+ (a(!0), l(A, null, D(t.columns, (o) => (a(), l("th", {
923
+ key: o.key,
726
924
  class: "text-xs font-medium text-neutral-600 first-of-type:ps-4"
727
- }, L(r.label), 1))), 128)),
728
- o.$slots.actions ? (s(), l("th", ct)) : v("", !0)
925
+ }, E(o.label), 1))), 128)),
926
+ r.$slots.actions ? (a(), l("th", vt)) : y("", !0)
729
927
  ])
730
928
  ]),
731
- d("tbody", null, [
732
- (s(!0), l(C, null, B(t.data, (r, a) => (s(), l("tr", {
733
- key: a,
929
+ c("tbody", null, [
930
+ (a(!0), l(A, null, D(t.data, (o, s) => (a(), l("tr", {
931
+ key: s,
734
932
  class: "odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"
735
933
  }, [
736
- (s(!0), l(C, null, B(t.columns, (u) => (s(), l("td", {
934
+ (a(!0), l(A, null, D(t.columns, (u) => (a(), l("td", {
737
935
  key: u.key,
738
936
  class: "text-primary-950 py-4 text-xs first-of-type:rounded-s-md first-of-type:ps-4 last-of-type:rounded-e-md last-of-type:pe-4"
739
937
  }, [
740
- i(o.$slots, u.key, { row: r }, () => [
741
- F(L(r[u.key]), 1)
938
+ i(r.$slots, u.key, { row: o }, () => [
939
+ R(E(o[u.key]), 1)
742
940
  ])
743
941
  ]))), 128)),
744
- o.$slots.actions ? (s(), l("td", ut, [
745
- i(o.$slots, "actions", { row: r })
746
- ])) : v("", !0)
942
+ r.$slots.actions ? (a(), l("td", _t, [
943
+ i(r.$slots, "actions", { row: o })
944
+ ])) : y("", !0)
747
945
  ]))), 128))
748
946
  ])
749
947
  ]));
750
948
  }
751
- }, gt = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, mt = {
949
+ }, kt = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Ct = {
752
950
  __name: "Tabs",
753
951
  props: {
754
952
  default: { default: null }
755
953
  },
756
954
  setup(e) {
757
- const o = f(e.default);
758
- function n(r) {
759
- o.value = r;
955
+ const r = f(e.default);
956
+ function n(o) {
957
+ r.value = o;
760
958
  }
761
- return y("TAB_DATA", { currentValue: o, setCurrentValue: n }), (r, a) => (s(), l("div", gt, [
762
- i(r.$slots, "default")
959
+ return w("TAB_DATA", { currentValue: r, setCurrentValue: n }), (o, s) => (a(), l("div", kt, [
960
+ i(o.$slots, "default")
763
961
  ]));
764
962
  }
765
- }, bt = {
963
+ }, wt = {
766
964
  __name: "TabItem",
767
965
  props: {
768
966
  value: { required: !0 }
769
967
  },
770
968
  setup(e) {
771
- const t = e, o = g("TAB_DATA"), { currentValue: n, setCurrentValue: r } = o, a = X(() => n.value === t.value ? [
969
+ const t = e, r = b("TAB_DATA"), { currentValue: n, setCurrentValue: o } = r, s = re(() => n.value === t.value ? [
772
970
  "bg-white",
773
971
  "font-medium",
774
972
  "text-primary-700",
775
973
  "shadow-xl",
776
974
  "tab-active"
777
975
  ] : "text-neutral-600");
778
- return (u, $) => (s(), l("button", {
779
- onClick: $[0] || ($[0] = (M) => c(r)(t.value)),
780
- class: b(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", a.value])
976
+ return (u, x) => (a(), l("button", {
977
+ onClick: x[0] || (x[0] = (j) => d(o)(t.value)),
978
+ class: p(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", s.value])
781
979
  }, [
782
980
  i(u.$slots, "default", {}, void 0, !0)
783
981
  ], 2));
784
982
  }
785
- }, ft = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-9e06f71f"]]), ht = {
983
+ }, $t = /* @__PURE__ */ h(wt, [["__scopeId", "data-v-9e06f71f"]]), At = {
786
984
  __name: "TextArea",
787
985
  props: ["modelValue"],
788
986
  setup(e) {
789
- const o = f(e.modelValue);
790
- return (n, r) => w((s(), l("textarea", k({
791
- onInput: r[0] || (r[0] = (a) => n.$emit("update:modelValue", a.target.value))
987
+ const r = f(e.modelValue);
988
+ return (n, o) => $((a(), l("textarea", k({
989
+ onInput: o[0] || (o[0] = (s) => n.$emit("update:modelValue", s.target.value))
792
990
  }, n.$attrs, {
793
- "onUpdate:modelValue": r[1] || (r[1] = (a) => o.value = a),
794
- class: "text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs transition-all outline-none focus:ring-2 focus:ring-offset-2"
991
+ "onUpdate:modelValue": o[1] || (o[1] = (s) => r.value = s),
992
+ class: "text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs transition-all outline-none user-invalid:ring-2 focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
795
993
  }), null, 16)), [
796
- [G, o.value]
994
+ [H, r.value]
797
995
  ]);
798
996
  }
799
- }, xt = {
997
+ }, It = {
800
998
  install(e) {
801
- e.component("AppHeader", oe), e.component("AppHeaderLink", ne), e.component("AppLayout", le), e.component("AppMain", ie), e.component("AppNavTabs", pe), e.component("AppNavTab", me), e.component("AppSidebar", he), e.component("AppSidebarItem", ve), e.component("AppSidebarItemChild", ke), e.component("AppSidebarItemChildren", ye), e.component("AppSidebarItemParent", Ae), e.component("AppSidebarToggle", Te), e.component("AppSidebarNavSection", Ve), e.component("Badge", Ee), e.component("Button", je), e.component("Checkbox", He), e.component("Card", R), e.component("Dialog", We), e.component("DialogContent", qe), e.component("DialogToggle", Ue), e.component("DialogBackground", V), e.component("Input", Ze), e.component("Label", Fe), e.component("Radio", Xe), e.component("Select", Ke), e.component("Sheet", et), e.component("SheetContent", tt), e.component("SheetToggle", ot), e.component("SkeletonLoader", at), e.component("Switch", lt), e.component("Table", pt), e.component("Tabs", mt), e.component("TabItem", ft), e.component("TextArea", ht);
999
+ e.component("AppHeader", le), e.component("AppHeaderLink", de), e.component("AppLayout", ge), e.component("AppMain", pe), e.component("AppNavTabs", he), e.component("AppNavTab", ve), e.component("AppSidebar", ke), e.component("AppSidebarItem", we), e.component("AppSidebarItemChild", Ae), e.component("AppSidebarItemChildren", Se), e.component("AppSidebarItemParent", De), e.component("AppSidebarToggle", Ve), e.component("AppSidebarNavSection", Ee), e.component("Badge", Le), e.component("Button", V), e.component("Checkbox", He), e.component("Card", M), e.component("Dialog", Oe), e.component("DialogContent", Fe), e.component("DialogToggle", qe), e.component("DialogBackground", z), e.component("Empty", Ze), e.component("FormField", Xe), e.component("FormFieldError", tt), e.component("Input", rt), e.component("Label", at), e.component("Radio", st), e.component("Select", it), e.component("Sheet", dt), e.component("SheetContent", ct), e.component("SheetToggle", ut), e.component("SkeletonLoader", bt), e.component("Switch", ft), e.component("Table", yt), e.component("Tabs", Ct), e.component("TabItem", $t), e.component("TextArea", At);
802
1000
  }
803
1001
  };
804
1002
  export {
805
- oe as AppHeader,
806
- ne as AppHeaderLink,
807
- le as AppLayout,
808
- ie as AppMain,
809
- me as AppNavTab,
810
- pe as AppNavTabs,
811
- he as AppSidebar,
812
- ve as AppSidebarItem,
813
- ke as AppSidebarItemChild,
814
- ye as AppSidebarItemChildren,
815
- Ae as AppSidebarItemParent,
816
- Ve as AppSidebarNavSection,
817
- Te as AppSidebarToggle,
818
- Ee as Badge,
819
- je as Button,
820
- R as Card,
1003
+ le as AppHeader,
1004
+ de as AppHeaderLink,
1005
+ ge as AppLayout,
1006
+ pe as AppMain,
1007
+ ve as AppNavTab,
1008
+ he as AppNavTabs,
1009
+ ke as AppSidebar,
1010
+ we as AppSidebarItem,
1011
+ Ae as AppSidebarItemChild,
1012
+ Se as AppSidebarItemChildren,
1013
+ De as AppSidebarItemParent,
1014
+ Ee as AppSidebarNavSection,
1015
+ Ve as AppSidebarToggle,
1016
+ Le as Badge,
1017
+ V as Button,
1018
+ M as Card,
821
1019
  He as Checkbox,
822
- We as Dialog,
823
- V as DialogBackground,
824
- qe as DialogContent,
825
- Ue as DialogToggle,
826
- Ze as Input,
827
- Fe as Label,
828
- Xe as Radio,
829
- Ke as Select,
830
- et as Sheet,
831
- tt as SheetContent,
832
- ot as SheetToggle,
833
- at as SkeletonLoader,
834
- lt as Switch,
835
- ft as TabItem,
836
- pt as Table,
837
- mt as Tabs,
838
- ht as TextArea,
839
- xt as default
1020
+ Oe as Dialog,
1021
+ z as DialogBackground,
1022
+ Fe as DialogContent,
1023
+ qe as DialogToggle,
1024
+ Ze as Empty,
1025
+ Xe as FormField,
1026
+ tt as FormFieldError,
1027
+ rt as Input,
1028
+ at as Label,
1029
+ st as Radio,
1030
+ it as Select,
1031
+ dt as Sheet,
1032
+ ct as SheetContent,
1033
+ ut as SheetToggle,
1034
+ bt as SkeletonLoader,
1035
+ ft as Switch,
1036
+ $t as TabItem,
1037
+ yt as Table,
1038
+ Ct as Tabs,
1039
+ At as TextArea,
1040
+ It as default
840
1041
  };