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

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 +623 -433
  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 m, createElementBlock as l, openBlock as a, normalizeClass as b, unref as d, createElementVNode as c, renderSlot as i, createBlock as p, withCtx as g, ref as f, provide as w, createVNode as v, Fragment as A, Teleport as P, normalizeStyle as q, watch as U, createCommentVNode as _, 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, vModelRadio as K, vModelSelect as ee, renderList as D, toDisplayString as L, computed as te } from "vue";
2
+ import { RouterLink as I, useRoute as O } from "vue-router";
3
+ const re = { class: "flex w-full items-center justify-between" }, oe = { class: "flex items-center gap-2" }, ne = { class: "flex items-center gap-10" }, ae = { class: "hidden gap-6 sm:flex" }, se = {
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 = m("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = t;
7
+ return (o, s) => (a(), 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": 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", re, [
11
+ c("div", oe, [
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", ne, [
36
+ c("ul", ae, [
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
+ }, le = ["href"], ie = {
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(), p(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, le))
68
68
  ]));
69
69
  }
70
- }, se = { class: "relative" }, ae = { class: "flex" }, le = {
70
+ }, de = { class: "relative" }, ce = { class: "flex" }, ue = {
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", {
81
+ return w("APP_DATA", { isSidebarToggled: t, toggleSidebar: r }), (o, s) => (a(), l("div", {
82
82
  class: b(["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", de, [
87
+ i(o.$slots, "header"),
88
+ c("div", ce, [
89
+ i(o.$slots, "content")
90
90
  ])
91
91
  ])
92
92
  ], 2));
93
93
  }
94
- }, ie = {
94
+ }, ge = {
95
95
  __name: "AppMain",
96
96
  setup(e) {
97
- const t = g("APP_DATA"), { isSidebarToggled: o } = t;
98
- return (n, r) => (s(), l("main", {
97
+ const t = m("APP_DATA"), { isSidebarToggled: r } = t;
98
+ return (n, o) => (a(), l("main", {
99
99
  class: b([
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
+ }, pe = {}, me = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
113
+ function be(e, t) {
114
+ return a(), l("div", me, [
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 fe = /* @__PURE__ */ h(pe, [["render", be]]), he = { class: "shrink-0" }, xe = {
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", he, [
126
+ v(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
+ }, ve = { class: "fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block" }, _e = {
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 = m("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = t;
143
+ return (o, s) => (a(), l(A, null, [
144
+ c("aside", ve, [
145
+ i(o.$slots, "default", {}, void 0, !0)
146
146
  ]),
147
- (s(), p(D, { to: "body" }, [
148
- d("div", {
147
+ (a(), p(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)()),
156
+ c("div", {
157
+ onClick: s[0] || (s[0] = (u) => d(n)()),
158
158
  class: b([
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(_e, [["__scopeId", "data-v-aaece1c7"]]), ye = { class: "flex flex-col" }, Ce = {
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", ye, [
175
175
  i(n.$slots, "default")
176
176
  ]));
177
177
  }
178
- }, xe = ["href"], ke = {
178
+ }, we = ["href"], $e = {
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(), p(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, we));
201
201
  }
202
- }, ye = {
202
+ }, Ae = {
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 = m("SIDEBAR_TOGGLE"), { toggled: r } = t;
206
+ return (n, o) => (a(), 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": 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
+ }, Se = { 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" }, Te = ["href"], Ie = {
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 = m("SIDEBAR_TOGGLE"), o = m("APP_DATA"), { toggled: s, toggleSidebarItem: u } = n, { toggleSidebar: C } = o;
221
+ function j() {
222
222
  t.matched.some(
223
- (_) => o.name === _.name
224
- ) ? a.value = !0 : a.value = !1;
223
+ (x) => r.name === x.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, x) => (a(), l("div", Se, [
227
+ typeof r.to == "object" || r.to.startsWith("/") ? (a(), p(d(I), {
228
228
  key: 0,
229
- onClick: _[0] || (_[0] = (N) => c($)()),
229
+ onClick: x[0] || (x[0] = (F) => d(C)()),
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, Te)),
244
+ r.hasChildren ? (a(), l("button", {
245
245
  key: 2,
246
- onClick: _[1] || (_[1] = (N) => c(u)()),
246
+ onClick: x[1] || (x[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: b(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-primary-800 transition-all duration-300", { "rotate-180": d(s) }])
261
+ }, x[2] || (x[2] = [
262
+ c("path", { d: "m6 9 6 6 6-6" }, null, -1)
263
263
  ]), 2))
264
- ])) : v("", !0)
264
+ ])) : _("", !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
+ }, Be = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-3b52e94a"]]), De = { 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" }, Re = {
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 = m("SIDEBAR_TOGGLE");
271
+ return (r, n) => {
272
+ const o = Y("RouterLink");
273
+ return a(), l("div", De, [
274
+ v(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
+ }, Ve = {}, Pe = {
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
+ }, Me = { class: "mt-2" };
310
+ function Ee(e, t) {
311
+ return a(), l("nav", null, [
312
+ e.$slots.title ? (a(), l("b", Pe, [
313
313
  i(e.$slots, "title")
314
- ])) : v("", !0),
315
- d("div", De, [
314
+ ])) : _("", !0),
315
+ c("div", Me, [
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 je = /* @__PURE__ */ h(Ve, [["render", Ee]]), z = {
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
+ }, y = {
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: b(["rounded-full px-3 py-1 text-xs font-medium", [
557
+ d(z)[t.variant].backgroundColor,
558
+ d(z)[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(y)[r.variant].backgroundColor,
574
+ d(y)[r.variant].borderColor,
575
+ d(y)[r.variant].textColor,
576
+ d(y)[r.variant].hoverBackgroundColor,
577
+ d(y)[r.variant].hoverTextColor,
578
+ d(y)[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" };
586
+ }, ze = {}, Ge = { class: "rounded-2xl bg-white p-6" };
456
587
  function Ne(e, t) {
457
- return s(), l("div", ze, [
588
+ return a(), l("div", Ge, [
458
589
  i(e.$slots, "default")
459
590
  ]);
460
591
  }
461
- const R = /* @__PURE__ */ h(Ge, [["render", Ne]]), He = {
592
+ const M = /* @__PURE__ */ h(ze, [["render", Ne]]), We = {
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()),
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()),
472
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]"
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
+ }, He = {
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
+ }, E = {
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
+ }, Oe = {
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 } = m("DIALOG_META");
660
+ return (o, s) => (a(), p(P, { to: "body" }, [
661
+ v(S, { name: "fade-in" }, {
662
+ default: g(() => [
663
+ d(r) ? (a(), p(E, {
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
+ })) : _("", !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
+ v(S, { name: "fade-in-dialog" }, {
672
+ default: g(() => [
673
+ d(r) ? (a(), p(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: b(["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"])) : _("", !0)
547
682
  ]),
548
683
  _: 3
549
684
  })
550
685
  ]));
551
686
  }
552
- }, Ue = {
687
+ }, Fe = {
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 } = m("DIALOG_META");
691
+ return (n, o) => {
692
+ var s, u;
693
+ return a(), p(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
+ }, qe = { class: "flex flex-col items-center justify-center gap-8" }, Ue = { class: "flex items-center gap-2" }, Ye = {
701
+ __name: "Empty",
702
+ setup(e) {
703
+ return (t, r) => (a(), l("div", qe, [
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", Ue, [
706
+ v(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(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
+ }, Ze = { class: "group flex flex-col gap-2" }, Je = {
730
+ __name: "FormField",
731
+ props: {
732
+ validate: { type: Boolean, default: !1 }
733
+ },
734
+ setup(e) {
735
+ return (t, r) => (a(), l("div", Ze, [
736
+ i(t.$slots, "default")
737
+ ]));
738
+ }
739
+ }, Xe = {}, Qe = { 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 Ke(e, t) {
741
+ return a(), l("p", Qe, [
742
+ i(e.$slots, "default", {}, void 0, !0)
743
+ ]);
744
+ }
745
+ const et = /* @__PURE__ */ h(Xe, [["render", Ke], ["__scopeId", "data-v-00088154"]]), tt = {
566
746
  __name: "Input",
567
747
  props: {
568
748
  modelValue: {},
@@ -570,21 +750,21 @@ 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
+ }, rt = {};
762
+ function ot(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 nt = /* @__PURE__ */ h(rt, [["render", ot]]), at = {
588
768
  __name: "Radio",
589
769
  props: {
590
770
  modelValue: {},
@@ -592,24 +772,24 @@ const Fe = /* @__PURE__ */ h(Je, [["render", Ye]]), Xe = {
592
772
  },
593
773
  emits: ["update:modelValue"],
594
774
  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()),
775
+ const t = T(e, "modelValue"), r = f(null);
776
+ return (n, o) => (a(), l("button", {
777
+ onClick: o[1] || (o[1] = (s) => r.value.click()),
598
778
  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"
599
779
  }, [
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),
780
+ o[2] || (o[2] = c("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)),
781
+ $(c("input", k(n.$attrs, {
782
+ "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
603
783
  type: "radio",
604
784
  ref_key: "radioRef",
605
- ref: o,
785
+ ref: r,
606
786
  hidden: ""
607
787
  }), null, 16), [
608
- [J, t.value]
788
+ [K, t.value]
609
789
  ])
610
790
  ]));
611
791
  }
612
- }, Qe = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Ke = {
792
+ }, st = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", lt = {
613
793
  __name: "Select",
614
794
  props: {
615
795
  modelValue: {},
@@ -617,100 +797,107 @@ const Fe = /* @__PURE__ */ h(Je, [["render", Ye]]), Xe = {
617
797
  },
618
798
  emits: ["update:modelValue"],
619
799
  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]
800
+ const t = T(e, "modelValue");
801
+ return (r, n) => $((a(), l("select", k(r.$attrs, {
802
+ "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
803
+ 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", st]
624
804
  }), [
625
- i(o.$slots, "default")
805
+ i(r.$slots, "default")
626
806
  ], 16)), [
627
- [Y, t.value]
807
+ [ee, t.value]
628
808
  ]);
629
809
  }
630
- }, et = {
810
+ }, it = {
631
811
  __name: "Sheet",
632
812
  setup(e) {
633
813
  const t = f(!1);
634
- function o() {
814
+ function r() {
635
815
  t.value = !t.value;
636
816
  }
637
- return y("SHEET_META", { toggled: t, toggleSheet: o }), (n, r) => i(n.$slots, "default");
817
+ return w("SHEET_META", { toggled: t, toggleSheet: r }), (n, o) => i(n.$slots, "default", {
818
+ toggled: t.value,
819
+ toggleSheet: r
820
+ });
638
821
  }
639
- }, tt = {
822
+ }, dt = {
640
823
  __name: "SheetContent",
641
824
  props: {
642
825
  class: { type: String }
643
826
  },
644
827
  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, {
828
+ const t = e, { toggled: r, toggleSheet: n } = m("SHEET_META");
829
+ return (o, s) => (a(), p(P, { to: "body" }, [
830
+ v(S, { name: "fade-in" }, {
831
+ default: g(() => [
832
+ d(r) ? (a(), p(E, {
650
833
  key: 0,
651
- onClick: a[0] || (a[0] = (u) => c(n)())
652
- })) : v("", !0)
834
+ onClick: s[0] || (s[0] = (u) => d(n)())
835
+ })) : _("", !0)
653
836
  ]),
654
837
  _: 1
655
838
  }),
656
- x(A, { name: "slide" }, {
657
- default: m(() => [
658
- c(o) ? (s(), p(R, {
839
+ v(S, { name: "slide" }, {
840
+ default: g(() => [
841
+ d(r) ? (a(), p(M, {
659
842
  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])
843
+ class: b(["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
844
  }, {
662
- default: m(() => [
663
- i(r.$slots, "default")
845
+ default: g(() => [
846
+ i(o.$slots, "default")
664
847
  ]),
665
848
  _: 3
666
- }, 8, ["class"])) : v("", !0)
849
+ }, 8, ["class"])) : _("", !0)
667
850
  ]),
668
851
  _: 3
669
852
  })
670
853
  ]));
671
854
  }
672
- }, ot = {
855
+ }, ct = {
673
856
  __name: "SheetToggle",
674
857
  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)
858
+ const t = G(), { toggleSheet: r } = m("SHEET_META");
859
+ return (n, o) => {
860
+ var s, u;
861
+ return a(), p(N(
862
+ W((u = (s = d(t)).default) == null ? void 0 : u.call(s)[0], {
863
+ onClick: d(r)
681
864
  })
682
865
  ));
683
866
  };
684
867
  }
685
- }, rt = {}, nt = { class: "bg-primary-100 animate-pulse rounded-lg" };
686
- function st(e, t) {
687
- return s(), l("div", nt);
868
+ }, ut = {}, gt = { class: "bg-primary-100 animate-pulse rounded-lg" };
869
+ function pt(e, t) {
870
+ return a(), l("div", gt);
688
871
  }
689
- const at = /* @__PURE__ */ h(rt, [["render", st]]), lt = {
872
+ const mt = /* @__PURE__ */ h(ut, [["render", pt]]), bt = {
690
873
  __name: "Switch",
691
- setup(e) {
692
- const t = f(!1);
874
+ props: ["modelValue"],
875
+ emits: ["update:modelValue"],
876
+ setup(e, { emit: t }) {
877
+ const r = t, n = e;
693
878
  function o() {
694
- t.value = !t.value;
879
+ r("update:modelValue", !n.modelValue);
695
880
  }
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
- ]),
881
+ return (s, u) => (a(), l("button", k(s.$attrs, {
882
+ onClick: u[0] || (u[0] = (C) => o()),
883
+ class: [
884
+ "group/switch h-5 w-9 cursor-pointer rounded-full p-0.5 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50",
885
+ n.modelValue ? "from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br" : "bg-neutral-200"
886
+ ],
702
887
  role: "switch",
703
888
  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));
889
+ }), [
890
+ c("span", {
891
+ class: b(["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 }])
892
+ }, [
893
+ i(s.$slots, "icon")
894
+ ], 2)
895
+ ], 16));
709
896
  }
710
- }, it = { class: "w-full" }, dt = { class: "h-16" }, ct = { key: 0 }, ut = {
897
+ }, ft = { class: "w-full" }, ht = { class: "h-16" }, xt = { key: 0 }, vt = {
711
898
  key: 0,
712
899
  class: "pe-4"
713
- }, pt = {
900
+ }, _t = {
714
901
  __name: "Table",
715
902
  props: {
716
903
  columns: { type: Array, required: !0 },
@@ -718,123 +905,126 @@ const at = /* @__PURE__ */ h(rt, [["render", st]]), lt = {
718
905
  },
719
906
  setup(e) {
720
907
  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,
908
+ return (r, n) => (a(), l("table", ft, [
909
+ c("thead", null, [
910
+ c("tr", ht, [
911
+ (a(!0), l(A, null, D(t.columns, (o) => (a(), l("th", {
912
+ key: o.key,
726
913
  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)
914
+ }, L(o.label), 1))), 128)),
915
+ r.$slots.actions ? (a(), l("th", xt)) : _("", !0)
729
916
  ])
730
917
  ]),
731
- d("tbody", null, [
732
- (s(!0), l(C, null, B(t.data, (r, a) => (s(), l("tr", {
733
- key: a,
918
+ c("tbody", null, [
919
+ (a(!0), l(A, null, D(t.data, (o, s) => (a(), l("tr", {
920
+ key: s,
734
921
  class: "odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"
735
922
  }, [
736
- (s(!0), l(C, null, B(t.columns, (u) => (s(), l("td", {
923
+ (a(!0), l(A, null, D(t.columns, (u) => (a(), l("td", {
737
924
  key: u.key,
738
925
  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
926
  }, [
740
- i(o.$slots, u.key, { row: r }, () => [
741
- F(L(r[u.key]), 1)
927
+ i(r.$slots, u.key, { row: o }, () => [
928
+ R(L(o[u.key]), 1)
742
929
  ])
743
930
  ]))), 128)),
744
- o.$slots.actions ? (s(), l("td", ut, [
745
- i(o.$slots, "actions", { row: r })
746
- ])) : v("", !0)
931
+ r.$slots.actions ? (a(), l("td", vt, [
932
+ i(r.$slots, "actions", { row: o })
933
+ ])) : _("", !0)
747
934
  ]))), 128))
748
935
  ])
749
936
  ]));
750
937
  }
751
- }, gt = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, mt = {
938
+ }, kt = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, yt = {
752
939
  __name: "Tabs",
753
940
  props: {
754
941
  default: { default: null }
755
942
  },
756
943
  setup(e) {
757
- const o = f(e.default);
758
- function n(r) {
759
- o.value = r;
944
+ const r = f(e.default);
945
+ function n(o) {
946
+ r.value = o;
760
947
  }
761
- return y("TAB_DATA", { currentValue: o, setCurrentValue: n }), (r, a) => (s(), l("div", gt, [
762
- i(r.$slots, "default")
948
+ return w("TAB_DATA", { currentValue: r, setCurrentValue: n }), (o, s) => (a(), l("div", kt, [
949
+ i(o.$slots, "default")
763
950
  ]));
764
951
  }
765
- }, bt = {
952
+ }, Ct = {
766
953
  __name: "TabItem",
767
954
  props: {
768
955
  value: { required: !0 }
769
956
  },
770
957
  setup(e) {
771
- const t = e, o = g("TAB_DATA"), { currentValue: n, setCurrentValue: r } = o, a = X(() => n.value === t.value ? [
958
+ const t = e, r = m("TAB_DATA"), { currentValue: n, setCurrentValue: o } = r, s = te(() => n.value === t.value ? [
772
959
  "bg-white",
773
960
  "font-medium",
774
961
  "text-primary-700",
775
962
  "shadow-xl",
776
963
  "tab-active"
777
964
  ] : "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])
965
+ return (u, C) => (a(), l("button", {
966
+ onClick: C[0] || (C[0] = (j) => d(o)(t.value)),
967
+ class: b(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", s.value])
781
968
  }, [
782
969
  i(u.$slots, "default", {}, void 0, !0)
783
970
  ], 2));
784
971
  }
785
- }, ft = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-9e06f71f"]]), ht = {
972
+ }, wt = /* @__PURE__ */ h(Ct, [["__scopeId", "data-v-9e06f71f"]]), $t = {
786
973
  __name: "TextArea",
787
974
  props: ["modelValue"],
788
975
  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))
976
+ const r = f(e.modelValue);
977
+ return (n, o) => $((a(), l("textarea", k({
978
+ onInput: o[0] || (o[0] = (s) => n.$emit("update:modelValue", s.target.value))
792
979
  }, 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"
980
+ "onUpdate:modelValue": o[1] || (o[1] = (s) => r.value = s),
981
+ 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"
795
982
  }), null, 16)), [
796
- [G, o.value]
983
+ [H, r.value]
797
984
  ]);
798
985
  }
799
- }, xt = {
986
+ }, Tt = {
800
987
  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);
988
+ e.component("AppHeader", se), e.component("AppHeaderLink", ie), e.component("AppLayout", ue), e.component("AppMain", ge), e.component("AppNavTabs", fe), e.component("AppNavTab", xe), e.component("AppSidebar", ke), e.component("AppSidebarItem", Ce), e.component("AppSidebarItemChild", $e), e.component("AppSidebarItemChildren", Ae), e.component("AppSidebarItemParent", Be), e.component("AppSidebarToggle", Re), e.component("AppSidebarNavSection", je), e.component("Badge", Le), e.component("Button", V), e.component("Checkbox", We), e.component("Card", M), e.component("Dialog", He), e.component("DialogContent", Oe), e.component("DialogToggle", Fe), e.component("DialogBackground", E), e.component("Empty", Ye), e.component("FormField", Je), e.component("FormFieldError", et), e.component("Input", tt), e.component("Label", nt), e.component("Radio", at), e.component("Select", lt), e.component("Sheet", it), e.component("SheetContent", dt), e.component("SheetToggle", ct), e.component("SkeletonLoader", mt), e.component("Switch", bt), e.component("Table", _t), e.component("Tabs", yt), e.component("TabItem", wt), e.component("TextArea", $t);
802
989
  }
803
990
  };
804
991
  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,
821
- 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
992
+ se as AppHeader,
993
+ ie as AppHeaderLink,
994
+ ue as AppLayout,
995
+ ge as AppMain,
996
+ xe as AppNavTab,
997
+ fe as AppNavTabs,
998
+ ke as AppSidebar,
999
+ Ce as AppSidebarItem,
1000
+ $e as AppSidebarItemChild,
1001
+ Ae as AppSidebarItemChildren,
1002
+ Be as AppSidebarItemParent,
1003
+ je as AppSidebarNavSection,
1004
+ Re as AppSidebarToggle,
1005
+ Le as Badge,
1006
+ V as Button,
1007
+ M as Card,
1008
+ We as Checkbox,
1009
+ He as Dialog,
1010
+ E as DialogBackground,
1011
+ Oe as DialogContent,
1012
+ Fe as DialogToggle,
1013
+ Ye as Empty,
1014
+ Je as FormField,
1015
+ et as FormFieldError,
1016
+ tt as Input,
1017
+ nt as Label,
1018
+ at as Radio,
1019
+ lt as Select,
1020
+ it as Sheet,
1021
+ dt as SheetContent,
1022
+ ct as SheetToggle,
1023
+ mt as SkeletonLoader,
1024
+ bt as Switch,
1025
+ wt as TabItem,
1026
+ _t as Table,
1027
+ yt as Tabs,
1028
+ $t as TextArea,
1029
+ Tt as default
840
1030
  };