@bobbykim/manguito-theme 0.25.0 → 0.26.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 (10) hide show
  1. package/CHANGELOG.md +190 -0
  2. package/README.md +80 -55
  3. package/dist/core.cjs +2 -2
  4. package/dist/core.d.ts +3 -3
  5. package/dist/core.js +480 -384
  6. package/dist/mcl-theme-v4.css +747 -0
  7. package/package.json +20 -11
  8. package/dist/mcl-theme.cjs +0 -1
  9. package/dist/mcl-theme.d.ts +0 -12
  10. package/dist/mcl-theme.js +0 -523
package/dist/core.js CHANGED
@@ -1,13 +1,13 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".collapse-enter-active[data-v-5d535dc4],.collapse-leave-active[data-v-5d535dc4]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-85c54efe]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-85c54efe],.dropdown-content-leave-active[data-v-85c54efe]{transition:all .3s}.dropdown-content-enter-from[data-v-85c54efe],.dropdown-content-leave-to[data-v-85c54efe]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-1b9c33a1]:before,.hamburger__icon[data-v-1b9c33a1]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-1b9c33a1]:before{top:-.5rem}.hamburger__icon[data-v-1b9c33a1]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-1b9c33a1],.hamburger__button:hover .hamburger__icon[data-v-1b9c33a1]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-1b9c33a1]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-1b9c33a1]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-1b9c33a1]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-56d20376]{transition:height .5s ease-in}.collapse-leave-active[data-v-56d20376]{transition:height .5s ease-out}.header-desktop[data-v-c48d5ce1]{width:100%}@media screen and (min-width: 1024px){.header-desktop[data-v-c48d5ce1]{width:var(--header-width)}}.slide-down-enter-active[data-v-c48d5ce1]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-c48d5ce1]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-c48d5ce1],.slide-down-leave-to[data-v-c48d5ce1]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-37ba23d2]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-37ba23d2],.fade-leave-active[data-v-37ba23d2]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-37ba23d2],.fade-leave-to[data-v-37ba23d2]{opacity:0}.slide-down-enter-active[data-v-37ba23d2]{animation:slide-down-37ba23d2 .3s ease}.slide-down-leave-active[data-v-37ba23d2]{animation:slide-down-37ba23d2 reverse .3s ease}@keyframes slide-down-37ba23d2{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-048c4fe4]{width:100%}.sidebar-body-height[data-v-048c4fe4]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-048c4fe4],.fade-leave-active[data-v-048c4fe4]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-048c4fe4],.fade-leave-to[data-v-048c4fe4]{opacity:0}.sidebar-left-enter-active[data-v-048c4fe4],.sidebar-left-leave-active[data-v-048c4fe4],.sidebar-right-enter-active[data-v-048c4fe4],.sidebar-right-leave-active[data-v-048c4fe4]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-048c4fe4],.sidebar-left-leave-to[data-v-048c4fe4]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-048c4fe4],.sidebar-right-leave-to[data-v-048c4fe4]{transform:translate(100%)}@media screen and (min-width: 768px){.sidebar-body[data-v-048c4fe4]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-048c4fe4],.sidebar-left-leave-to[data-v-048c4fe4]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-048c4fe4],.sidebar-right-leave-to[data-v-048c4fe4]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-1014eb3f]{max-height:var(--container-hts)}.slide-prev-enter-active[data-v-1014eb3f]{transition:all .5s linear}.slide-prev-leave-active[data-v-1014eb3f]{transition:all .5s}.slide-prev-enter-from[data-v-1014eb3f]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-1014eb3f]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-1014eb3f]{transition:all .5s linear}.slide-next-leave-active[data-v-1014eb3f]{transition:all .5s}.slide-next-enter-from[data-v-1014eb3f]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-1014eb3f]{transform:translate(-100%);opacity:0}.slide-prev-enter-active[data-v-05e275d0]{transition:all .5s linear}.slide-prev-leave-active[data-v-05e275d0]{transition:all .5s}.slide-prev-enter-from[data-v-05e275d0]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-05e275d0]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-05e275d0]{transition:all .5s linear}.slide-next-leave-active[data-v-05e275d0]{transition:all .5s}.slide-next-enter-from[data-v-05e275d0]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-05e275d0]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".collapse-enter-active[data-v-5d535dc4],.collapse-leave-active[data-v-5d535dc4]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-85c54efe]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-85c54efe],.dropdown-content-leave-active[data-v-85c54efe]{transition:all .3s}.dropdown-content-enter-from[data-v-85c54efe],.dropdown-content-leave-to[data-v-85c54efe]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-1b9c33a1]:before,.hamburger__icon[data-v-1b9c33a1]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-1b9c33a1]:before{top:-.5rem}.hamburger__icon[data-v-1b9c33a1]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-1b9c33a1],.hamburger__button:hover .hamburger__icon[data-v-1b9c33a1]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-1b9c33a1]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-1b9c33a1]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-1b9c33a1]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-56d20376]{transition:height .5s ease-in}.collapse-leave-active[data-v-56d20376]{transition:height .5s ease-out}.header-desktop[data-v-c48d5ce1]{width:100%}@media screen and (min-width: 1024px){.header-desktop[data-v-c48d5ce1]{width:var(--header-width)}}.slide-down-enter-active[data-v-c48d5ce1]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-c48d5ce1]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-c48d5ce1],.slide-down-leave-to[data-v-c48d5ce1]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-72597478]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-72597478],.fade-leave-active[data-v-72597478]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-72597478],.fade-leave-to[data-v-72597478]{opacity:0}.slide-down-enter-active[data-v-72597478]{animation:slide-down-72597478 .3s ease}.slide-down-leave-active[data-v-72597478]{animation:slide-down-72597478 reverse .3s ease}@keyframes slide-down-72597478{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-048c4fe4]{width:100%}.sidebar-body-height[data-v-048c4fe4]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-048c4fe4],.fade-leave-active[data-v-048c4fe4]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-048c4fe4],.fade-leave-to[data-v-048c4fe4]{opacity:0}.sidebar-left-enter-active[data-v-048c4fe4],.sidebar-left-leave-active[data-v-048c4fe4],.sidebar-right-enter-active[data-v-048c4fe4],.sidebar-right-leave-active[data-v-048c4fe4]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-048c4fe4],.sidebar-left-leave-to[data-v-048c4fe4]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-048c4fe4],.sidebar-right-leave-to[data-v-048c4fe4]{transform:translate(100%)}@media screen and (min-width: 768px){.sidebar-body[data-v-048c4fe4]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-048c4fe4],.sidebar-left-leave-to[data-v-048c4fe4]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-048c4fe4],.sidebar-right-leave-to[data-v-048c4fe4]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-1014eb3f]{max-height:var(--container-hts)}.slide-prev-enter-active[data-v-1014eb3f]{transition:all .5s linear}.slide-prev-leave-active[data-v-1014eb3f]{transition:all .5s}.slide-prev-enter-from[data-v-1014eb3f]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-1014eb3f]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-1014eb3f]{transition:all .5s linear}.slide-next-leave-active[data-v-1014eb3f]{transition:all .5s}.slide-next-enter-from[data-v-1014eb3f]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-1014eb3f]{transform:translate(-100%);opacity:0}.slide-prev-enter-active[data-v-05e275d0]{transition:all .5s linear}.slide-prev-leave-active[data-v-05e275d0]{transition:all .5s}.slide-prev-enter-from[data-v-05e275d0]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-05e275d0]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-05e275d0]{transition:all .5s linear}.slide-next-leave-active[data-v-05e275d0]{transition:all .5s}.slide-next-enter-from[data-v-05e275d0]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-05e275d0]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
2
  var ae = Object.defineProperty;
3
3
  var le = (s, r, e) => r in s ? ae(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
4
- var n = (s, r, e) => le(s, typeof r != "symbol" ? r + "" : r, e);
5
- import { defineComponent as A, useSlots as D, ref as k, computed as V, watch as L, createElementBlock as h, createCommentVNode as w, openBlock as g, normalizeClass as f, createElementVNode as C, renderSlot as B, onMounted as F, createVNode as S, unref as R, withCtx as E, Transition as I, withDirectives as M, vShow as P, h as oe, render as Q, provide as Y, withKeys as ie, inject as j, createBlock as z, normalizeStyle as X, vModelCheckbox as ne, Teleport as de, toDisplayString as Z } from "vue";
6
- import { useMutationObserver as ce, useWindowSize as ge, useWindowScroll as ue, useScrollLock as K, useElementSize as he } from "@vueuse/core";
4
+ var i = (s, r, e) => le(s, typeof r != "symbol" ? r + "" : r, e);
5
+ import { defineComponent as A, useSlots as I, ref as k, computed as V, watch as _, createElementBlock as h, createCommentVNode as T, openBlock as u, normalizeClass as f, createElementVNode as x, renderSlot as B, onMounted as F, createVNode as S, unref as R, withCtx as E, Transition as N, withDirectives as M, vShow as z, h as oe, render as Q, provide as Y, withKeys as ie, inject as j, createBlock as P, normalizeStyle as X, vModelCheckbox as ne, Teleport as de, toDisplayString as Z } from "vue";
6
+ import { useMutationObserver as ce, useWindowSize as ue, useWindowScroll as ge, useScrollLock as U, useElementSize as he } from "@vueuse/core";
7
7
  class pe {
8
8
  constructor() {
9
9
  // body text class
10
- n(this, "bodyText", {
10
+ i(this, "bodyText", {
11
11
  xs: "text-xs",
12
12
  sm: "text-sm",
13
13
  md: "text-md",
@@ -15,13 +15,13 @@ class pe {
15
15
  xl: "text-xl"
16
16
  });
17
17
  // font weight class
18
- n(this, "fontweight", {
18
+ i(this, "fontweight", {
19
19
  light: "font-light",
20
20
  normal: "font-normal",
21
21
  bold: "font-bold"
22
22
  });
23
23
  // text alignment
24
- n(this, "textAlign", {
24
+ i(this, "textAlign", {
25
25
  left: "text-left",
26
26
  center: "text-center",
27
27
  right: "text-right"
@@ -31,7 +31,7 @@ class pe {
31
31
  class be {
32
32
  constructor() {
33
33
  // Border width class
34
- n(this, "borderWidth", {
34
+ i(this, "borderWidth", {
35
35
  1: "border-[1px]",
36
36
  2: "border-[2px]",
37
37
  3: "border-[3px]",
@@ -45,7 +45,7 @@ class be {
45
45
  11: "border-[11px]",
46
46
  12: "border-[12px]"
47
47
  });
48
- n(this, "borderXWidth", {
48
+ i(this, "borderXWidth", {
49
49
  1: "border-x-[1px]",
50
50
  2: "border-x-[2px]",
51
51
  3: "border-x-[3px]",
@@ -59,7 +59,7 @@ class be {
59
59
  11: "border-x-[11px]",
60
60
  12: "border-x-[12px]"
61
61
  });
62
- n(this, "borderYWidth", {
62
+ i(this, "borderYWidth", {
63
63
  1: "border-y-[1px]",
64
64
  2: "border-y-[2px]",
65
65
  3: "border-y-[3px]",
@@ -73,7 +73,7 @@ class be {
73
73
  11: "border-y-[11px]",
74
74
  12: "border-y-[12px]"
75
75
  });
76
- n(this, "borderTopWidth", {
76
+ i(this, "borderTopWidth", {
77
77
  1: "border-t-[1px]",
78
78
  2: "border-t-[2px]",
79
79
  3: "border-t-[3px]",
@@ -87,7 +87,7 @@ class be {
87
87
  11: "border-t-[11px]",
88
88
  12: "border-t-[12px]"
89
89
  });
90
- n(this, "borderBottomWidth", {
90
+ i(this, "borderBottomWidth", {
91
91
  1: "border-b-[1px]",
92
92
  2: "border-b-[2px]",
93
93
  3: "border-b-[3px]",
@@ -101,7 +101,7 @@ class be {
101
101
  11: "border-b-[11px]",
102
102
  12: "border-b-[12px]"
103
103
  });
104
- n(this, "borderLeftWidth", {
104
+ i(this, "borderLeftWidth", {
105
105
  1: "border-l-[1px]",
106
106
  2: "border-l-[2px]",
107
107
  3: "border-l-[3px]",
@@ -115,7 +115,7 @@ class be {
115
115
  11: "border-l-[11px]",
116
116
  12: "border-l-[12px]"
117
117
  });
118
- n(this, "borderRightWidth", {
118
+ i(this, "borderRightWidth", {
119
119
  1: "border-r-[1px]",
120
120
  2: "border-r-[2px]",
121
121
  3: "border-r-[3px]",
@@ -134,7 +134,7 @@ class be {
134
134
  class fe {
135
135
  constructor() {
136
136
  // bg color class
137
- n(this, "bgColor", {
137
+ i(this, "bgColor", {
138
138
  primary: "bg-primary",
139
139
  secondary: "bg-secondary",
140
140
  success: "bg-success",
@@ -154,7 +154,7 @@ class fe {
154
154
  transparent: "bg-transparent"
155
155
  });
156
156
  // hover: bg color class
157
- n(this, "hoverBgColor", {
157
+ i(this, "hoverBgColor", {
158
158
  primary: "hover:bg-primary",
159
159
  secondary: "hover:bg-secondary",
160
160
  success: "hover:bg-success",
@@ -174,7 +174,7 @@ class fe {
174
174
  transparent: "hover:bg-transparent"
175
175
  });
176
176
  // focus: bg color class
177
- n(this, "focusBgColor", {
177
+ i(this, "focusBgColor", {
178
178
  primary: "focus:bg-primary",
179
179
  secondary: "focus:bg-secondary",
180
180
  success: "focus:bg-success",
@@ -194,7 +194,7 @@ class fe {
194
194
  transparent: "focus:bg-transparent"
195
195
  });
196
196
  // ::before bg color class
197
- n(this, "beforeBgColor", {
197
+ i(this, "beforeBgColor", {
198
198
  primary: "before:bg-primary",
199
199
  secondary: "before:bg-secondary",
200
200
  success: "before:bg-success",
@@ -214,7 +214,7 @@ class fe {
214
214
  transparent: "before:bg-transparent"
215
215
  });
216
216
  // ::after bg color class
217
- n(this, "afterBgColor", {
217
+ i(this, "afterBgColor", {
218
218
  primary: "after:bg-primary",
219
219
  secondary: "after:bg-secondary",
220
220
  success: "after:bg-success",
@@ -234,7 +234,7 @@ class fe {
234
234
  transparent: "after:bg-transparent"
235
235
  });
236
236
  // active:bg color class
237
- n(this, "bgActiveColor", {
237
+ i(this, "bgActiveColor", {
238
238
  primary: "active:bg-primary",
239
239
  secondary: "active:bg-secondary",
240
240
  success: "active:bg-success",
@@ -254,7 +254,7 @@ class fe {
254
254
  transparent: "active:bg-transparent"
255
255
  });
256
256
  // text color class
257
- n(this, "textColor", {
257
+ i(this, "textColor", {
258
258
  primary: "text-primary",
259
259
  secondary: "text-secondary",
260
260
  success: "text-success",
@@ -274,7 +274,7 @@ class fe {
274
274
  transparent: "text-transparent"
275
275
  });
276
276
  // hover text color class
277
- n(this, "hoverTextColor", {
277
+ i(this, "hoverTextColor", {
278
278
  primary: "hover:text-primary",
279
279
  secondary: "hover:text-secondary",
280
280
  success: "hover:text-success",
@@ -294,7 +294,7 @@ class fe {
294
294
  transparent: "hover:text-transparent"
295
295
  });
296
296
  // focus text color class
297
- n(this, "focusTextColor", {
297
+ i(this, "focusTextColor", {
298
298
  primary: "focus:text-primary",
299
299
  secondary: "focus:text-secondary",
300
300
  success: "focus:text-success",
@@ -314,7 +314,7 @@ class fe {
314
314
  transparent: "focus:text-transparent"
315
315
  });
316
316
  // disabled text color class
317
- n(this, "disabledTextColor", {
317
+ i(this, "disabledTextColor", {
318
318
  primary: "disabled:text-primary",
319
319
  secondary: "disabled:text-secondary",
320
320
  success: "disabled:text-success",
@@ -334,7 +334,7 @@ class fe {
334
334
  transparent: "disabled:text-transparent"
335
335
  });
336
336
  // SVG fill color class
337
- n(this, "svgFillColor", {
337
+ i(this, "svgFillColor", {
338
338
  primary: "fill-primary",
339
339
  secondary: "fill-secondary",
340
340
  success: "fill-success",
@@ -354,7 +354,7 @@ class fe {
354
354
  transparent: "fill-transparent"
355
355
  });
356
356
  // ring color class
357
- n(this, "ringColor", {
357
+ i(this, "ringColor", {
358
358
  primary: "ring-primary",
359
359
  secondary: "ring-secondary",
360
360
  success: "ring-success",
@@ -374,7 +374,7 @@ class fe {
374
374
  transparent: "ring-transparent"
375
375
  });
376
376
  // focus:ring color class
377
- n(this, "ringFocusColor", {
377
+ i(this, "ringFocusColor", {
378
378
  primary: "focus:ring-primary",
379
379
  secondary: "focus:ring-secondary",
380
380
  success: "focus:ring-success",
@@ -394,7 +394,7 @@ class fe {
394
394
  transparent: "focus:ring-transparent"
395
395
  });
396
396
  // active:ring color class
397
- n(this, "ringActiveColor", {
397
+ i(this, "ringActiveColor", {
398
398
  primary: "active:ring-primary",
399
399
  secondary: "active:ring-secondary",
400
400
  success: "active:ring-success",
@@ -414,7 +414,7 @@ class fe {
414
414
  transparent: "active:ring-transparent"
415
415
  });
416
416
  // ring-offset color class
417
- n(this, "ringOffsetColor", {
417
+ i(this, "ringOffsetColor", {
418
418
  primary: "ring-offset-primary",
419
419
  secondary: "ring-offset-secondary",
420
420
  success: "ring-offset-success",
@@ -433,8 +433,68 @@ class fe {
433
433
  white: "ring-offset-white",
434
434
  transparent: "ring-offset-transparent"
435
435
  });
436
+ // outline class
437
+ i(this, "outlineColor", {
438
+ primary: "outline-primary",
439
+ secondary: "outline-secondary",
440
+ success: "outline-success",
441
+ danger: "outline-danger",
442
+ info: "outline-info",
443
+ warning: "outline-warning",
444
+ "light-1": "outline-light-1",
445
+ "light-2": "outline-light-2",
446
+ "light-3": "outline-light-3",
447
+ "light-4": "outline-light-4",
448
+ "dark-1": "outline-dark-1",
449
+ "dark-2": "outline-dark-2",
450
+ "dark-3": "outline-dark-3",
451
+ "dark-4": "outline-dark-4",
452
+ black: "outline-black",
453
+ white: "outline-white",
454
+ transparent: "outline-transparent"
455
+ });
456
+ // focus:outline class
457
+ i(this, "focusOutlineColor", {
458
+ primary: "focus:outline-primary",
459
+ secondary: "focus:outline-secondary",
460
+ success: "focus:outline-success",
461
+ danger: "focus:outline-danger",
462
+ info: "focus:outline-info",
463
+ warning: "focus:outline-warning",
464
+ "light-1": "focus:outline-light-1",
465
+ "light-2": "focus:outline-light-2",
466
+ "light-3": "focus:outline-light-3",
467
+ "light-4": "focus:outline-light-4",
468
+ "dark-1": "focus:outline-dark-1",
469
+ "dark-2": "focus:outline-dark-2",
470
+ "dark-3": "focus:outline-dark-3",
471
+ "dark-4": "focus:outline-dark-4",
472
+ black: "focus:outline-black",
473
+ white: "focus:outline-white",
474
+ transparent: "focus:outline-transparent"
475
+ });
476
+ // active:outline class
477
+ i(this, "activeOutlineColor", {
478
+ primary: "active:outline-primary",
479
+ secondary: "active:outline-secondary",
480
+ success: "active:outline-success",
481
+ danger: "active:outline-danger",
482
+ info: "active:outline-info",
483
+ warning: "active:outline-warning",
484
+ "light-1": "active:outline-light-1",
485
+ "light-2": "active:outline-light-2",
486
+ "light-3": "active:outline-light-3",
487
+ "light-4": "active:outline-light-4",
488
+ "dark-1": "active:outline-dark-1",
489
+ "dark-2": "active:outline-dark-2",
490
+ "dark-3": "active:outline-dark-3",
491
+ "dark-4": "active:outline-dark-4",
492
+ black: "active:outline-black",
493
+ white: "active:outline-white",
494
+ transparent: "active:outline-transparent"
495
+ });
436
496
  // btn color class
437
- n(this, "btnColor", {
497
+ i(this, "btnColor", {
438
498
  primary: "btn-primary",
439
499
  secondary: "btn-secondary",
440
500
  success: "btn-success",
@@ -454,7 +514,7 @@ class fe {
454
514
  transparent: "btn-transparent"
455
515
  });
456
516
  // list color class
457
- n(this, "listColor", {
517
+ i(this, "listColor", {
458
518
  primary: "mcl-list-primary",
459
519
  secondary: "mcl-list-secondary",
460
520
  success: "mcl-list-success",
@@ -474,7 +534,7 @@ class fe {
474
534
  transparent: "mcl-list-transparent"
475
535
  });
476
536
  // border color classes
477
- n(this, "borderColor", {
537
+ i(this, "borderColor", {
478
538
  primary: "border-primary",
479
539
  secondary: "border-secondary",
480
540
  success: "border-success",
@@ -493,7 +553,7 @@ class fe {
493
553
  white: "border-white",
494
554
  transparent: "border-transparent"
495
555
  });
496
- n(this, "borderXColor", {
556
+ i(this, "borderXColor", {
497
557
  primary: "border-x-primary",
498
558
  secondary: "border-x-secondary",
499
559
  success: "border-x-success",
@@ -512,7 +572,7 @@ class fe {
512
572
  white: "border-x-white",
513
573
  transparent: "border-x-transparent"
514
574
  });
515
- n(this, "borderYColor", {
575
+ i(this, "borderYColor", {
516
576
  primary: "border-y-primary",
517
577
  secondary: "border-y-secondary",
518
578
  success: "border-y-success",
@@ -531,7 +591,7 @@ class fe {
531
591
  white: "border-y-white",
532
592
  transparent: "border-y-transparent"
533
593
  });
534
- n(this, "borderTopColor", {
594
+ i(this, "borderTopColor", {
535
595
  primary: "border-t-primary",
536
596
  secondary: "border-t-secondary",
537
597
  success: "border-t-success",
@@ -550,7 +610,7 @@ class fe {
550
610
  white: "border-t-white",
551
611
  transparent: "border-t-transparent"
552
612
  });
553
- n(this, "borderBottomColor", {
613
+ i(this, "borderBottomColor", {
554
614
  primary: "border-b-primary",
555
615
  secondary: "border-b-secondary",
556
616
  success: "border-b-success",
@@ -569,7 +629,7 @@ class fe {
569
629
  white: "border-b-white",
570
630
  transparent: "border-b-transparent"
571
631
  });
572
- n(this, "borderLeftColor", {
632
+ i(this, "borderLeftColor", {
573
633
  primary: "border-l-primary",
574
634
  secondary: "border-l-secondary",
575
635
  success: "border-l-success",
@@ -588,7 +648,7 @@ class fe {
588
648
  white: "border-l-white",
589
649
  transparent: "border-l-transparent"
590
650
  });
591
- n(this, "borderRightColor", {
651
+ i(this, "borderRightColor", {
592
652
  primary: "border-r-primary",
593
653
  secondary: "border-r-secondary",
594
654
  success: "border-r-success",
@@ -612,28 +672,28 @@ class fe {
612
672
  class ve {
613
673
  constructor() {
614
674
  // h1 class
615
- n(this, "heading1", {
675
+ i(this, "heading1", {
616
676
  sm: "h1-sm",
617
677
  md: "h1-md",
618
678
  lg: "h1-lg",
619
679
  xl: "h1-xl"
620
680
  });
621
681
  // h2 class
622
- n(this, "heading2", {
682
+ i(this, "heading2", {
623
683
  sm: "h2-sm",
624
684
  md: "h2-md",
625
685
  lg: "h2-lg",
626
686
  xl: "h2-xl"
627
687
  });
628
688
  // h3 class
629
- n(this, "heading3", {
689
+ i(this, "heading3", {
630
690
  sm: "h3-sm",
631
691
  md: "h3-md",
632
692
  lg: "h3-lg",
633
693
  xl: "h3-xl"
634
694
  });
635
695
  // h4 class
636
- n(this, "heading4", {
696
+ i(this, "heading4", {
637
697
  sm: "h4-sm",
638
698
  md: "h4-md",
639
699
  lg: "h4-lg",
@@ -644,7 +704,7 @@ class ve {
644
704
  class me {
645
705
  constructor() {
646
706
  // opacity
647
- n(this, "backgroundOpacity", {
707
+ i(this, "backgroundOpacity", {
648
708
  10: "bg-opacity-10",
649
709
  20: "bg-opacity-20",
650
710
  30: "bg-opacity-30",
@@ -656,7 +716,7 @@ class me {
656
716
  90: "bg-opacity-90",
657
717
  100: "bg-opacity-100"
658
718
  });
659
- n(this, "opacity", {
719
+ i(this, "opacity", {
660
720
  10: "opacity-10",
661
721
  20: "opacity-20",
662
722
  30: "opacity-30",
@@ -668,12 +728,24 @@ class me {
668
728
  90: "opacity-90",
669
729
  100: "opacity-100"
670
730
  });
731
+ i(this, "outlineOpacity", {
732
+ 10: "outline-opacity-10",
733
+ 20: "outline-opacity-20",
734
+ 30: "outline-opacity-30",
735
+ 40: "outline-opacity-40",
736
+ 50: "outline-opacity-50",
737
+ 60: "outline-opacity-60",
738
+ 70: "outline-opacity-70",
739
+ 80: "outline-opacity-80",
740
+ 90: "outline-opacity-90",
741
+ 100: "outline-opacity-100"
742
+ });
671
743
  }
672
744
  }
673
- class xe {
745
+ class ye {
674
746
  constructor() {
675
747
  // spacing: margin
676
- n(this, "margin", {
748
+ i(this, "margin", {
677
749
  0: "m-0",
678
750
  "3xs": "m-3xs",
679
751
  "2xs": "m-2xs",
@@ -685,7 +757,7 @@ class xe {
685
757
  "2xl": "m-2xl",
686
758
  "3xl": "m-3xl"
687
759
  });
688
- n(this, "marginX", {
760
+ i(this, "marginX", {
689
761
  0: "mx-0",
690
762
  "3xs": "mx-3xs",
691
763
  "2xs": "mx-2xs",
@@ -697,7 +769,7 @@ class xe {
697
769
  "2xl": "mx-2xl",
698
770
  "3xl": "mx-3xl"
699
771
  });
700
- n(this, "marginY", {
772
+ i(this, "marginY", {
701
773
  0: "my-0",
702
774
  "3xs": "my-3xs",
703
775
  "2xs": "my-2xs",
@@ -709,7 +781,7 @@ class xe {
709
781
  "2xl": "my-2xl",
710
782
  "3xl": "my-3xl"
711
783
  });
712
- n(this, "marginTop", {
784
+ i(this, "marginTop", {
713
785
  0: "mt-0",
714
786
  "3xs": "mt-3xs",
715
787
  "2xs": "mt-2xs",
@@ -721,7 +793,7 @@ class xe {
721
793
  "2xl": "mt-2xl",
722
794
  "3xl": "mt-3xl"
723
795
  });
724
- n(this, "marginBottom", {
796
+ i(this, "marginBottom", {
725
797
  0: "mb-0",
726
798
  "3xs": "mb-3xs",
727
799
  "2xs": "mb-2xs",
@@ -733,7 +805,7 @@ class xe {
733
805
  "2xl": "mb-2xl",
734
806
  "3xl": "mb-3xl"
735
807
  });
736
- n(this, "marginLeft", {
808
+ i(this, "marginLeft", {
737
809
  0: "ml-0",
738
810
  "3xs": "ml-3xs",
739
811
  "2xs": "ml-2xs",
@@ -745,7 +817,7 @@ class xe {
745
817
  "2xl": "ml-2xl",
746
818
  "3xl": "ml-3xl"
747
819
  });
748
- n(this, "marginRight", {
820
+ i(this, "marginRight", {
749
821
  0: "mr-0",
750
822
  "3xs": "mr-3xs",
751
823
  "2xs": "mr-2xs",
@@ -758,7 +830,7 @@ class xe {
758
830
  "3xl": "mr-3xl"
759
831
  });
760
832
  // spacing: padding
761
- n(this, "padding", {
833
+ i(this, "padding", {
762
834
  0: "p-0",
763
835
  "3xs": "p-3xs",
764
836
  "2xs": "p-2xs",
@@ -770,7 +842,7 @@ class xe {
770
842
  "2xl": "p-2xl",
771
843
  "3xl": "p-3xl"
772
844
  });
773
- n(this, "paddingX", {
845
+ i(this, "paddingX", {
774
846
  0: "px-0",
775
847
  "3xs": "px-3xs",
776
848
  "2xs": "px-2xs",
@@ -782,7 +854,7 @@ class xe {
782
854
  "2xl": "px-2xl",
783
855
  "3xl": "px-3xl"
784
856
  });
785
- n(this, "paddingY", {
857
+ i(this, "paddingY", {
786
858
  0: "py-0",
787
859
  "3xs": "py-3xs",
788
860
  "2xs": "py-2xs",
@@ -794,7 +866,7 @@ class xe {
794
866
  "2xl": "py-2xl",
795
867
  "3xl": "py-3xl"
796
868
  });
797
- n(this, "paddingTop", {
869
+ i(this, "paddingTop", {
798
870
  0: "pt-0",
799
871
  "3xs": "pt-3xs",
800
872
  "2xs": "pt-2xs",
@@ -806,7 +878,7 @@ class xe {
806
878
  "2xl": "pt-2xl",
807
879
  "3xl": "pt-3xl"
808
880
  });
809
- n(this, "paddingBottom", {
881
+ i(this, "paddingBottom", {
810
882
  0: "pb-0",
811
883
  "3xs": "pb-3xs",
812
884
  "2xs": "pb-2xs",
@@ -818,7 +890,7 @@ class xe {
818
890
  "2xl": "pb-2xl",
819
891
  "3xl": "pb-3xl"
820
892
  });
821
- n(this, "paddingLeft", {
893
+ i(this, "paddingLeft", {
822
894
  0: "pl-0",
823
895
  "3xs": "pl-3xs",
824
896
  "2xs": "pl-2xs",
@@ -830,7 +902,7 @@ class xe {
830
902
  "2xl": "pl-2xl",
831
903
  "3xl": "pl-3xl"
832
904
  });
833
- n(this, "paddingRight", {
905
+ i(this, "paddingRight", {
834
906
  0: "pr-0",
835
907
  "3xs": "pr-3xs",
836
908
  "2xs": "pr-2xs",
@@ -843,7 +915,7 @@ class xe {
843
915
  "3xl": "pr-3xl"
844
916
  });
845
917
  // spacing gap class for flex/grid
846
- n(this, "gap", {
918
+ i(this, "gap", {
847
919
  0: "gap-0",
848
920
  "3xs": "gap-3xs",
849
921
  "2xs": "gap-2xs",
@@ -857,9 +929,9 @@ class xe {
857
929
  });
858
930
  }
859
931
  }
860
- class ye {
932
+ class Ce {
861
933
  constructor(r) {
862
- n(this, "classType");
934
+ i(this, "classType");
863
935
  this.classType = r;
864
936
  }
865
937
  validateColorType(r) {
@@ -919,6 +991,9 @@ const W = {
919
991
  "RINGCOLOR",
920
992
  "FOCUSRING",
921
993
  "ACTIVERING",
994
+ "OUTLINE",
995
+ "FOCUSOUTLINE",
996
+ "ACTIVEOUTLINE",
922
997
  "OFFSETRING",
923
998
  "BTNCOLOR",
924
999
  "LISTCOLOR",
@@ -943,7 +1018,7 @@ const W = {
943
1018
  "BORDERLW",
944
1019
  "BORDERRW"
945
1020
  ],
946
- scaleType: ["BGOPACITY", "OPACITY"],
1021
+ scaleType: ["BGOPACITY", "OPACITY", "OUTLINEOPACITY"],
947
1022
  spacingType: [
948
1023
  "MARGIN",
949
1024
  "MARGINX",
@@ -962,18 +1037,18 @@ const W = {
962
1037
  "GAP"
963
1038
  ]
964
1039
  };
965
- class Ce {
1040
+ class xe {
966
1041
  constructor(r, e) {
967
- n(this, "classType");
968
- n(this, "classValue");
969
- n(this, "colorClass");
970
- n(this, "headingSizeClass");
971
- n(this, "borderWidthClass");
972
- n(this, "opacityClass");
973
- n(this, "spacingClass");
974
- n(this, "textClass");
975
- n(this, "validator");
976
- this.classType = r, this.classValue = e, this.colorClass = new fe(), this.headingSizeClass = new ve(), this.borderWidthClass = new be(), this.opacityClass = new me(), this.spacingClass = new xe(), this.textClass = new pe(), this.validator = new ye(r);
1042
+ i(this, "classType");
1043
+ i(this, "classValue");
1044
+ i(this, "colorClass");
1045
+ i(this, "headingSizeClass");
1046
+ i(this, "borderWidthClass");
1047
+ i(this, "opacityClass");
1048
+ i(this, "spacingClass");
1049
+ i(this, "textClass");
1050
+ i(this, "validator");
1051
+ this.classType = r, this.classValue = e, this.colorClass = new fe(), this.headingSizeClass = new ve(), this.borderWidthClass = new be(), this.opacityClass = new me(), this.spacingClass = new ye(), this.textClass = new pe(), this.validator = new Ce(r);
977
1052
  }
978
1053
  generateClass() {
979
1054
  switch (this.classType) {
@@ -1008,6 +1083,12 @@ class Ce {
1008
1083
  return this.getActiveRingColorClass();
1009
1084
  case "OFFSETRING":
1010
1085
  return this.getRingOffsetColorClass();
1086
+ case "OUTLINE":
1087
+ return this.getOutlineColorClass();
1088
+ case "FOCUSOUTLINE":
1089
+ return this.getFocusOutlineColorClass();
1090
+ case "ACTIVEOUTLINE":
1091
+ return this.getActiveOutlineColorClass();
1011
1092
  case "BTNCOLOR":
1012
1093
  return this.getBtnColorClass();
1013
1094
  case "LISTCOLOR":
@@ -1064,6 +1145,8 @@ class Ce {
1064
1145
  return this.getOpacityClass();
1065
1146
  case "BGOPACITY":
1066
1147
  return this.getBgOpacityClass();
1148
+ case "OUTLINEOPACITY":
1149
+ return this.getOutlineOpacityClass();
1067
1150
  // case: margins
1068
1151
  case "MARGIN":
1069
1152
  return this.getMarginClass();
@@ -1151,6 +1234,16 @@ class Ce {
1151
1234
  getRingOffsetColorClass() {
1152
1235
  return this.validator.validateColorType(this.classValue) ? this.colorClass.ringOffsetColor[this.classValue] : " ";
1153
1236
  }
1237
+ // outline color
1238
+ getOutlineColorClass() {
1239
+ return this.validator.validateColorType(this.classValue) ? this.colorClass.outlineColor[this.classValue] : " ";
1240
+ }
1241
+ getFocusOutlineColorClass() {
1242
+ return this.validator.validateColorType(this.classValue) ? this.colorClass.focusOutlineColor[this.classValue] : " ";
1243
+ }
1244
+ getActiveOutlineColorClass() {
1245
+ return this.validator.validateColorType(this.classValue) ? this.colorClass.activeOutlineColor[this.classValue] : " ";
1246
+ }
1154
1247
  // btn & list
1155
1248
  getBtnColorClass() {
1156
1249
  return this.validator.validateColorType(this.classValue) ? this.colorClass.btnColor[this.classValue] : " ";
@@ -1234,6 +1327,9 @@ class Ce {
1234
1327
  getBgOpacityClass() {
1235
1328
  return this.validator.validateOpacityType(this.classValue) ? this.opacityClass.backgroundOpacity[this.classValue] : " ";
1236
1329
  }
1330
+ getOutlineOpacityClass() {
1331
+ return this.validator.validateOpacityType(this.classValue) ? this.opacityClass.outlineOpacity[this.classValue] : " ";
1332
+ }
1237
1333
  // spacing classes
1238
1334
  // margins
1239
1335
  getMarginClass() {
@@ -1284,7 +1380,7 @@ class Ce {
1284
1380
  return this.validator.validateSpaceType(this.classValue) ? this.spacingClass.gap[this.classValue] : " ";
1285
1381
  }
1286
1382
  }
1287
- const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex justify-between gap-2xs" }, we = { class: "w-full" }, lt = /* @__PURE__ */ A({
1383
+ const w = (s, r) => new xe(s, r).generateClass(), ke = { class: "w-full flex justify-between gap-2xs" }, Te = { class: "w-full" }, lt = /* @__PURE__ */ A({
1288
1384
  __name: "Alert",
1289
1385
  props: {
1290
1386
  color: { default: "danger" },
@@ -1296,64 +1392,64 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1296
1392
  emits: ["close"],
1297
1393
  setup(s, { expose: r, emit: e }) {
1298
1394
  const l = s;
1299
- D();
1395
+ I();
1300
1396
  const t = e, d = k(l.show), a = V(() => {
1301
- const { color: u, rounded: c, shadow: x } = l, v = [T("BGCOLOR", u)];
1302
- return c && v.push("rounded-md"), x && v.push("drop-shadow-md"), v.join(" ");
1303
- }), o = (u) => {
1304
- d.value = !1, t("close", u);
1305
- }, i = () => {
1397
+ const { color: g, rounded: c, shadow: y } = l, v = [w("BGCOLOR", g)];
1398
+ return c && v.push("rounded-md"), y && v.push("drop-shadow-md"), v.join(" ");
1399
+ }), o = (g) => {
1400
+ d.value = !1, t("close", g);
1401
+ }, n = () => {
1306
1402
  d.value = !1;
1307
1403
  };
1308
- return L(
1404
+ return _(
1309
1405
  () => l.show,
1310
- (u) => {
1311
- d.value = u;
1406
+ (g) => {
1407
+ d.value = g;
1312
1408
  }
1313
1409
  ), r({
1314
- close: i
1315
- }), (u, c) => d.value ? (g(), h("div", {
1410
+ close: n
1411
+ }), (g, c) => d.value ? (u(), h("div", {
1316
1412
  key: 0,
1317
1413
  role: "alert",
1318
1414
  "aria-live": "polite",
1319
1415
  "aria-atomic": "true",
1320
1416
  class: f(["py-[0.75rem] px-[1.25rem] relative", [a.value]])
1321
1417
  }, [
1322
- C("div", ke, [
1323
- C("div", we, [
1324
- B(u.$slots, "default")
1418
+ x("div", ke, [
1419
+ x("div", Te, [
1420
+ B(g.$slots, "default")
1325
1421
  ]),
1326
- u.dismissible ? (g(), h("button", {
1422
+ g.dismissible ? (u(), h("button", {
1327
1423
  key: 0,
1328
1424
  onClick: o,
1329
1425
  class: "flex items-center opacity-60 hover:opacity-40 transition-opacity duration-300 ease-linear"
1330
1426
  }, c[0] || (c[0] = [
1331
- C("svg", {
1427
+ x("svg", {
1332
1428
  xmlns: "http://www.w3.org/2000/svg",
1333
1429
  viewBox: "0 0 384 512",
1334
1430
  fill: "currentColor",
1335
1431
  class: "h-xs"
1336
1432
  }, [
1337
- C("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
1433
+ x("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
1338
1434
  ], -1)
1339
- ]))) : w("", !0)
1435
+ ]))) : T("", !0)
1340
1436
  ])
1341
- ], 2)) : w("", !0);
1437
+ ], 2)) : T("", !0);
1342
1438
  }
1343
- }), U = (s, r) => ce(
1439
+ }), K = (s, r) => ce(
1344
1440
  s,
1345
1441
  (e) => {
1346
1442
  let l = !1;
1347
1443
  for (let t = 0; t < e.length && !l; t++) {
1348
- const d = e[t], a = d.type, o = d.attributeName, i = d.target;
1444
+ const d = e[t], a = d.type, o = d.attributeName, n = d.target;
1349
1445
  if ((a === "attributes" || o === "visible") && (l = !0), l) {
1350
- const u = i.getAttribute("visible") === "true";
1351
- r(u);
1446
+ const g = n.getAttribute("visible") === "true";
1447
+ r(g);
1352
1448
  }
1353
1449
  }
1354
1450
  },
1355
1451
  { attributes: !0 }
1356
- ), Te = A({
1452
+ ), we = A({
1357
1453
  setup(s, { slots: r }) {
1358
1454
  const e = k(!1);
1359
1455
  return F(() => {
@@ -1370,48 +1466,48 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1370
1466
  emits: ["open", "close"],
1371
1467
  setup(s, { expose: r, emit: e }) {
1372
1468
  const l = s;
1373
- D();
1469
+ I();
1374
1470
  const t = e, d = k(), a = k(l.visible), o = () => {
1375
1471
  a.value = !a.value;
1376
- }, i = () => {
1472
+ }, n = () => {
1377
1473
  a.value = !0;
1378
- }, u = () => {
1474
+ }, g = () => {
1379
1475
  a.value = !1;
1380
1476
  }, c = () => {
1381
1477
  t("open", !0);
1382
- }, x = () => {
1478
+ }, y = () => {
1383
1479
  t("close", !1);
1384
1480
  }, v = (p) => {
1385
1481
  p.style.height = "auto", p.style.opacity = "0";
1386
- const _ = getComputedStyle(p).height;
1387
- p.style.height = "0px", p.offsetHeight, p.style.height = _, p.style.opacity = "1";
1482
+ const L = getComputedStyle(p).height;
1483
+ p.style.height = "0px", p.offsetHeight, p.style.height = L, p.style.opacity = "1";
1388
1484
  }, O = (p) => {
1389
1485
  p.style.height = "auto", p.style.opacity = "1";
1390
1486
  }, $ = (p) => {
1391
1487
  p.style.height = getComputedStyle(p).height, p.offsetHeight, p.style.height = "0px", p.style.opacity = "0";
1392
1488
  };
1393
- return U(d, (p = !1) => {
1489
+ return K(d, (p = !1) => {
1394
1490
  a.value = p;
1395
- }), L(
1491
+ }), _(
1396
1492
  () => l.visible,
1397
1493
  (p) => {
1398
1494
  a.value = p;
1399
1495
  }
1400
- ), L(a, (p) => {
1401
- p === !0 ? c() : p === !1 && x();
1496
+ ), _(a, (p) => {
1497
+ p === !0 ? c() : p === !1 && y();
1402
1498
  }), r({
1403
1499
  toggle: o,
1404
- close: u,
1405
- open: i
1406
- }), (p, _) => (g(), h("div", {
1500
+ close: g,
1501
+ open: n
1502
+ }), (p, L) => (u(), h("div", {
1407
1503
  accordion: p.accordion,
1408
1504
  visible: a.value,
1409
1505
  ref_key: "collapseRef",
1410
1506
  ref: d
1411
1507
  }, [
1412
- S(R(Te), null, {
1508
+ S(R(we), null, {
1413
1509
  default: E(() => [
1414
- S(I, {
1510
+ S(N, {
1415
1511
  name: "collapse",
1416
1512
  tag: "div",
1417
1513
  onEnter: v,
@@ -1420,14 +1516,14 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1420
1516
  class: "overflow-y-clip"
1421
1517
  }, {
1422
1518
  default: E(() => [
1423
- M(C("div", null, [
1424
- C("div", {
1519
+ M(x("div", null, [
1520
+ x("div", {
1425
1521
  class: f(p.className)
1426
1522
  }, [
1427
1523
  B(p.$slots, "default", {}, void 0, !0)
1428
1524
  ], 2)
1429
1525
  ], 512), [
1430
- [P, a.value]
1526
+ [z, a.value]
1431
1527
  ])
1432
1528
  ]),
1433
1529
  _: 3
@@ -1437,12 +1533,12 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1437
1533
  })
1438
1534
  ], 8, Be));
1439
1535
  }
1440
- }), N = (s, r) => {
1536
+ }), H = (s, r) => {
1441
1537
  const e = s.__vccOpts || s;
1442
1538
  for (const [l, t] of r)
1443
1539
  e[l] = t;
1444
1540
  return e;
1445
- }, ot = /* @__PURE__ */ N(Re, [["__scopeId", "data-v-5d535dc4"]]), Oe = A({
1541
+ }, ot = /* @__PURE__ */ H(Re, [["__scopeId", "data-v-5d535dc4"]]), Oe = A({
1446
1542
  props: {
1447
1543
  direction: {
1448
1544
  type: String,
@@ -1473,8 +1569,8 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1473
1569
  const r = "invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip", e = V(() => {
1474
1570
  const { color: d, textColor: a } = s;
1475
1571
  return [
1476
- T("BGCOLOR", d),
1477
- T("TEXTCOLOR", a)
1572
+ w("BGCOLOR", d),
1573
+ w("TEXTCOLOR", a)
1478
1574
  ].join(" ");
1479
1575
  }), l = V(() => ({ width: `${s.width}px` })), t = V(() => {
1480
1576
  switch (s.direction) {
@@ -1516,8 +1612,8 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1516
1612
  const l = e.target;
1517
1613
  let t;
1518
1614
  if (l.tagName === "A") {
1519
- const o = l.getAttribute("href"), i = (o == null ? void 0 : o.charAt(0)) === "#" ? o.substring(1) : o;
1520
- t = document.getElementById(i);
1615
+ const o = l.getAttribute("href"), n = (o == null ? void 0 : o.charAt(0)) === "#" ? o.substring(1) : o;
1616
+ t = document.getElementById(n);
1521
1617
  } else
1522
1618
  t = document.getElementById(r.arg);
1523
1619
  if (!t || t.hasAttribute("visible") === !1)
@@ -1536,23 +1632,23 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1536
1632
  const l = e.target;
1537
1633
  let t;
1538
1634
  if (l.tagName === "A") {
1539
- const o = l.getAttribute("href"), i = (o == null ? void 0 : o.charAt(0)) === "#" ? o.substring(1) : o;
1540
- t = document.getElementById(i);
1635
+ const o = l.getAttribute("href"), n = (o == null ? void 0 : o.charAt(0)) === "#" ? o.substring(1) : o;
1636
+ t = document.getElementById(n);
1541
1637
  } else
1542
1638
  t = document.getElementById(r.arg);
1543
1639
  if (!t || t.hasAttribute("visible") === !1)
1544
1640
  return;
1545
1641
  if (!t.hasAttribute("accordion")) {
1546
- const i = t.getAttribute("visible") === "true" ? "false" : "true";
1547
- t.setAttribute("visible", i);
1642
+ const n = t.getAttribute("visible") === "true" ? "false" : "true";
1643
+ t.setAttribute("visible", n);
1548
1644
  return;
1549
1645
  }
1550
1646
  const d = t.getAttribute("accordion"), a = document.querySelectorAll(
1551
1647
  `div[accordion="${d}"]`
1552
1648
  );
1553
1649
  for (let o = 0; o < a.length; o++) {
1554
- const i = a[o].getAttribute("visible");
1555
- if (a[o].id !== t.id && i === "true" && a[o].setAttribute("visible", "false"), a[o].id === t.id) {
1650
+ const n = a[o].getAttribute("visible");
1651
+ if (a[o].id !== t.id && n === "true" && a[o].setAttribute("visible", "false"), a[o].id === t.id) {
1556
1652
  const c = t.getAttribute("visible") === "true" ? "false" : "true";
1557
1653
  t.setAttribute("visible", c);
1558
1654
  }
@@ -1574,20 +1670,20 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1574
1670
  e.hasAttribute("text-color") && (a = e.getAttribute("text-color")), !e.hasAttribute("text-color") && typeof l.value < "u" && typeof l.value != "string" && typeof l.value.textColor == "string" && (a = l.value.textColor);
1575
1671
  let o;
1576
1672
  e.hasAttribute("tooltip-width") && (o = e.getAttribute("tooltip-width")), !e.hasAttribute("tooltip-width") && typeof l.value < "u" && typeof l.value != "string" && ["number", "string"].includes(typeof l.value.width) && (o = l.value.width);
1577
- let i;
1578
- typeof l.value < "u" && typeof l.value != "string" && typeof l.value.className == "string" && (i = l.value.className);
1579
- let u;
1673
+ let n;
1674
+ typeof l.value < "u" && typeof l.value != "string" && typeof l.value.className == "string" && (n = l.value.className);
1675
+ let g;
1580
1676
  const c = Object.keys(l.modifiers);
1581
- c.length > 0 && (u = c[0]);
1582
- const x = S(Oe, {
1583
- direction: u,
1677
+ c.length > 0 && (g = c[0]);
1678
+ const y = S(Oe, {
1679
+ direction: g,
1584
1680
  title: t,
1585
1681
  color: d,
1586
1682
  textColor: a,
1587
1683
  width: o,
1588
- customClass: i
1684
+ customClass: n
1589
1685
  });
1590
- Q(x, e);
1686
+ Q(y, e);
1591
1687
  }, s.__UnmountTooltip = (e) => {
1592
1688
  Q(null, e);
1593
1689
  }, s.__HandleTooltip(s, r);
@@ -1602,7 +1698,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1602
1698
  __name: "DropdownContainer",
1603
1699
  emits: ["click-outside", "toggle"],
1604
1700
  setup(s, { emit: r }) {
1605
- D();
1701
+ I();
1606
1702
  const e = r, l = k(), t = k(!1), d = k(0);
1607
1703
  Y(ee, {
1608
1704
  active: t,
@@ -1613,18 +1709,18 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1613
1709
  });
1614
1710
  const o = (c) => {
1615
1711
  t.value = !t.value, e("toggle", c);
1616
- }, i = (c) => {
1712
+ }, n = (c) => {
1617
1713
  t.value = !1, e("click-outside", c);
1618
- }, u = () => {
1714
+ }, g = () => {
1619
1715
  t.value = !1;
1620
1716
  };
1621
1717
  return F(() => {
1622
1718
  d.value = l.value.scrollHeight;
1623
- }), (c, x) => M((g(), h("div", {
1719
+ }), (c, y) => M((u(), h("div", {
1624
1720
  class: "relative",
1625
1721
  ref_key: "dropdownTarget",
1626
1722
  ref: l,
1627
- onKeyup: ie(u, ["esc"])
1723
+ onKeyup: ie(g, ["esc"])
1628
1724
  }, [
1629
1725
  B(c.$slots, "toggler", {
1630
1726
  toggle: o,
@@ -1632,7 +1728,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1632
1728
  }),
1633
1729
  B(c.$slots, "default")
1634
1730
  ], 32)), [
1635
- [R(q), i]
1731
+ [R(q), n]
1636
1732
  ]);
1637
1733
  }
1638
1734
  }), Ve = /* @__PURE__ */ A({
@@ -1641,30 +1737,30 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1641
1737
  className: { default: "" }
1642
1738
  },
1643
1739
  setup(s) {
1644
- const { height: r } = ge();
1645
- D();
1740
+ const { height: r } = ue();
1741
+ I();
1646
1742
  const e = k(), { active: l, buttonHeight: t, closeDropdown: d } = j(
1647
1743
  ee
1648
1744
  ), a = V(() => ({ "--button-height": `${t}px` })), o = V(() => {
1649
1745
  if (!(!l || !e.value) && r.value - e.value.getBoundingClientRect().bottom < 0)
1650
1746
  return "dropup-bottom";
1651
1747
  });
1652
- return (i, u) => (g(), z(I, { name: "dropdown-content" }, {
1748
+ return (n, g) => (u(), P(N, { name: "dropdown-content" }, {
1653
1749
  default: E(() => [
1654
- R(l) ? (g(), h("div", {
1750
+ R(l) ? (u(), h("div", {
1655
1751
  key: 0,
1656
1752
  ref_key: "contentRef",
1657
1753
  ref: e,
1658
- class: f(["absolute my-2xs max-w-[14rem] w-max overflow-hidden", [o.value, i.className]]),
1754
+ class: f(["absolute my-2xs max-w-[14rem] w-max overflow-hidden", [o.value, n.className]]),
1659
1755
  style: X(a.value)
1660
1756
  }, [
1661
- B(i.$slots, "default", { itemClick: R(d) }, void 0, !0)
1662
- ], 6)) : w("", !0)
1757
+ B(n.$slots, "default", { itemClick: R(d) }, void 0, !0)
1758
+ ], 6)) : T("", !0)
1663
1759
  ]),
1664
1760
  _: 3
1665
1761
  }));
1666
1762
  }
1667
- }), gt = /* @__PURE__ */ N(Ve, [["__scopeId", "data-v-85c54efe"]]), Ae = ["aria-label", "aria-expanded"], _e = /* @__PURE__ */ A({
1763
+ }), ut = /* @__PURE__ */ H(Ve, [["__scopeId", "data-v-85c54efe"]]), Ae = ["aria-label", "aria-expanded"], Le = /* @__PURE__ */ A({
1668
1764
  __name: "NavDrawer",
1669
1765
  props: {
1670
1766
  color: { default: "dark-2" },
@@ -1674,48 +1770,48 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1674
1770
  },
1675
1771
  emits: ["hbg-click"],
1676
1772
  setup(s, { emit: r }) {
1677
- const e = s, l = r, t = (i) => {
1678
- l("hbg-click", i);
1773
+ const e = s, l = r, t = (n) => {
1774
+ l("hbg-click", n);
1679
1775
  }, d = V({
1680
1776
  get() {
1681
1777
  return e.toggle;
1682
1778
  },
1683
- set(i) {
1684
- return i;
1779
+ set(n) {
1780
+ return n;
1685
1781
  }
1686
- }), a = (i, u, c) => {
1687
- const x = [
1688
- T("RINGCOLOR", i),
1689
- T("OFFSETRING", c)
1782
+ }), a = (n, g, c) => {
1783
+ const y = [
1784
+ w("RINGCOLOR", n),
1785
+ w("OFFSETRING", c)
1690
1786
  ];
1691
- return u && (x.push(T("BORDER", i)), x.push("border")), x.join(" ");
1692
- }, o = (i) => [
1693
- T("BGCOLOR", i),
1694
- T("BEFOREBG", i),
1695
- T("AFTERBG", i)
1787
+ return g && (y.push(w("BORDER", n)), y.push("border")), y.join(" ");
1788
+ }, o = (n) => [
1789
+ w("BGCOLOR", n),
1790
+ w("BEFOREBG", n),
1791
+ w("AFTERBG", n)
1696
1792
  ].join(" ");
1697
- return (i, u) => (g(), h("button", {
1698
- class: f(["p-3xs rounded-md aspect-square outline-none focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear hover:opacity-70 focus:opacity-70 hamburger__button", a(i.color, i.displayBorder, i.navColor)]),
1793
+ return (n, g) => (u(), h("button", {
1794
+ class: f(["p-3xs rounded-md aspect-square outline-none focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear hover:opacity-70 focus:opacity-70 hamburger__button", a(n.color, n.displayBorder, n.navColor)]),
1699
1795
  onClick: t,
1700
- "aria-label": i.toggle ? "Close" : "Open",
1701
- "aria-expanded": i.toggle
1796
+ "aria-label": n.toggle ? "Close" : "Open",
1797
+ "aria-expanded": n.toggle
1702
1798
  }, [
1703
- M(C("input", {
1799
+ M(x("input", {
1704
1800
  type: "checkbox",
1705
- "onUpdate:modelValue": u[0] || (u[0] = (c) => d.value = c),
1801
+ "onUpdate:modelValue": g[0] || (g[0] = (c) => d.value = c),
1706
1802
  class: "hidden hamburger__checkbox"
1707
1803
  }, null, 512), [
1708
1804
  [ne, d.value]
1709
1805
  ]),
1710
- C("div", {
1711
- class: f(["relative h-[3px] w-sm hamburger__icon before:w-sm after:w-sm before:h-[3px] after:h-[3px] transition-all duration-300 ease-linear", o(i.color)])
1806
+ x("div", {
1807
+ class: f(["relative h-[3px] w-sm hamburger__icon before:w-sm after:w-sm before:h-[3px] after:h-[3px] transition-all duration-300 ease-linear", o(n.color)])
1712
1808
  }, null, 2)
1713
1809
  ], 10, Ae));
1714
1810
  }
1715
- }), te = /* @__PURE__ */ N(_e, [["__scopeId", "data-v-1b9c33a1"]]), Le = { class: "flex flex-wrap items-center py-xs md:py-2xs mx-xs md:mx-sm align-middle justify-between sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, Se = { class: "min-h-[24px]" }, Ee = { class: "ml-auto" }, De = {
1811
+ }), te = /* @__PURE__ */ H(Le, [["__scopeId", "data-v-1b9c33a1"]]), _e = { class: "flex flex-wrap items-center py-xs md:py-2xs mx-xs md:mx-sm align-middle justify-between sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, Se = { class: "min-h-[24px]" }, Ee = { class: "ml-auto" }, Ie = {
1716
1812
  key: 0,
1717
1813
  class: "hidden lg:block"
1718
- }, Ge = { class: "overflow-hidden lg:hidden" }, Ie = { key: 0 }, He = /* @__PURE__ */ A({
1814
+ }, De = { class: "overflow-hidden lg:hidden" }, Ne = { key: 0 }, Ge = /* @__PURE__ */ A({
1719
1815
  __name: "HeaderHorizontal",
1720
1816
  props: {
1721
1817
  bgColor: { default: "light-1" },
@@ -1728,71 +1824,71 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1728
1824
  },
1729
1825
  emits: ["toggle-drawer"],
1730
1826
  setup(s, { expose: r, emit: e }) {
1731
- const l = s, t = D(), d = k(!1), { y: a } = ue(), o = e, i = () => {
1827
+ const l = s, t = I(), d = k(!1), { y: a } = ge(), o = e, n = () => {
1732
1828
  d.value = !1;
1733
- }, u = (b) => {
1829
+ }, g = (b) => {
1734
1830
  d.value = !d.value, o("toggle-drawer", b, d.value);
1735
1831
  }, c = (b) => {
1736
1832
  b.style.height = "auto";
1737
1833
  const p = getComputedStyle(b).height;
1738
1834
  b.style.height = "0px", b.offsetHeight, b.style.height = p;
1739
- }, x = (b) => {
1835
+ }, y = (b) => {
1740
1836
  b.style.height = "auto";
1741
1837
  }, v = (b) => {
1742
1838
  b.style.height = getComputedStyle(b).height, b.offsetHeight, b.style.height = "0px";
1743
1839
  }, O = V(() => {
1744
- const { bgColor: b, sticky: p } = l, _ = [T("BGCOLOR", b)];
1745
- return p === "all" ? (_.push("sticky top-0"), _.join(" ")) : p === "tablet" ? (_.push("md:sticky top-0"), _.join(" ")) : (p === "pc" && _.push("lg:sticky top-0"), _.join(" "));
1840
+ const { bgColor: b, sticky: p } = l, L = [w("BGCOLOR", b)];
1841
+ return p === "all" ? (L.push("sticky top-0"), L.join(" ")) : p === "tablet" ? (L.push("md:sticky top-0"), L.join(" ")) : (p === "pc" && L.push("lg:sticky top-0"), L.join(" "));
1746
1842
  }), $ = V(() => {
1747
1843
  const { fadeInOnScroll: b, scrollDistance: p } = l;
1748
1844
  return b ? a.value >= p ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
1749
1845
  });
1750
1846
  return r({
1751
- headerClose: i
1752
- }), (b, p) => (g(), h("header", {
1847
+ headerClose: n
1848
+ }), (b, p) => (u(), h("header", {
1753
1849
  class: f(["w-full items-center z-50 transition ease-in duration-500 delay-150", [$.value, O.value]])
1754
1850
  }, [
1755
- C("nav", Le, [
1756
- C("div", Se, [
1851
+ x("nav", _e, [
1852
+ x("div", Se, [
1757
1853
  B(b.$slots, "content", {}, void 0, !0)
1758
1854
  ]),
1759
- C("div", Ee, [
1855
+ x("div", Ee, [
1760
1856
  S(te, {
1761
1857
  color: b.drawerBtnColor,
1762
1858
  "display-border": b.drawerBtnBorder,
1763
1859
  class: "block lg:hidden",
1764
- onHbgClick: u,
1860
+ onHbgClick: g,
1765
1861
  toggle: d.value,
1766
1862
  "nav-color": b.bgColor
1767
1863
  }, null, 8, ["color", "display-border", "toggle", "nav-color"]),
1768
- t["content-right"] ? (g(), h("div", De, [
1864
+ t["content-right"] ? (u(), h("div", Ie, [
1769
1865
  B(b.$slots, "content-right", {}, void 0, !0)
1770
- ])) : w("", !0)
1866
+ ])) : T("", !0)
1771
1867
  ])
1772
1868
  ]),
1773
- C("div", Ge, [
1774
- S(I, {
1869
+ x("div", De, [
1870
+ S(N, {
1775
1871
  name: "collapse",
1776
1872
  onEnter: c,
1777
- onAfterEnter: x,
1873
+ onAfterEnter: y,
1778
1874
  onLeave: v
1779
1875
  }, {
1780
1876
  default: E(() => [
1781
- d.value ? (g(), h("div", {
1877
+ d.value ? (u(), h("div", {
1782
1878
  key: 0,
1783
- class: f(["bg-opacity-80 rounded-md my-2xs mx-xs overflow-hidden", R(T)("BGCOLOR", b.mobileMenuBgColor)])
1879
+ class: f(["bg-opacity-80 rounded-md my-2xs mx-xs overflow-hidden", R(w)("BGCOLOR", b.mobileMenuBgColor)])
1784
1880
  }, [
1785
- t["mobile-content"] ? (g(), h("div", Ie, [
1786
- B(b.$slots, "mobile-content", { headerClose: i }, void 0, !0)
1787
- ])) : w("", !0)
1788
- ], 2)) : w("", !0)
1881
+ t["mobile-content"] ? (u(), h("div", Ne, [
1882
+ B(b.$slots, "mobile-content", { headerClose: n }, void 0, !0)
1883
+ ])) : T("", !0)
1884
+ ], 2)) : T("", !0)
1789
1885
  ]),
1790
1886
  _: 3
1791
1887
  })
1792
1888
  ])
1793
1889
  ], 2));
1794
1890
  }
1795
- }), ut = /* @__PURE__ */ N(He, [["__scopeId", "data-v-56d20376"]]), Ne = { class: "flex flex-col justify-between h-full" }, We = { key: 0 }, $e = { class: "block lg:hidden relative z-40" }, Me = {
1891
+ }), gt = /* @__PURE__ */ H(Ge, [["__scopeId", "data-v-56d20376"]]), He = { class: "flex flex-col justify-between h-full" }, We = { key: 0 }, $e = { class: "block lg:hidden relative z-40" }, Me = {
1796
1892
  key: 0,
1797
1893
  class: "block fixed lg:hidden top-0 right-0 mr-xs mt-xs z-50"
1798
1894
  }, Fe = {
@@ -1808,37 +1904,37 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1808
1904
  },
1809
1905
  emits: ["toggle-drawer"],
1810
1906
  setup(s, { expose: r, emit: e }) {
1811
- const l = s, t = D(), d = e, a = k(!1), o = (c) => {
1907
+ const l = s, t = I(), d = e, a = k(!1), o = (c) => {
1812
1908
  a.value = !a.value, d("toggle-drawer", c, a.value);
1813
- }, i = () => {
1909
+ }, n = () => {
1814
1910
  a.value = !1;
1815
- }, u = V(() => ({ "--header-width": `${l.headerWidth}px` }));
1911
+ }, g = V(() => ({ "--header-width": `${l.headerWidth}px` }));
1816
1912
  return F(() => {
1817
- const c = K(document);
1818
- L(a, (x) => {
1819
- c.value = x;
1913
+ const c = U(document);
1914
+ _(a, (y) => {
1915
+ c.value = y;
1820
1916
  });
1821
1917
  }), r({
1822
- headerClose: i
1823
- }), (c, x) => (g(), h("header", {
1918
+ headerClose: n
1919
+ }), (c, y) => (u(), h("header", {
1824
1920
  class: "relative",
1825
- style: X(u.value)
1921
+ style: X(g.value)
1826
1922
  }, [
1827
- C("nav", {
1828
- class: f(["hidden lg:block lg:sticky lg:top-0 lg:left-0 lg:h-[100vh] py-sm header-desktop overscroll-contain overflow-y-scroll", [R(T)("BGCOLOR", c.bgColor)]])
1923
+ x("nav", {
1924
+ class: f(["hidden lg:block lg:sticky lg:top-0 lg:left-0 lg:h-[100vh] py-sm header-desktop overscroll-contain overflow-y-scroll", [R(w)("BGCOLOR", c.bgColor)]])
1829
1925
  }, [
1830
- C("div", Ne, [
1831
- C("div", null, [
1926
+ x("div", He, [
1927
+ x("div", null, [
1832
1928
  B(c.$slots, "content", {}, void 0, !0)
1833
1929
  ]),
1834
- t["content-bottom"] ? (g(), h("div", We, [
1930
+ t["content-bottom"] ? (u(), h("div", We, [
1835
1931
  B(c.$slots, "content-bottom", {}, void 0, !0)
1836
- ])) : w("", !0)
1932
+ ])) : T("", !0)
1837
1933
  ])
1838
1934
  ], 2),
1839
- (g(), z(de, { to: "body" }, [
1840
- C("div", $e, [
1841
- t["mobile-content"] ? (g(), h("div", Me, [
1935
+ (u(), P(de, { to: "body" }, [
1936
+ x("div", $e, [
1937
+ t["mobile-content"] ? (u(), h("div", Me, [
1842
1938
  S(te, {
1843
1939
  color: c.drawerBtnColor,
1844
1940
  "display-border": c.drawerBtnBorder,
@@ -1847,20 +1943,20 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1847
1943
  toggle: a.value,
1848
1944
  "nav-color": c.bgColor
1849
1945
  }, null, 8, ["color", "display-border", "toggle", "nav-color"])
1850
- ])) : w("", !0),
1851
- S(I, {
1946
+ ])) : T("", !0),
1947
+ S(N, {
1852
1948
  name: "slide-down",
1853
1949
  appear: ""
1854
1950
  }, {
1855
1951
  default: E(() => [
1856
- a.value ? (g(), h("nav", {
1952
+ a.value ? (u(), h("nav", {
1857
1953
  key: 0,
1858
- class: f(["fixed inset-0 overflow-y-scroll overscroll-contain py-lg px-sm", R(T)("BGCOLOR", c.bgColor)])
1954
+ class: f(["fixed inset-0 overflow-y-scroll overscroll-contain py-lg px-sm", R(w)("BGCOLOR", c.bgColor)])
1859
1955
  }, [
1860
- t["mobile-content"] ? (g(), h("div", Fe, [
1861
- B(c.$slots, "mobile-content", { headerClose: i }, void 0, !0)
1862
- ])) : w("", !0)
1863
- ], 2)) : w("", !0)
1956
+ t["mobile-content"] ? (u(), h("div", Fe, [
1957
+ B(c.$slots, "mobile-content", { headerClose: n }, void 0, !0)
1958
+ ])) : T("", !0)
1959
+ ], 2)) : T("", !0)
1864
1960
  ]),
1865
1961
  _: 3
1866
1962
  })
@@ -1868,7 +1964,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1868
1964
  ]))
1869
1965
  ], 4));
1870
1966
  }
1871
- }), ht = /* @__PURE__ */ N(Xe, [["__scopeId", "data-v-c48d5ce1"]]), ze = ["visible"], Pe = {
1967
+ }), ht = /* @__PURE__ */ H(Xe, [["__scopeId", "data-v-c48d5ce1"]]), Pe = ["visible"], ze = {
1872
1968
  key: 0,
1873
1969
  class: "sticky top-0"
1874
1970
  }, Ye = {
@@ -1890,134 +1986,134 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
1890
1986
  },
1891
1987
  emits: ["open", "close"],
1892
1988
  setup(s, { expose: r, emit: e }) {
1893
- const l = s, t = D(), d = e, a = k(), o = k(l.visible), i = k(!1), u = () => {
1989
+ const l = s, t = I(), d = e, a = k(), o = k(l.visible), n = k(!1), g = () => {
1894
1990
  o.value = !o.value;
1895
1991
  }, c = () => {
1896
1992
  o.value = !0;
1897
- }, x = () => {
1898
- i.value === !0 && (o.value = !1);
1993
+ }, y = () => {
1994
+ n.value === !0 && (o.value = !1);
1899
1995
  }, v = () => {
1900
1996
  d("open", !0);
1901
1997
  }, O = () => {
1902
1998
  d("close", !1);
1903
1999
  }, $ = V(() => {
1904
- const y = {
2000
+ const C = {
1905
2001
  top: 25,
1906
2002
  center: 50,
1907
2003
  bottom: 75
1908
- }, { placement: G } = l;
1909
- return { "--vertical-placement": (y[G] ?? y.center) + "%" };
2004
+ }, { placement: D } = l;
2005
+ return { "--vertical-placement": (C[D] ?? C.center) + "%" };
1910
2006
  }), b = V(() => {
1911
- const { modalWidth: y } = l, G = {
1912
- small: "max-w-md",
1913
- medium: "max-w-md md:max-w-xl",
1914
- large: "max-w-md md:max-w-4xl"
2007
+ const { modalWidth: C } = l, D = {
2008
+ small: "max-w-[28rem]",
2009
+ medium: "max-w-[28rem] md:max-w-[36rem]",
2010
+ large: "max-w-[28rem] md:max-w-[56rem]"
1915
2011
  };
1916
- return G[y] ?? G.small;
2012
+ return D[C] ?? D.small;
1917
2013
  }), p = () => {
1918
- i.value = !0;
1919
- }, _ = () => {
1920
- i.value = !1;
2014
+ n.value = !0;
2015
+ }, L = () => {
2016
+ n.value = !1;
1921
2017
  };
1922
- return U(a, (y = !1) => {
1923
- o.value = y;
1924
- }), L(
2018
+ return K(a, (C = !1) => {
2019
+ o.value = C;
2020
+ }), _(
1925
2021
  () => l.visible,
1926
- (y) => {
1927
- o.value = y;
2022
+ (C) => {
2023
+ o.value = C;
1928
2024
  }
1929
- ), L(o, (y) => {
1930
- y === !0 ? v() : y === !1 && i.value === !0 && O();
2025
+ ), _(o, (C) => {
2026
+ C === !0 ? v() : C === !1 && n.value === !0 && O();
1931
2027
  }), F(() => {
1932
- const y = K(document);
1933
- L(o, (G) => {
1934
- y.value = G;
2028
+ const C = U(document);
2029
+ _(o, (D) => {
2030
+ C.value = D;
1935
2031
  });
1936
2032
  }), r({
1937
- toggle: u,
1938
- close: x,
2033
+ toggle: g,
2034
+ close: y,
1939
2035
  open: c
1940
- }), (y, G) => (g(), h("div", {
2036
+ }), (C, D) => (u(), h("div", {
1941
2037
  style: X($.value),
1942
2038
  visible: o.value,
1943
2039
  ref_key: "modalRef",
1944
2040
  ref: a
1945
2041
  }, [
1946
- y.noBackdrop ? w("", !0) : (g(), z(I, {
2042
+ C.noBackdrop ? T("", !0) : (u(), P(N, {
1947
2043
  key: 0,
1948
2044
  name: "fade",
1949
2045
  appear: "",
1950
2046
  tag: "div"
1951
2047
  }, {
1952
2048
  default: E(() => [
1953
- o.value ? (g(), h("section", {
2049
+ o.value ? (u(), h("section", {
1954
2050
  key: 0,
1955
- onClick: x,
1956
- class: f(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", R(T)("BGCOLOR", y.backdropColor)])
1957
- }, null, 2)) : w("", !0)
2051
+ onClick: y,
2052
+ class: f(["fixed inset-0 z-[100] overflow-y-auto bg-opacity-70 backdrop-blur", R(w)("BGCOLOR", C.backdropColor)])
2053
+ }, null, 2)) : T("", !0)
1958
2054
  ]),
1959
2055
  _: 1
1960
2056
  })),
1961
- S(I, {
2057
+ S(N, {
1962
2058
  name: "slide-down",
1963
2059
  tag: "div",
1964
2060
  onAfterEnter: p,
1965
- onAfterLeave: _,
2061
+ onAfterLeave: L,
1966
2062
  appear: ""
1967
2063
  }, {
1968
2064
  default: E(() => [
1969
- o.value ? (g(), h("div", {
2065
+ o.value ? (u(), h("div", {
1970
2066
  key: 0,
1971
- class: f(["vertical-placement fixed w-full z-[110] px-xs", b.value])
2067
+ class: f(["vertical-placement px-xs fixed z-[110] w-full", b.value])
1972
2068
  }, [
1973
- M((g(), h("div", {
1974
- class: f([[R(T)("BGCOLOR", y.color), y.className], "relative overscroll-contain overflow-y-scroll max-h-[80vh] md:max-h-[60vh]"])
2069
+ M((u(), h("div", {
2070
+ class: f([[R(w)("BGCOLOR", C.color), C.className], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"])
1975
2071
  }, [
1976
- y.noHeader ? w("", !0) : (g(), h("div", Pe, [
1977
- B(y.$slots, "header", {
1978
- close: x,
2072
+ C.noHeader ? T("", !0) : (u(), h("div", ze, [
2073
+ B(C.$slots, "header", {
2074
+ close: y,
1979
2075
  status: o.value
1980
2076
  }, () => [
1981
- C("div", {
1982
- class: f(["flex justify-between items-center p-xs border-b-2", R(T)("BGCOLOR", y.color)])
2077
+ x("div", {
2078
+ class: f(["p-xs flex items-center justify-between border-b-2", R(w)("BGCOLOR", C.color)])
1983
2079
  }, [
1984
- y.title ? (g(), h("h3", {
2080
+ C.title ? (u(), h("h3", {
1985
2081
  key: 0,
1986
- class: f(["h3-md", R(T)("TEXTCOLOR", y.titleColor)])
1987
- }, Z(y.title), 3)) : w("", !0),
1988
- C("button", { onClick: x }, [
1989
- (g(), h("svg", {
2082
+ class: f(["h3-md", R(w)("TEXTCOLOR", C.titleColor)])
2083
+ }, Z(C.title), 3)) : T("", !0),
2084
+ x("button", { onClick: y }, [
2085
+ (u(), h("svg", {
1990
2086
  xmlns: "http://www.w3.org/2000/svg",
1991
2087
  height: "1em",
1992
2088
  viewBox: "0 0 384 512",
1993
- class: f(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [R(T)("SVGFILL", y.titleColor)]])
1994
- }, G[0] || (G[0] = [
1995
- C("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
2089
+ class: f(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [R(w)("SVGFILL", C.titleColor)]])
2090
+ }, D[0] || (D[0] = [
2091
+ x("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
1996
2092
  ]), 2))
1997
2093
  ])
1998
2094
  ], 2)
1999
2095
  ], !0)
2000
2096
  ])),
2001
- B(y.$slots, "body", {
2002
- close: x,
2097
+ B(C.$slots, "body", {
2098
+ close: y,
2003
2099
  status: o.value
2004
2100
  }, void 0, !0),
2005
- t.footer ? (g(), h("div", Ye, [
2006
- B(y.$slots, "footer", {
2007
- close: x,
2101
+ t.footer ? (u(), h("div", Ye, [
2102
+ B(C.$slots, "footer", {
2103
+ close: y,
2008
2104
  status: o.value
2009
2105
  }, void 0, !0)
2010
- ])) : w("", !0)
2106
+ ])) : T("", !0)
2011
2107
  ], 2)), [
2012
- [R(q), x]
2108
+ [R(q), y]
2013
2109
  ])
2014
- ], 2)) : w("", !0)
2110
+ ], 2)) : T("", !0)
2015
2111
  ]),
2016
2112
  _: 3
2017
2113
  })
2018
- ], 12, ze));
2114
+ ], 12, Pe));
2019
2115
  }
2020
- }), pt = /* @__PURE__ */ N(je, [["__scopeId", "data-v-37ba23d2"]]), Ke = ["visible"], Ue = { class: "sidebar-body-height" }, qe = /* @__PURE__ */ A({
2116
+ }), pt = /* @__PURE__ */ H(je, [["__scopeId", "data-v-72597478"]]), Ue = ["visible"], Ke = { class: "sidebar-body-height" }, qe = /* @__PURE__ */ A({
2021
2117
  __name: "Sidebar",
2022
2118
  props: {
2023
2119
  title: {},
@@ -2033,7 +2129,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2033
2129
  },
2034
2130
  emits: ["open", "close"],
2035
2131
  setup(s, { expose: r, emit: e }) {
2036
- const l = s, t = D(), d = e, a = k(l.visible), o = k(!1), i = k(), u = k(), c = k(), x = () => {
2132
+ const l = s, t = I(), d = e, a = k(l.visible), o = k(!1), n = k(), g = k(), c = k(), y = () => {
2037
2133
  a.value = !a.value;
2038
2134
  }, v = () => {
2039
2135
  a.value = !0;
@@ -2044,123 +2140,123 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2044
2140
  }, b = () => {
2045
2141
  d("close", !1);
2046
2142
  }, p = V(() => {
2047
- const m = (H) => H && a.value ? `${H.scrollHeight}px` : "0px";
2143
+ const m = (G) => G && a.value ? `${G.scrollHeight}px` : "0px";
2048
2144
  return {
2049
2145
  "--sidebar-width": `${l.width}px`,
2050
- "--header-height": m(u.value),
2146
+ "--header-height": m(g.value),
2051
2147
  "--footer-height": m(c.value)
2052
2148
  };
2053
- }), _ = V(() => l.placement === "left" ? "sidebar-left" : "sidebar-right"), J = () => {
2149
+ }), L = V(() => l.placement === "left" ? "sidebar-left" : "sidebar-right"), J = () => {
2054
2150
  o.value = !0;
2055
- }, y = () => {
2151
+ }, C = () => {
2056
2152
  o.value = !1;
2057
2153
  };
2058
- return U(i, (m = !1) => {
2154
+ return K(n, (m = !1) => {
2059
2155
  a.value = m;
2060
- }), L(
2156
+ }), _(
2061
2157
  () => l.visible,
2062
2158
  (m) => {
2063
2159
  a.value = m;
2064
2160
  }
2065
- ), L(a, (m) => {
2161
+ ), _(a, (m) => {
2066
2162
  m === !0 ? $() : m === !1 && o.value === !0 && b();
2067
2163
  }), F(() => {
2068
- const m = K(document);
2069
- L(a, (H) => {
2070
- m.value = H;
2164
+ const m = U(document);
2165
+ _(a, (G) => {
2166
+ m.value = G;
2071
2167
  });
2072
2168
  }), r({
2073
- toggle: x,
2169
+ toggle: y,
2074
2170
  open: v,
2075
2171
  close: O
2076
- }), (m, H) => (g(), h("div", {
2172
+ }), (m, G) => (u(), h("div", {
2077
2173
  style: X(p.value),
2078
2174
  visible: a.value,
2079
2175
  ref_key: "sidebarRef",
2080
- ref: i
2176
+ ref: n
2081
2177
  }, [
2082
- m.noBackdrop ? w("", !0) : (g(), z(I, {
2178
+ m.noBackdrop ? T("", !0) : (u(), P(N, {
2083
2179
  key: 0,
2084
2180
  name: "fade",
2085
2181
  appear: "",
2086
2182
  tag: "div"
2087
2183
  }, {
2088
2184
  default: E(() => [
2089
- a.value ? (g(), h("section", {
2185
+ a.value ? (u(), h("section", {
2090
2186
  key: 0,
2091
2187
  onClick: O,
2092
- class: f(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", R(T)("BGCOLOR", m.backdropColor)])
2093
- }, null, 2)) : w("", !0)
2188
+ class: f(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", R(w)("BGCOLOR", m.backdropColor)])
2189
+ }, null, 2)) : T("", !0)
2094
2190
  ]),
2095
2191
  _: 1
2096
2192
  })),
2097
- S(I, {
2098
- name: _.value,
2193
+ S(N, {
2194
+ name: L.value,
2099
2195
  onAfterEnter: J,
2100
- onAfterLeave: y,
2196
+ onAfterLeave: C,
2101
2197
  appear: ""
2102
2198
  }, {
2103
2199
  default: E(() => [
2104
- a.value ? M((g(), h("div", {
2200
+ a.value ? M((u(), h("div", {
2105
2201
  key: 0,
2106
2202
  class: f(["sidebar-body fixed h-full overflow-hidden inset-y-0 shadow z-[110]", [m.placement === "left" ? "left-0" : "right-0"]])
2107
2203
  }, [
2108
- C("div", {
2109
- class: f(["relative h-full overscroll-contain overflow-y-scroll", [R(T)("BGCOLOR", m.color), m.className]])
2204
+ x("div", {
2205
+ class: f(["relative h-full overscroll-contain overflow-y-scroll", [R(w)("BGCOLOR", m.color), m.className]])
2110
2206
  }, [
2111
- m.noHeader ? w("", !0) : (g(), h("div", {
2207
+ m.noHeader ? T("", !0) : (u(), h("div", {
2112
2208
  key: 0,
2113
2209
  class: "sticky top-0 z-10",
2114
2210
  ref_key: "headerRef",
2115
- ref: u
2211
+ ref: g
2116
2212
  }, [
2117
2213
  B(m.$slots, "header", {
2118
2214
  close: O,
2119
2215
  status: a.value
2120
2216
  }, () => [
2121
- C("div", {
2122
- class: f(["flex justify-between items-center p-xs", R(T)("BGCOLOR", m.color)])
2217
+ x("div", {
2218
+ class: f(["flex justify-between items-center p-xs", R(w)("BGCOLOR", m.color)])
2123
2219
  }, [
2124
- m.placement === "right" ? (g(), h("button", {
2220
+ m.placement === "right" ? (u(), h("button", {
2125
2221
  key: 0,
2126
2222
  onClick: O
2127
2223
  }, [
2128
- (g(), h("svg", {
2224
+ (u(), h("svg", {
2129
2225
  xmlns: "http://www.w3.org/2000/svg",
2130
2226
  height: "1em",
2131
2227
  viewBox: "0 0 384 512",
2132
- class: f(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [R(T)("SVGFILL", m.titleColor)]])
2133
- }, H[0] || (H[0] = [
2134
- C("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
2228
+ class: f(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [R(w)("SVGFILL", m.titleColor)]])
2229
+ }, G[0] || (G[0] = [
2230
+ x("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
2135
2231
  ]), 2))
2136
- ])) : w("", !0),
2137
- m.title ? (g(), h("h3", {
2232
+ ])) : T("", !0),
2233
+ m.title ? (u(), h("h3", {
2138
2234
  key: 1,
2139
- class: f(["h3-md", R(T)("TEXTCOLOR", m.titleColor)])
2140
- }, Z(m.title), 3)) : w("", !0),
2141
- m.placement === "left" ? (g(), h("button", {
2235
+ class: f(["h3-md", R(w)("TEXTCOLOR", m.titleColor)])
2236
+ }, Z(m.title), 3)) : T("", !0),
2237
+ m.placement === "left" ? (u(), h("button", {
2142
2238
  key: 2,
2143
2239
  onClick: O
2144
2240
  }, [
2145
- (g(), h("svg", {
2241
+ (u(), h("svg", {
2146
2242
  xmlns: "http://www.w3.org/2000/svg",
2147
2243
  height: "1em",
2148
2244
  viewBox: "0 0 384 512",
2149
- class: f(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [R(T)("SVGFILL", m.titleColor)]])
2150
- }, H[1] || (H[1] = [
2151
- C("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
2245
+ class: f(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [R(w)("SVGFILL", m.titleColor)]])
2246
+ }, G[1] || (G[1] = [
2247
+ x("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)
2152
2248
  ]), 2))
2153
- ])) : w("", !0)
2249
+ ])) : T("", !0)
2154
2250
  ], 2)
2155
2251
  ], !0)
2156
2252
  ], 512)),
2157
- C("div", Ue, [
2253
+ x("div", Ke, [
2158
2254
  B(m.$slots, "body", {
2159
2255
  close: O,
2160
2256
  status: a.value
2161
2257
  }, void 0, !0)
2162
2258
  ]),
2163
- t.footer ? (g(), h("div", {
2259
+ t.footer ? (u(), h("div", {
2164
2260
  key: 1,
2165
2261
  class: "sticky bottom-0",
2166
2262
  ref_key: "footerRef",
@@ -2170,17 +2266,17 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2170
2266
  close: O,
2171
2267
  status: a.value
2172
2268
  }, void 0, !0)
2173
- ], 512)) : w("", !0)
2269
+ ], 512)) : T("", !0)
2174
2270
  ], 2)
2175
2271
  ], 2)), [
2176
2272
  [R(q), O]
2177
- ]) : w("", !0)
2273
+ ]) : T("", !0)
2178
2274
  ]),
2179
2275
  _: 3
2180
2276
  }, 8, ["name"])
2181
- ], 12, Ke));
2277
+ ], 12, Ue));
2182
2278
  }
2183
- }), bt = /* @__PURE__ */ N(qe, [["__scopeId", "data-v-048c4fe4"]]), re = Symbol(), Je = { class: "container-hts transition-[max-height] duration-300 grid grid-cols-1 grid-rows-1" }, Qe = /* @__PURE__ */ A({
2279
+ }), bt = /* @__PURE__ */ H(qe, [["__scopeId", "data-v-048c4fe4"]]), re = Symbol(), Je = { class: "container-hts transition-[max-height] duration-300 grid grid-cols-1 grid-rows-1" }, Qe = /* @__PURE__ */ A({
2184
2280
  __name: "TabContainer",
2185
2281
  props: {
2186
2282
  bodyClass: { default: "" },
@@ -2188,49 +2284,49 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2188
2284
  contentContainerClass: { default: "" }
2189
2285
  },
2190
2286
  setup(s, { expose: r }) {
2191
- D();
2287
+ I();
2192
2288
  const e = k(0), l = k(0), t = k("slide-next");
2193
2289
  Y(re, {
2194
2290
  activeTabIdx: e,
2195
2291
  containerHeight: l,
2196
- updateHeight: (i) => {
2197
- l.value = i;
2292
+ updateHeight: (n) => {
2293
+ l.value = n;
2198
2294
  }
2199
2295
  });
2200
- const a = (i) => {
2201
- e.value = i;
2296
+ const a = (n) => {
2297
+ e.value = n;
2202
2298
  }, o = V(() => ({ "--container-hts": `${l.value}px` }));
2203
2299
  return r({
2204
2300
  update: a
2205
- }), L(
2301
+ }), _(
2206
2302
  () => e.value,
2207
- (i, u) => {
2208
- i > u ? t.value = "slide-next" : t.value = "slide-prev";
2303
+ (n, g) => {
2304
+ n > g ? t.value = "slide-next" : t.value = "slide-prev";
2209
2305
  }
2210
- ), (i, u) => (g(), h("div", {
2211
- class: f(i.bodyClass),
2306
+ ), (n, g) => (u(), h("div", {
2307
+ class: f(n.bodyClass),
2212
2308
  style: X(o.value)
2213
2309
  }, [
2214
- C("div", {
2215
- class: f(i.btnContainerClass),
2310
+ x("div", {
2311
+ class: f(n.btnContainerClass),
2216
2312
  role: "tablist"
2217
2313
  }, [
2218
- B(i.$slots, "tab-button", {
2314
+ B(n.$slots, "tab-button", {
2219
2315
  update: a,
2220
2316
  activeTab: e.value
2221
2317
  }, void 0, !0)
2222
2318
  ], 2),
2223
- C("div", {
2224
- class: f(i.contentContainerClass)
2319
+ x("div", {
2320
+ class: f(n.contentContainerClass)
2225
2321
  }, [
2226
- C("div", Je, [
2227
- S(I, { name: t.value }, {
2322
+ x("div", Je, [
2323
+ S(N, { name: t.value }, {
2228
2324
  default: E(() => [
2229
- (g(), h("div", {
2325
+ (u(), h("div", {
2230
2326
  key: e.value,
2231
2327
  class: "col-start-1 col-end-1 row-start-1 row-end-1 relative"
2232
2328
  }, [
2233
- B(i.$slots, "tab-content", {}, void 0, !0)
2329
+ B(n.$slots, "tab-content", {}, void 0, !0)
2234
2330
  ]))
2235
2331
  ]),
2236
2332
  _: 3
@@ -2239,7 +2335,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2239
2335
  ], 2)
2240
2336
  ], 6));
2241
2337
  }
2242
- }), ft = /* @__PURE__ */ N(Qe, [["__scopeId", "data-v-1014eb3f"]]), Ze = ["id"], vt = /* @__PURE__ */ A({
2338
+ }), ft = /* @__PURE__ */ H(Qe, [["__scopeId", "data-v-1014eb3f"]]), Ze = ["id"], vt = /* @__PURE__ */ A({
2243
2339
  __name: "TabContent",
2244
2340
  props: {
2245
2341
  tabNumber: {},
@@ -2250,7 +2346,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2250
2346
  const r = s, { activeTabIdx: e, updateHeight: l } = j(
2251
2347
  re
2252
2348
  ), t = k(null), { height: d } = he(t), a = V(() => e.value === r.tabNumber ? (l(d.value), !0) : !1);
2253
- return (o, i) => M((g(), h("div", {
2349
+ return (o, n) => M((u(), h("div", {
2254
2350
  ref_key: "slotRef",
2255
2351
  ref: t,
2256
2352
  id: o.id,
@@ -2260,7 +2356,7 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2260
2356
  }, [
2261
2357
  B(o.$slots, "default")
2262
2358
  ], 10, Ze)), [
2263
- [P, a.value]
2359
+ [z, a.value]
2264
2360
  ]);
2265
2361
  }
2266
2362
  }), se = Symbol(), et = /* @__PURE__ */ A({
@@ -2273,53 +2369,53 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2273
2369
  loop: { type: Boolean, default: !1 }
2274
2370
  },
2275
2371
  setup(s, { expose: r }) {
2276
- const e = s, l = D(), t = k(0), d = k([]), a = k(0), o = k("slide-next"), i = (v) => {
2372
+ const e = s, l = I(), t = k(0), d = k([]), a = k(0), o = k("slide-next"), n = (v) => {
2277
2373
  d.value.push(v), a.value = [...new Set(d.value)].length;
2278
- }, u = (v) => {
2374
+ }, g = (v) => {
2279
2375
  t.value = v;
2280
2376
  };
2281
2377
  Y(se, {
2282
2378
  activeIdx: t,
2283
- setSlide: i
2379
+ setSlide: n
2284
2380
  });
2285
2381
  const c = () => {
2286
2382
  const { loop: v } = e;
2287
2383
  v && t.value === a.value - 1 ? t.value = 0 : t.value < a.value - 1 && (t.value = t.value + 1);
2288
- }, x = () => {
2384
+ }, y = () => {
2289
2385
  const { loop: v } = e;
2290
2386
  v && t.value === 0 ? t.value = a.value - 1 : t.value > 0 && (t.value = t.value - 1);
2291
2387
  };
2292
- return L(
2388
+ return _(
2293
2389
  () => t.value,
2294
2390
  (v, O) => {
2295
2391
  v > O || v === 0 && O === a.value - 1 ? o.value = "slide-next" : o.value = "slide-prev";
2296
2392
  }
2297
2393
  ), r({
2298
2394
  numberOfSlides: a,
2299
- prev: x,
2395
+ prev: y,
2300
2396
  next: c,
2301
- setActive: u
2302
- }), (v, O) => (g(), h("div", {
2397
+ setActive: g
2398
+ }), (v, O) => (u(), h("div", {
2303
2399
  class: f([v.bodyClass, "relative overflow-x-hidden"])
2304
2400
  }, [
2305
- l["controller-top"] ? (g(), h("div", {
2401
+ l["controller-top"] ? (u(), h("div", {
2306
2402
  key: 0,
2307
2403
  class: f(v.controllerTopClass)
2308
2404
  }, [
2309
2405
  B(v.$slots, "controller-top", {
2310
2406
  next: c,
2311
- prev: x,
2312
- setActive: u,
2407
+ prev: y,
2408
+ setActive: g,
2313
2409
  activeSlide: t.value,
2314
2410
  numberOfSlides: a.value
2315
2411
  }, void 0, !0)
2316
- ], 2)) : w("", !0),
2317
- C("div", {
2412
+ ], 2)) : T("", !0),
2413
+ x("div", {
2318
2414
  class: f(["grid grid-cols-1 grid-rows-1", v.contentContainerClass])
2319
2415
  }, [
2320
- S(I, { name: o.value }, {
2416
+ S(N, { name: o.value }, {
2321
2417
  default: E(() => [
2322
- (g(), h("div", {
2418
+ (u(), h("div", {
2323
2419
  key: t.value,
2324
2420
  class: "col-start-1 col-end-1 row-start-1 row-end-1"
2325
2421
  }, [
@@ -2329,21 +2425,21 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2329
2425
  _: 3
2330
2426
  }, 8, ["name"])
2331
2427
  ], 2),
2332
- l["controller-bottom"] ? (g(), h("div", {
2428
+ l["controller-bottom"] ? (u(), h("div", {
2333
2429
  key: 1,
2334
2430
  class: f(v.controllerBottomClass)
2335
2431
  }, [
2336
2432
  B(v.$slots, "controller-bottom", {
2337
2433
  next: c,
2338
- prev: x,
2339
- setActive: u,
2434
+ prev: y,
2435
+ setActive: g,
2340
2436
  activeSlide: t.value,
2341
2437
  numberOfSlides: a.value
2342
2438
  }, void 0, !0)
2343
- ], 2)) : w("", !0)
2439
+ ], 2)) : T("", !0)
2344
2440
  ], 2));
2345
2441
  }
2346
- }), mt = /* @__PURE__ */ N(et, [["__scopeId", "data-v-05e275d0"]]), tt = ["id"], xt = /* @__PURE__ */ A({
2442
+ }), mt = /* @__PURE__ */ H(et, [["__scopeId", "data-v-05e275d0"]]), tt = ["id"], yt = /* @__PURE__ */ A({
2347
2443
  __name: "CarouselContent",
2348
2444
  props: {
2349
2445
  slideNumber: {},
@@ -2354,12 +2450,12 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2354
2450
  const r = s, { activeIdx: e, setSlide: l } = j(
2355
2451
  se
2356
2452
  ), t = k(null);
2357
- l(r.slideNumber), D();
2453
+ l(r.slideNumber), I();
2358
2454
  const d = V(() => {
2359
2455
  const { slideNumber: a } = r;
2360
2456
  return e.value === a;
2361
2457
  });
2362
- return (a, o) => M((g(), h("div", {
2458
+ return (a, o) => M((u(), h("div", {
2363
2459
  ref_key: "slideRef",
2364
2460
  ref: t,
2365
2461
  id: a.id,
@@ -2369,25 +2465,25 @@ const T = (s, r) => new Ce(s, r).generateClass(), ke = { class: "w-full flex jus
2369
2465
  }, [
2370
2466
  B(a.$slots, "default")
2371
2467
  ], 10, tt)), [
2372
- [P, d.value]
2468
+ [z, d.value]
2373
2469
  ]);
2374
2470
  }
2375
2471
  });
2376
2472
  export {
2377
2473
  lt as Alert,
2378
2474
  mt as CarouselContainer,
2379
- xt as CarouselContent,
2380
- Te as ClientSideRender,
2475
+ yt as CarouselContent,
2476
+ we as ClientSideRender,
2381
2477
  ot as Collapse,
2382
2478
  ct as DropdownContainer,
2383
- gt as DropdownContent,
2384
- ut as HeaderHorizontal,
2479
+ ut as DropdownContent,
2480
+ gt as HeaderHorizontal,
2385
2481
  ht as HeaderVertical,
2386
2482
  pt as Modal,
2387
2483
  bt as Sidebar,
2388
2484
  ft as TabContainer,
2389
2485
  vt as TabContent,
2390
- T as default,
2486
+ w as default,
2391
2487
  q as vClickOutside,
2392
2488
  nt as vCollapse,
2393
2489
  it as vToggle,