@bobbykim/manguito-theme 0.18.0 → 0.19.0

package/dist/core.js

@@ -0,0 +1,2088 @@
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".collapse-enter-active[data-v-0ec18f4b],.collapse-leave-active[data-v-0ec18f4b]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-00060433]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-00060433],.dropdown-content-leave-active[data-v-00060433]{transition:all .3s}.dropdown-content-enter-from[data-v-00060433],.dropdown-content-leave-to[data-v-00060433]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-64909a32]:before,.hamburger__icon[data-v-64909a32]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-64909a32]:before{top:-.5rem}.hamburger__icon[data-v-64909a32]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-64909a32],.hamburger__button:hover .hamburger__icon[data-v-64909a32]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-94939c1a]{transition:height .5s ease-in}.collapse-leave-active[data-v-94939c1a]{transition:height .5s ease-out}.header-desktop[data-v-e2818e18]{width:100%}@media screen and (min-width: 1024px){.header-desktop[data-v-e2818e18]{width:var(--header-width)}}.slide-down-enter-active[data-v-e2818e18],.slide-down-leave-active[data-v-e2818e18]{transition:transform .5s ease-in,opacity .5s ease-in}.slide-down-enter-from[data-v-e2818e18],.slide-down-leave-to[data-v-e2818e18]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-8500b482]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-8500b482],.fade-leave-active[data-v-8500b482]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-8500b482],.fade-leave-to[data-v-8500b482]{opacity:0}.slide-down-enter-active[data-v-8500b482]{animation:slide-down-8500b482 .3s ease}.slide-down-leave-active[data-v-8500b482]{animation:slide-down-8500b482 reverse .3s ease}@keyframes slide-down-8500b482{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-d725bf18]{width:100%}.sidebar-body-height[data-v-d725bf18]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-d725bf18],.fade-leave-active[data-v-d725bf18]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-d725bf18],.fade-leave-to[data-v-d725bf18]{opacity:0}.sidebar-left-enter-active[data-v-d725bf18],.sidebar-left-leave-active[data-v-d725bf18],.sidebar-right-enter-active[data-v-d725bf18],.sidebar-right-leave-active[data-v-d725bf18]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-d725bf18],.sidebar-left-leave-to[data-v-d725bf18]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-d725bf18],.sidebar-right-leave-to[data-v-d725bf18]{transform:translate(100%)}@media screen and (min-width: 768px){.sidebar-body[data-v-d725bf18]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-d725bf18],.sidebar-left-leave-to[data-v-d725bf18]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-d725bf18],.sidebar-right-leave-to[data-v-d725bf18]{transform:translate(var(--sidebar-width))}}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+var Q = Object.defineProperty;
+var Z = (r, d, e) => d in r ? Q(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
+var i = (r, d, e) => (Z(r, typeof d != "symbol" ? d + "" : d, e), e);
+import { defineComponent as E, useSlots as G, ref as R, computed as O, watch as W, openBlock as p, createElementBlock as f, normalizeClass as B, createElementVNode as v, renderSlot as _, createCommentVNode as w, onMounted as j, createVNode as S, unref as y, withCtx as H, Transition as D, withDirectives as $, vShow as M, h as tt, render as z, reactive as et, provide as rt, withKeys as st, inject as at, createBlock as F, normalizeStyle as L, vModelCheckbox as ot, toDisplayString as U, pushScopeId as q, popScopeId as K } from "vue";
+import { useMutationObserver as lt, useWindowSize as it, useWindowScroll as nt } from "@vueuse/core";
+class t {
+}
+// bg color class
+i(t, "bgColor", {
+  primary: "bg-primary",
+  secondary: "bg-secondary",
+  success: "bg-success",
+  danger: "bg-danger",
+  info: "bg-info",
+  warning: "bg-warning",
+  "light-1": "bg-light-1",
+  "light-2": "bg-light-2",
+  "light-3": "bg-light-3",
+  "light-4": "bg-light-4",
+  "dark-1": "bg-dark-1",
+  "dark-2": "bg-dark-2",
+  "dark-3": "bg-dark-3",
+  "dark-4": "bg-dark-4",
+  black: "bg-black",
+  white: "bg-white",
+  transparent: "bg-transparent"
+}), // hover: bg color class
+i(t, "hoverBgColor", {
+  primary: "hover:bg-primary",
+  secondary: "hover:bg-secondary",
+  success: "hover:bg-success",
+  danger: "hover:bg-danger",
+  info: "hover:bg-info",
+  warning: "hover:bg-warning",
+  "light-1": "hover:bg-light-1",
+  "light-2": "hover:bg-light-2",
+  "light-3": "hover:bg-light-3",
+  "light-4": "hover:bg-light-4",
+  "dark-1": "hover:bg-dark-1",
+  "dark-2": "hover:bg-dark-2",
+  "dark-3": "hover:bg-dark-3",
+  "dark-4": "hover:bg-dark-4",
+  black: "hover:bg-black",
+  white: "hover:bg-white",
+  transparent: "hover:bg-transparent"
+}), // focus: bg color class
+i(t, "focusBgColor", {
+  primary: "focus:bg-primary",
+  secondary: "focus:bg-secondary",
+  success: "focus:bg-success",
+  danger: "focus:bg-danger",
+  info: "focus:bg-info",
+  warning: "focus:bg-warning",
+  "light-1": "focus:bg-light-1",
+  "light-2": "focus:bg-light-2",
+  "light-3": "focus:bg-light-3",
+  "light-4": "focus:bg-light-4",
+  "dark-1": "focus:bg-dark-1",
+  "dark-2": "focus:bg-dark-2",
+  "dark-3": "focus:bg-dark-3",
+  "dark-4": "focus:bg-dark-4",
+  black: "focus:bg-black",
+  white: "focus:bg-white",
+  transparent: "focus:bg-transparent"
+}), // ::before bg color class
+i(t, "beforeBgColor", {
+  primary: "before:bg-primary",
+  secondary: "before:bg-secondary",
+  success: "before:bg-success",
+  danger: "before:bg-danger",
+  info: "before:bg-info",
+  warning: "before:bg-warning",
+  "light-1": "before:bg-light-1",
+  "light-2": "before:bg-light-2",
+  "light-3": "before:bg-light-3",
+  "light-4": "before:bg-light-4",
+  "dark-1": "before:bg-dark-1",
+  "dark-2": "before:bg-dark-2",
+  "dark-3": "before:bg-dark-3",
+  "dark-4": "before:bg-dark-4",
+  black: "before:bg-black",
+  white: "before:bg-white",
+  transparent: "before:bg-transparent"
+}), // ::after bg color class
+i(t, "afterBgColor", {
+  primary: "after:bg-primary",
+  secondary: "after:bg-secondary",
+  success: "after:bg-success",
+  danger: "after:bg-danger",
+  info: "after:bg-info",
+  warning: "after:bg-warning",
+  "light-1": "after:bg-light-1",
+  "light-2": "after:bg-light-2",
+  "light-3": "after:bg-light-3",
+  "light-4": "after:bg-light-4",
+  "dark-1": "after:bg-dark-1",
+  "dark-2": "after:bg-dark-2",
+  "dark-3": "after:bg-dark-3",
+  "dark-4": "after:bg-dark-4",
+  black: "after:bg-black",
+  white: "after:bg-white",
+  transparent: "after:bg-transparent"
+}), // active:bg color class
+i(t, "bgActiveColor", {
+  primary: "active:bg-primary",
+  secondary: "active:bg-secondary",
+  success: "active:bg-success",
+  danger: "active:bg-danger",
+  info: "active:bg-info",
+  warning: "active:bg-warning",
+  "light-1": "active:bg-light-1",
+  "light-2": "active:bg-light-2",
+  "light-3": "active:bg-light-3",
+  "light-4": "active:bg-light-4",
+  "dark-1": "active:bg-dark-1",
+  "dark-2": "active:bg-dark-2",
+  "dark-3": "active:bg-dark-3",
+  "dark-4": "active:bg-dark-4",
+  black: "active:bg-black",
+  white: "active:bg-white",
+  transparent: "active:bg-transparent"
+}), // text color class
+i(t, "textColor", {
+  primary: "text-primary",
+  secondary: "text-secondary",
+  success: "text-success",
+  danger: "text-danger",
+  info: "text-info",
+  warning: "text-warning",
+  "light-1": "text-light-1",
+  "light-2": "text-light-2",
+  "light-3": "text-light-3",
+  "light-4": "text-light-4",
+  "dark-1": "text-dark-1",
+  "dark-2": "text-dark-2",
+  "dark-3": "text-dark-3",
+  "dark-4": "text-dark-4",
+  black: "text-black",
+  white: "text-white",
+  transparent: "text-transparent"
+}), // hover text color class
+i(t, "hoverTextColor", {
+  primary: "hover:text-primary",
+  secondary: "hover:text-secondary",
+  success: "hover:text-success",
+  danger: "hover:text-danger",
+  info: "hover:text-info",
+  warning: "hover:text-warning",
+  "light-1": "hover:text-light-1",
+  "light-2": "hover:text-light-2",
+  "light-3": "hover:text-light-3",
+  "light-4": "hover:text-light-4",
+  "dark-1": "hover:text-dark-1",
+  "dark-2": "hover:text-dark-2",
+  "dark-3": "hover:text-dark-3",
+  "dark-4": "hover:text-dark-4",
+  black: "hover:text-black",
+  white: "hover:text-white",
+  transparent: "hover:text-transparent"
+}), // focus text color class
+i(t, "focusTextColor", {
+  primary: "focus:text-primary",
+  secondary: "focus:text-secondary",
+  success: "focus:text-success",
+  danger: "focus:text-danger",
+  info: "focus:text-info",
+  warning: "focus:text-warning",
+  "light-1": "focus:text-light-1",
+  "light-2": "focus:text-light-2",
+  "light-3": "focus:text-light-3",
+  "light-4": "focus:text-light-4",
+  "dark-1": "focus:text-dark-1",
+  "dark-2": "focus:text-dark-2",
+  "dark-3": "focus:text-dark-3",
+  "dark-4": "focus:text-dark-4",
+  black: "focus:text-black",
+  white: "focus:text-white",
+  transparent: "focus:text-transparent"
+}), // disabled text color class
+i(t, "disabledTextColor", {
+  primary: "disabled:text-primary",
+  secondary: "disabled:text-secondary",
+  success: "disabled:text-success",
+  danger: "disabled:text-danger",
+  info: "disabled:text-info",
+  warning: "disabled:text-warning",
+  "light-1": "disabled:text-light-1",
+  "light-2": "disabled:text-light-2",
+  "light-3": "disabled:text-light-3",
+  "light-4": "disabled:text-light-4",
+  "dark-1": "disabled:text-dark-1",
+  "dark-2": "disabled:text-dark-2",
+  "dark-3": "disabled:text-dark-3",
+  "dark-4": "disabled:text-dark-4",
+  black: "disabled:text-black",
+  white: "disabled:text-white",
+  transparent: "disabled:text-transparent"
+}), // SVG fill color class
+i(t, "svgFillColor", {
+  primary: "fill-primary",
+  secondary: "fill-secondary",
+  success: "fill-success",
+  danger: "fill-danger",
+  info: "fill-info",
+  warning: "fill-warning",
+  "light-1": "fill-light-1",
+  "light-2": "fill-light-2",
+  "light-3": "fill-light-3",
+  "light-4": "fill-light-4",
+  "dark-1": "fill-dark-1",
+  "dark-2": "fill-dark-2",
+  "dark-3": "fill-dark-3",
+  "dark-4": "fill-dark-4",
+  black: "fill-black",
+  white: "fill-white",
+  transparent: "fill-transparent"
+}), // ring color class
+i(t, "ringColor", {
+  primary: "ring-primary",
+  secondary: "ring-secondary",
+  success: "ring-success",
+  danger: "ring-danger",
+  info: "ring-info",
+  warning: "ring-warning",
+  "light-1": "ring-light-1",
+  "light-2": "ring-light-2",
+  "light-3": "ring-light-3",
+  "light-4": "ring-light-4",
+  "dark-1": "ring-dark-1",
+  "dark-2": "ring-dark-2",
+  "dark-3": "ring-dark-3",
+  "dark-4": "ring-dark-4",
+  black: "ring-black",
+  white: "ring-white",
+  transparent: "ring-transparent"
+}), // focus:ring color class
+i(t, "ringFocusColor", {
+  primary: "focus:ring-primary",
+  secondary: "focus:ring-secondary",
+  success: "focus:ring-success",
+  danger: "focus:ring-danger",
+  info: "focus:ring-info",
+  warning: "focus:ring-warning",
+  "light-1": "focus:ring-light-1",
+  "light-2": "focus:ring-light-2",
+  "light-3": "focus:ring-light-3",
+  "light-4": "focus:ring-light-4",
+  "dark-1": "focus:ring-dark-1",
+  "dark-2": "focus:ring-dark-2",
+  "dark-3": "focus:ring-dark-3",
+  "dark-4": "focus:ring-dark-4",
+  black: "focus:ring-black",
+  white: "focus:ring-white",
+  transparent: "focus:ring-transparent"
+}), // active:ring color class
+i(t, "ringActiveColor", {
+  primary: "active:ring-primary",
+  secondary: "active:ring-secondary",
+  success: "active:ring-success",
+  danger: "active:ring-danger",
+  info: "active:ring-info",
+  warning: "active:ring-warning",
+  "light-1": "active:ring-light-1",
+  "light-2": "active:ring-light-2",
+  "light-3": "active:ring-light-3",
+  "light-4": "active:ring-light-4",
+  "dark-1": "active:ring-dark-1",
+  "dark-2": "active:ring-dark-2",
+  "dark-3": "active:ring-dark-3",
+  "dark-4": "active:ring-dark-4",
+  black: "active:ring-black",
+  white: "active:ring-white",
+  transparent: "active:ring-transparent"
+}), // ring-offset color class
+i(t, "ringOffsetColor", {
+  primary: "ring-offset-primary",
+  secondary: "ring-offset-secondary",
+  success: "ring-offset-success",
+  danger: "ring-offset-danger",
+  info: "ring-offset-info",
+  warning: "ring-offset-warning",
+  "light-1": "ring-offset-light-1",
+  "light-2": "ring-offset-light-2",
+  "light-3": "ring-offset-light-3",
+  "light-4": "ring-offset-light-4",
+  "dark-1": "ring-offset-dark-1",
+  "dark-2": "ring-offset-dark-2",
+  "dark-3": "ring-offset-dark-3",
+  "dark-4": "ring-offset-dark-4",
+  black: "ring-offset-black",
+  white: "ring-offset-white",
+  transparent: "ring-offset-transparent"
+}), i(t, "dummyColor", {
+  primary: "ring-offset-primary",
+  secondary: "ring-offset-secondary",
+  success: "ring-offset-success",
+  danger: "ring-offset-danger",
+  info: "ring-offset-info",
+  warning: "ring-offset-warning",
+  "light-1": "ring-offset-light-1",
+  "light-2": "ring-offset-light-2",
+  "light-3": "ring-offset-light-3",
+  "light-4": "ring-offset-light-4",
+  "dark-1": "ring-offset-dark-1",
+  "dark-2": "ring-offset-dark-2",
+  "dark-3": "ring-offset-dark-3",
+  "dark-4": "ring-offset-dark-4",
+  black: "ring-offset-black",
+  white: "ring-offset-white",
+  transparent: "ring-offset-transparent"
+}), // btn color class
+i(t, "btnColor", {
+  primary: "btn-primary",
+  secondary: "btn-secondary",
+  success: "btn-success",
+  danger: "btn-danger",
+  info: "btn-info",
+  warning: "btn-warning",
+  "light-1": "btn-light-1",
+  "light-2": "btn-light-2",
+  "light-3": "btn-light-3",
+  "light-4": "btn-light-4",
+  "dark-1": "btn-dark-1",
+  "dark-2": "btn-dark-2",
+  "dark-3": "btn-dark-3",
+  "dark-4": "btn-dark-4",
+  black: "btn-black",
+  white: "btn-white",
+  transparent: "btn-transparent"
+}), // list color class
+i(t, "listColor", {
+  primary: "mcl-list-primary",
+  secondary: "mcl-list-secondary",
+  success: "mcl-list-success",
+  danger: "mcl-list-danger",
+  info: "mcl-list-info",
+  warning: "mcl-list-warning",
+  "light-1": "mcl-list-light-1",
+  "light-2": "mcl-list-light-2",
+  "light-3": "mcl-list-light-3",
+  "light-4": "mcl-list-light-4",
+  "dark-1": "mcl-list-dark-1",
+  "dark-2": "mcl-list-dark-2",
+  "dark-3": "mcl-list-dark-3",
+  "dark-4": "mcl-list-dark-4",
+  black: "mcl-list-black",
+  white: "mcl-list-white",
+  transparent: "mcl-list-transparent"
+}), // h1 class
+i(t, "heading1", {
+  sm: "h1-sm",
+  md: "h1-md",
+  lg: "h1-lg",
+  xl: "h1-xl"
+}), // h2 class
+i(t, "heading2", {
+  sm: "h2-sm",
+  md: "h2-md",
+  lg: "h2-lg",
+  xl: "h2-xl"
+}), // h3 class
+i(t, "heading3", {
+  sm: "h3-sm",
+  md: "h3-md",
+  lg: "h3-lg",
+  xl: "h3-xl"
+}), // h4 class
+i(t, "heading4", {
+  sm: "h4-sm",
+  md: "h4-md",
+  lg: "h4-lg",
+  xl: "h4-xl"
+}), // body text class
+i(t, "bodyText", {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-md",
+  lg: "text-lg",
+  xl: "text-xl"
+}), // font weight class
+i(t, "fontweight", {
+  light: "font-light",
+  normal: "font-normal",
+  bold: "font-bold"
+}), // border color classes
+i(t, "borderColor", {
+  primary: "border-primary",
+  secondary: "border-secondary",
+  success: "border-success",
+  danger: "border-danger",
+  info: "border-info",
+  warning: "border-warning",
+  "light-1": "border-light-1",
+  "light-2": "border-light-2",
+  "light-3": "border-light-3",
+  "light-4": "border-light-4",
+  "dark-1": "border-dark-1",
+  "dark-2": "border-dark-2",
+  "dark-3": "border-dark-3",
+  "dark-4": "border-dark-4",
+  black: "border-black",
+  white: "border-white",
+  transparent: "border-transparent"
+}), i(t, "borderXColor", {
+  primary: "border-x-primary",
+  secondary: "border-x-secondary",
+  success: "border-x-success",
+  danger: "border-x-danger",
+  info: "border-x-info",
+  warning: "border-x-warning",
+  "light-1": "border-x-light-1",
+  "light-2": "border-x-light-2",
+  "light-3": "border-x-light-3",
+  "light-4": "border-x-light-4",
+  "dark-1": "border-x-dark-1",
+  "dark-2": "border-x-dark-2",
+  "dark-3": "border-x-dark-3",
+  "dark-4": "border-x-dark-4",
+  black: "border-x-black",
+  white: "border-x-white",
+  transparent: "border-x-transparent"
+}), i(t, "borderYColor", {
+  primary: "border-y-primary",
+  secondary: "border-y-secondary",
+  success: "border-y-success",
+  danger: "border-y-danger",
+  info: "border-y-info",
+  warning: "border-y-warning",
+  "light-1": "border-y-light-1",
+  "light-2": "border-y-light-2",
+  "light-3": "border-y-light-3",
+  "light-4": "border-y-light-4",
+  "dark-1": "border-y-dark-1",
+  "dark-2": "border-y-dark-2",
+  "dark-3": "border-y-dark-3",
+  "dark-4": "border-y-dark-4",
+  black: "border-y-black",
+  white: "border-y-white",
+  transparent: "border-y-transparent"
+}), i(t, "borderTopColor", {
+  primary: "border-t-primary",
+  secondary: "border-t-secondary",
+  success: "border-t-success",
+  danger: "border-t-danger",
+  info: "border-t-info",
+  warning: "border-t-warning",
+  "light-1": "border-t-light-1",
+  "light-2": "border-t-light-2",
+  "light-3": "border-t-light-3",
+  "light-4": "border-t-light-4",
+  "dark-1": "border-t-dark-1",
+  "dark-2": "border-t-dark-2",
+  "dark-3": "border-t-dark-3",
+  "dark-4": "border-t-dark-4",
+  black: "border-t-black",
+  white: "border-t-white",
+  transparent: "border-t-transparent"
+}), i(t, "borderBottomColor", {
+  primary: "border-b-primary",
+  secondary: "border-b-secondary",
+  success: "border-b-success",
+  danger: "border-b-danger",
+  info: "border-b-info",
+  warning: "border-b-warning",
+  "light-1": "border-b-light-1",
+  "light-2": "border-b-light-2",
+  "light-3": "border-b-light-3",
+  "light-4": "border-b-light-4",
+  "dark-1": "border-b-dark-1",
+  "dark-2": "border-b-dark-2",
+  "dark-3": "border-b-dark-3",
+  "dark-4": "border-b-dark-4",
+  black: "border-b-black",
+  white: "border-b-white",
+  transparent: "border-b-transparent"
+}), i(t, "borderLeftColor", {
+  primary: "border-l-primary",
+  secondary: "border-l-secondary",
+  success: "border-l-success",
+  danger: "border-l-danger",
+  info: "border-l-info",
+  warning: "border-l-warning",
+  "light-1": "border-l-light-1",
+  "light-2": "border-l-light-2",
+  "light-3": "border-l-light-3",
+  "light-4": "border-l-light-4",
+  "dark-1": "border-l-dark-1",
+  "dark-2": "border-l-dark-2",
+  "dark-3": "border-l-dark-3",
+  "dark-4": "border-l-dark-4",
+  black: "border-l-black",
+  white: "border-l-white",
+  transparent: "border-l-transparent"
+}), i(t, "borderRightColor", {
+  primary: "border-r-primary",
+  secondary: "border-r-secondary",
+  success: "border-r-success",
+  danger: "border-r-danger",
+  info: "border-r-info",
+  warning: "border-r-warning",
+  "light-1": "border-r-light-1",
+  "light-2": "border-r-light-2",
+  "light-3": "border-r-light-3",
+  "light-4": "border-r-light-4",
+  "dark-1": "border-r-dark-1",
+  "dark-2": "border-r-dark-2",
+  "dark-3": "border-r-dark-3",
+  "dark-4": "border-r-dark-4",
+  black: "border-r-black",
+  white: "border-r-white",
+  transparent: "border-r-transparent"
+}), // Border width class
+i(t, "borderWidth", {
+  1: "border-[1px]",
+  2: "border-[2px]",
+  3: "border-[3px]",
+  4: "border-[4px]",
+  5: "border-[5px]",
+  6: "border-[6px]",
+  7: "border-[7px]",
+  8: "border-[8px]",
+  9: "border-[9px]",
+  10: "border-[10px]",
+  11: "border-[11px]",
+  12: "border-[12px]"
+}), i(t, "borderXWidth", {
+  1: "border-x-[1px]",
+  2: "border-x-[2px]",
+  3: "border-x-[3px]",
+  4: "border-x-[4px]",
+  5: "border-x-[5px]",
+  6: "border-x-[6px]",
+  7: "border-x-[7px]",
+  8: "border-x-[8px]",
+  9: "border-x-[9px]",
+  10: "border-x-[10px]",
+  11: "border-x-[11px]",
+  12: "border-x-[12px]"
+}), i(t, "borderYWidth", {
+  1: "border-y-[1px]",
+  2: "border-y-[2px]",
+  3: "border-y-[3px]",
+  4: "border-y-[4px]",
+  5: "border-y-[5px]",
+  6: "border-y-[6px]",
+  7: "border-y-[7px]",
+  8: "border-y-[8px]",
+  9: "border-y-[9px]",
+  10: "border-y-[10px]",
+  11: "border-y-[11px]",
+  12: "border-y-[12px]"
+}), i(t, "borderTopWidth", {
+  1: "border-t-[1px]",
+  2: "border-t-[2px]",
+  3: "border-t-[3px]",
+  4: "border-t-[4px]",
+  5: "border-t-[5px]",
+  6: "border-t-[6px]",
+  7: "border-t-[7px]",
+  8: "border-t-[8px]",
+  9: "border-t-[9px]",
+  10: "border-t-[10px]",
+  11: "border-t-[11px]",
+  12: "border-t-[12px]"
+}), i(t, "borderBottomWidth", {
+  1: "border-b-[1px]",
+  2: "border-b-[2px]",
+  3: "border-b-[3px]",
+  4: "border-b-[4px]",
+  5: "border-b-[5px]",
+  6: "border-b-[6px]",
+  7: "border-b-[7px]",
+  8: "border-b-[8px]",
+  9: "border-b-[9px]",
+  10: "border-b-[10px]",
+  11: "border-b-[11px]",
+  12: "border-b-[12px]"
+}), i(t, "borderLeftWidth", {
+  1: "border-l-[1px]",
+  2: "border-l-[2px]",
+  3: "border-l-[3px]",
+  4: "border-l-[4px]",
+  5: "border-l-[5px]",
+  6: "border-l-[6px]",
+  7: "border-l-[7px]",
+  8: "border-l-[8px]",
+  9: "border-l-[9px]",
+  10: "border-l-[10px]",
+  11: "border-l-[11px]",
+  12: "border-l-[12px]"
+}), i(t, "borderRightWidth", {
+  1: "border-r-[1px]",
+  2: "border-r-[2px]",
+  3: "border-r-[3px]",
+  4: "border-r-[4px]",
+  5: "border-r-[5px]",
+  6: "border-r-[6px]",
+  7: "border-r-[7px]",
+  8: "border-r-[8px]",
+  9: "border-r-[9px]",
+  10: "border-r-[10px]",
+  11: "border-r-[11px]",
+  12: "border-r-[12px]"
+}), // opacity
+i(t, "backgroundOpacity", {
+  10: "bg-opacity-10",
+  20: "bg-opacity-20",
+  30: "bg-opacity-30",
+  40: "bg-opacity-40",
+  50: "bg-opacity-50",
+  60: "bg-opacity-60",
+  70: "bg-opacity-70",
+  80: "bg-opacity-80",
+  90: "bg-opacity-90",
+  100: "bg-opacity-100"
+}), i(t, "opacity", {
+  10: "opacity-10",
+  20: "opacity-20",
+  30: "opacity-30",
+  40: "opacity-40",
+  50: "opacity-50",
+  60: "opacity-60",
+  70: "opacity-70",
+  80: "opacity-80",
+  90: "opacity-90",
+  100: "opacity-100"
+}), // spacing: margin
+i(t, "margin", {
+  0: "m-0",
+  "3xs": "m-3xs",
+  "2xs": "m-2xs",
+  xs: "m-xs",
+  sm: "m-sm",
+  md: "m-md",
+  lg: "m-lg",
+  xl: "m-xl",
+  "2xl": "m-2xl",
+  "3xl": "m-3xl"
+}), i(t, "marginX", {
+  0: "mx-0",
+  "3xs": "mx-3xs",
+  "2xs": "mx-2xs",
+  xs: "mx-xs",
+  sm: "mx-sm",
+  md: "mx-md",
+  lg: "mx-lg",
+  xl: "mx-xl",
+  "2xl": "mx-2xl",
+  "3xl": "mx-3xl"
+}), i(t, "marginY", {
+  0: "my-0",
+  "3xs": "my-3xs",
+  "2xs": "my-2xs",
+  xs: "my-xs",
+  sm: "my-sm",
+  md: "my-md",
+  lg: "my-lg",
+  xl: "my-xl",
+  "2xl": "my-2xl",
+  "3xl": "my-3xl"
+}), i(t, "marginTop", {
+  0: "mt-0",
+  "3xs": "mt-3xs",
+  "2xs": "mt-2xs",
+  xs: "mt-xs",
+  sm: "mt-sm",
+  md: "mt-md",
+  lg: "mt-lg",
+  xl: "mt-xl",
+  "2xl": "mt-2xl",
+  "3xl": "mt-3xl"
+}), i(t, "marginBottom", {
+  0: "mb-0",
+  "3xs": "mb-3xs",
+  "2xs": "mb-2xs",
+  xs: "mb-xs",
+  sm: "mb-sm",
+  md: "mb-md",
+  lg: "mb-lg",
+  xl: "mb-xl",
+  "2xl": "mb-2xl",
+  "3xl": "mb-3xl"
+}), i(t, "marginLeft", {
+  0: "ml-0",
+  "3xs": "ml-3xs",
+  "2xs": "ml-2xs",
+  xs: "ml-xs",
+  sm: "ml-sm",
+  md: "ml-md",
+  lg: "ml-lg",
+  xl: "ml-xl",
+  "2xl": "ml-2xl",
+  "3xl": "ml-3xl"
+}), i(t, "marginRight", {
+  0: "mr-0",
+  "3xs": "mr-3xs",
+  "2xs": "mr-2xs",
+  xs: "mr-xs",
+  sm: "mr-sm",
+  md: "mr-md",
+  lg: "mr-lg",
+  xl: "mr-xl",
+  "2xl": "mr-2xl",
+  "3xl": "mr-3xl"
+}), // spacing: padding
+i(t, "padding", {
+  0: "p-0",
+  "3xs": "p-3xs",
+  "2xs": "p-2xs",
+  xs: "p-xs",
+  sm: "p-sm",
+  md: "p-md",
+  lg: "p-lg",
+  xl: "p-xl",
+  "2xl": "p-2xl",
+  "3xl": "p-3xl"
+}), i(t, "paddingX", {
+  0: "px-0",
+  "3xs": "px-3xs",
+  "2xs": "px-2xs",
+  xs: "px-xs",
+  sm: "px-sm",
+  md: "px-md",
+  lg: "px-lg",
+  xl: "px-xl",
+  "2xl": "px-2xl",
+  "3xl": "px-3xl"
+}), i(t, "paddingY", {
+  0: "py-0",
+  "3xs": "py-3xs",
+  "2xs": "py-2xs",
+  xs: "py-xs",
+  sm: "py-sm",
+  md: "py-md",
+  lg: "py-lg",
+  xl: "py-xl",
+  "2xl": "py-2xl",
+  "3xl": "py-3xl"
+}), i(t, "paddingTop", {
+  0: "pt-0",
+  "3xs": "pt-3xs",
+  "2xs": "pt-2xs",
+  xs: "pt-xs",
+  sm: "pt-sm",
+  md: "pt-md",
+  lg: "pt-lg",
+  xl: "pt-xl",
+  "2xl": "pt-2xl",
+  "3xl": "pt-3xl"
+}), i(t, "paddingBottom", {
+  0: "pb-0",
+  "3xs": "pb-3xs",
+  "2xs": "pb-2xs",
+  xs: "pb-xs",
+  sm: "pb-sm",
+  md: "pb-md",
+  lg: "pb-lg",
+  xl: "pb-xl",
+  "2xl": "pb-2xl",
+  "3xl": "pb-3xl"
+}), i(t, "paddingLeft", {
+  0: "pl-0",
+  "3xs": "pl-3xs",
+  "2xs": "pl-2xs",
+  xs: "pl-xs",
+  sm: "pl-sm",
+  md: "pl-md",
+  lg: "pl-lg",
+  xl: "pl-xl",
+  "2xl": "pl-2xl",
+  "3xl": "pl-3xl"
+}), i(t, "paddingRight", {
+  0: "pr-0",
+  "3xs": "pr-3xs",
+  "2xs": "pr-2xs",
+  xs: "pr-xs",
+  sm: "pr-sm",
+  md: "pr-md",
+  lg: "pr-lg",
+  xl: "pr-xl",
+  "2xl": "pr-2xl",
+  "3xl": "pr-3xl"
+}), // spacing gap class for flex/grid
+i(t, "gap", {
+  0: "gap-0",
+  "3xs": "gap-3xs",
+  "2xs": "gap-2xs",
+  xs: "gap-xs",
+  sm: "gap-sm",
+  md: "gap-md",
+  lg: "gap-lg",
+  xl: "gap-xl",
+  "2xl": "gap-2xl",
+  "3xl": "gap-3xl"
+}), // text alignment
+i(t, "textAlign", {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+});
+const dt = [
+  "BGCOLOR",
+  "BEFOREBG",
+  "AFTERBG",
+  "HVBGCOLOR",
+  "FCBGCOLOR",
+  "ACTIVEBG",
+  "TEXTCOLOR",
+  "HVTEXTCOLOR",
+  "FCTEXTCOLOR",
+  "DISABLEDTEXTCOLOR",
+  "SVGFILL",
+  "RINGCOLOR",
+  "FOCUSRING",
+  "ACTIVERING",
+  "OFFSETRING",
+  "DUMMYCOLOR",
+  "BTNCOLOR",
+  "LISTCOLOR",
+  "BORDER",
+  "BORDERX",
+  "BORDERY",
+  "BORDERT",
+  "BORDERB",
+  "BORDERL",
+  "BORDERR"
+], ct = [
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "BODYTEXT",
+  "FONTWEIGHT",
+  "TEXTALIGN"
+], gt = [
+  "BORDERW",
+  "BORDERXW",
+  "BORDERYW",
+  "BORDERTW",
+  "BORDERBW",
+  "BORDERLW",
+  "BORDERRW"
+], ut = ["BGOPACITY", "OPACITY"];
+class ht extends t {
+  constructor(e, s) {
+    super();
+    i(this, "classType");
+    i(this, "classValue");
+    this.classType = e, this.classValue = s;
+  }
+  // handle color classes types
+  generateColorClass() {
+    switch (this.classType) {
+      case "BGCOLOR":
+        return this.getBgColorClass();
+      case "HVBGCOLOR":
+        return this.getHoverBgColorClass();
+      case "FCBGCOLOR":
+        return this.getFocusBgColorClass();
+      case "BEFOREBG":
+        return this.getBeforeBgColorClass();
+      case "AFTERBG":
+        return this.getAfterBgColorClass();
+      case "ACTIVEBG":
+        return this.getActiveBgColorClass();
+      case "TEXTCOLOR":
+        return this.getTextColorClass();
+      case "HVTEXTCOLOR":
+        return this.getHoverTextColorClass();
+      case "FCTEXTCOLOR":
+        return this.getFocusTextColorClass();
+      case "DISABLEDTEXTCOLOR":
+        return this.getDisabledTextColorClass();
+      case "SVGFILL":
+        return this.getSvgFillColorClass();
+      case "RINGCOLOR":
+        return this.getRingColorClass();
+      case "FOCUSRING":
+        return this.getFocusRingColorClass();
+      case "ACTIVERING":
+        return this.getActiveRingColorClass();
+      case "OFFSETRING":
+        return this.getRingOffsetColorClass();
+      case "BTNCOLOR":
+        return this.getBtnColorClass();
+      case "LISTCOLOR":
+        return this.getRingColorClass();
+      case "BORDER":
+        return this.getBorderColorClass();
+      case "BORDERX":
+        return this.getBorderXColorClass();
+      case "BORDERY":
+        return this.getBorderYColorClass();
+      case "BORDERT":
+        return this.getBorderTopColorClass();
+      case "BORDERB":
+        return this.getBorderBottomColorClass();
+      case "BORDERL":
+        return this.getBorderLeftColorClass();
+      case "BORDERR":
+        return this.getBorderRightColorClass();
+      default:
+        return " ";
+    }
+  }
+  // handle text class types
+  generateTextClass() {
+    switch (this.classType) {
+      case "H1":
+        return this.getH1Class();
+      case "H2":
+        return this.getH2Class();
+      case "H3":
+        return this.getH3Class();
+      case "H4":
+        return this.getH4Class();
+      case "BODYTEXT":
+        return this.getBodyTextSizeClass();
+      case "FONTWEIGHT":
+        return this.getFontWeightClass();
+      case "TEXTALIGN":
+        return this.getTextAlignClass();
+      default:
+        return " ";
+    }
+  }
+  // handle border width class types
+  generateBorderWidthClass() {
+    switch (this.classType) {
+      case "BORDERW":
+        return this.getBorderWidthClass();
+      case "BORDERXW":
+        return this.getBorderXWidthClass();
+      case "BORDERYW":
+        return this.getBorderYWidthClass();
+      case "BORDERTW":
+        return this.getBorderTopWidthClass();
+      case "BORDERBW":
+        return this.getBorderBottomWidthClass();
+      case "BORDERLW":
+        return this.getBorderLeftWidthClass();
+      case "BORDERRW":
+        return this.getBorderWidthClass();
+      default:
+        return " ";
+    }
+  }
+  generateScaleClass() {
+    switch (this.classType) {
+      case "OPACITY":
+        return this.getOpacityClass();
+      case "BGOPACITY":
+        return this.getBgOpacityClass();
+      default:
+        return " ";
+    }
+  }
+  generateSpacingClass() {
+    switch (this.classType) {
+      case "MARGIN":
+        return this.getMarginClass();
+      case "MARGINX":
+        return this.getMarginXClass();
+      case "MARGINY":
+        return this.getMarginYClass();
+      case "MARGINT":
+        return this.getMarginTopClass();
+      case "MARGINB":
+        return this.getMarginBottomClass();
+      case "MARGINL":
+        return this.getMarginLeftClass();
+      case "MARGINR":
+        return this.getMarginRightClass();
+      case "PADDING":
+        return this.getPaddingClass();
+      case "PADDINGX":
+        return this.getPaddingXClass();
+      case "PADDINGY":
+        return this.getPaddingYClass();
+      case "PADDINGT":
+        return this.getPaddingTopClass();
+      case "PADDINGB":
+        return this.getPaddingBottomClass();
+      case "PADDINGL":
+        return this.getPaddingLeftClass();
+      case "PADDINGR":
+        return this.getPaddingRightClass();
+      case "GAP":
+        return this.getGapClass();
+      default:
+        return " ";
+    }
+  }
+  // handle color class
+  // bg color
+  getBgColorClass() {
+    return this.validateColorType ? t.bgColor[this.classValue] : " ";
+  }
+  getHoverBgColorClass() {
+    return this.validateColorType ? t.hoverBgColor[this.classValue] : " ";
+  }
+  getFocusBgColorClass() {
+    return this.validateColorType ? t.focusBgColor[this.classValue] : " ";
+  }
+  getBeforeBgColorClass() {
+    return this.validateColorType ? t.beforeBgColor[this.classValue] : " ";
+  }
+  getAfterBgColorClass() {
+    return this.validateColorType ? t.afterBgColor[this.classValue] : " ";
+  }
+  getActiveBgColorClass() {
+    return this.validateColorType ? t.bgActiveColor[this.classValue] : " ";
+  }
+  // text color
+  getTextColorClass() {
+    return this.validateColorType ? t.textColor[this.classValue] : " ";
+  }
+  getHoverTextColorClass() {
+    return this.validateColorType ? t.hoverTextColor[this.classValue] : " ";
+  }
+  getFocusTextColorClass() {
+    return this.validateColorType ? t.focusTextColor[this.classValue] : " ";
+  }
+  getDisabledTextColorClass() {
+    return this.validateColorType ? t.disabledTextColor[this.classValue] : " ";
+  }
+  // svg color
+  getSvgFillColorClass() {
+    return this.validateColorType ? t.svgFillColor[this.classValue] : " ";
+  }
+  // ring color
+  getRingColorClass() {
+    return this.validateColorType ? t.ringColor[this.classValue] : " ";
+  }
+  getFocusRingColorClass() {
+    return this.validateColorType ? t.ringFocusColor[this.classValue] : " ";
+  }
+  getActiveRingColorClass() {
+    return this.validateColorType ? t.ringActiveColor[this.classValue] : " ";
+  }
+  getRingOffsetColorClass() {
+    return this.validateColorType ? t.ringOffsetColor[this.classValue] : " ";
+  }
+  // btn & list
+  getBtnColorClass() {
+    return this.validateColorType ? t.btnColor[this.classValue] : " ";
+  }
+  getListColorClass() {
+    return this.validateColorType ? t.listColor[this.classValue] : " ";
+  }
+  // border color
+  getBorderColorClass() {
+    return this.validateColorType ? t.borderColor[this.classValue] : " ";
+  }
+  getBorderXColorClass() {
+    return this.validateColorType ? t.borderXColor[this.classValue] : " ";
+  }
+  getBorderYColorClass() {
+    return this.validateColorType ? t.borderYColor[this.classValue] : " ";
+  }
+  getBorderTopColorClass() {
+    return this.validateColorType ? t.borderTopColor[this.classValue] : " ";
+  }
+  getBorderBottomColorClass() {
+    return this.validateColorType ? t.borderBottomColor[this.classValue] : " ";
+  }
+  getBorderLeftColorClass() {
+    return this.validateColorType ? t.borderLeftColor[this.classValue] : " ";
+  }
+  getBorderRightColorClass() {
+    return this.validateColorType ? t.borderRightColor[this.classValue] : " ";
+  }
+  // handle heading classes
+  getH1Class() {
+    return this.validateHeadingTextSizeType ? t.heading1[this.classValue] : " ";
+  }
+  getH2Class() {
+    return this.validateHeadingTextSizeType ? t.heading2[this.classValue] : " ";
+  }
+  getH3Class() {
+    return this.validateHeadingTextSizeType ? t.heading3[this.classValue] : " ";
+  }
+  getH4Class() {
+    return this.validateHeadingTextSizeType ? t.heading4[this.classValue] : " ";
+  }
+  // handle body text size classes
+  getBodyTextSizeClass() {
+    return this.validateBodyTextSizeType ? t.bodyText[this.classValue] : " ";
+  }
+  // handle font weight classes
+  getFontWeightClass() {
+    return this.validateFontWeightType ? t.fontweight[this.classValue] : " ";
+  }
+  // handle text align classes
+  getTextAlignClass() {
+    return t.textAlign[this.classValue];
+  }
+  // handle border width classes
+  getBorderWidthClass() {
+    return this.validateRangeType ? t.borderWidth[this.classValue] : " ";
+  }
+  getBorderXWidthClass() {
+    return this.validateRangeType ? t.borderXWidth[this.classValue] : " ";
+  }
+  getBorderYWidthClass() {
+    return this.validateRangeType ? t.borderYWidth[this.classValue] : " ";
+  }
+  getBorderTopWidthClass() {
+    return this.validateRangeType ? t.borderTopWidth[this.classValue] : " ";
+  }
+  getBorderBottomWidthClass() {
+    return this.validateRangeType ? t.borderBottomWidth[this.classValue] : " ";
+  }
+  getBorderLeftWidthClass() {
+    return this.validateRangeType ? t.borderLeftWidth[this.classValue] : " ";
+  }
+  getBorderRightWidthClass() {
+    return this.validateRangeType ? t.borderRightWidth[this.classValue] : " ";
+  }
+  // handle opacity classes
+  getOpacityClass() {
+    return this.validateOpacityType ? t.opacity[this.classValue] : " ";
+  }
+  getBgOpacityClass() {
+    return this.validateOpacityType ? t.backgroundOpacity[this.classValue] : " ";
+  }
+  // handle spacing classes
+  // margins
+  getMarginClass() {
+    return this.validateSpaceType ? t.margin[this.classValue] : " ";
+  }
+  getMarginXClass() {
+    return this.validateSpaceType ? t.marginX[this.classValue] : " ";
+  }
+  getMarginYClass() {
+    return this.validateSpaceType ? t.marginY[this.classValue] : " ";
+  }
+  getMarginTopClass() {
+    return this.validateSpaceType ? t.marginTop[this.classValue] : " ";
+  }
+  getMarginBottomClass() {
+    return this.validateSpaceType ? t.marginBottom[this.classValue] : " ";
+  }
+  getMarginLeftClass() {
+    return this.validateSpaceType ? t.marginLeft[this.classValue] : " ";
+  }
+  getMarginRightClass() {
+    return this.validateSpaceType ? t.marginRight[this.classValue] : " ";
+  }
+  // padding
+  getPaddingClass() {
+    return this.validateSpaceType ? t.padding[this.classValue] : " ";
+  }
+  getPaddingXClass() {
+    return this.validateSpaceType ? t.paddingX[this.classValue] : " ";
+  }
+  getPaddingYClass() {
+    return this.validateSpaceType ? t.paddingY[this.classValue] : " ";
+  }
+  getPaddingTopClass() {
+    return this.validateSpaceType ? t.paddingTop[this.classValue] : " ";
+  }
+  getPaddingBottomClass() {
+    return this.validateSpaceType ? t.paddingBottom[this.classValue] : " ";
+  }
+  getPaddingLeftClass() {
+    return this.validateSpaceType ? t.paddingLeft[this.classValue] : " ";
+  }
+  getPaddingRightClass() {
+    return this.validateSpaceType ? t.paddingRight[this.classValue] : " ";
+  }
+  // gap
+  getGapClass() {
+    return this.validateSpaceType ? t.gap[this.classValue] : " ";
+  }
+  // input validation
+  validateColorType() {
+    const e = /(primary|secondary|success|info|warning|danger|light-1|light-2|light-3|light-4|dark-1|dark-2|dark-3|dark-4|black|white|transparent)/;
+    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+  }
+  validateSpaceType() {
+    const e = /(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/;
+    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+  }
+  validateHeadingTextSizeType() {
+    const e = /(sm|md|lg|xl)/;
+    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+  }
+  validateBodyTextSizeType() {
+    const e = /(xs|sm|md|lg|xl)/;
+    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+  }
+  validateFontWeightType() {
+    const e = /(light|normal|bold)/;
+    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+  }
+  validateOpacityType() {
+    const e = /\b(0|[1-9]0|100)\b/;
+    return typeof this.classValue != "number" ? !1 : e.test(this.classValue.toString());
+  }
+  validateRangeType() {
+    const e = /\b([1-9]|1[0-2])\b/;
+    return typeof this.classValue != "number" ? !1 : e.test(this.classValue.toString());
+  }
+  validateAlignment() {
+    const e = /(left|center|right)/;
+    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+  }
+  dummyMethod() {
+    return this.getRingOffsetColorClass();
+  }
+}
+const m = (r, d) => {
+  const e = new ht(r, d);
+  return dt.includes(r) ? e.generateColorClass() : ct.includes(r) ? e.generateTextClass() : gt.includes(r) ? e.generateBorderWidthClass() : ut.includes(r) ? e.generateScaleClass() : e.generateSpacingClass();
+}, pt = { class: "w-full flex justify-between gap-2xs" }, bt = { class: "w-full" }, ft = /* @__PURE__ */ v("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 384 512",
+  fill: "currentColor",
+  class: "h-xs"
+}, [
+  /* @__PURE__ */ v("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" })
+], -1), xt = [
+  ft
+], ae = /* @__PURE__ */ E({
+  __name: "Alert",
+  props: {
+    color: { default: "danger" },
+    rounded: { type: Boolean, default: !0 },
+    shadow: { type: Boolean, default: !0 },
+    show: { type: Boolean, default: !1 },
+    dismissible: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(r, { expose: d, emit: e }) {
+    const s = r;
+    G();
+    const o = e, c = R(s.show), a = O(() => {
+      const { color: u, rounded: h, shadow: k } = s, V = [m("BGCOLOR", u)];
+      return h && V.push("rounded-md"), k && V.push("drop-shadow-md"), V.join(" ");
+    }), l = (u) => {
+      c.value = !1, o("close", u);
+    }, n = () => {
+      c.value = !1;
+    };
+    return W(
+      () => s.show,
+      (u) => {
+        c.value = u;
+      }
+    ), d({
+      close: n
+    }), (u, h) => c.value ? (p(), f("div", {
+      key: 0,
+      role: "alert",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      class: B(["py-[0.75rem] px-[1.25rem] relative", [a.value]])
+    }, [
+      v("div", pt, [
+        v("div", bt, [
+          _(u.$slots, "default")
+        ]),
+        u.dismissible ? (p(), f("button", {
+          key: 0,
+          onClick: l,
+          class: "flex items-center opacity-60 hover:opacity-40 transition-opacity duration-300 ease-linear"
+        }, xt)) : w("", !0)
+      ])
+    ], 2)) : w("", !0);
+  }
+}), X = (r, d) => lt(
+  r,
+  (e) => {
+    let s = !1;
+    for (let o = 0; o < e.length && !s; o++) {
+      const c = e[o], a = c.type, l = c.attributeName, n = c.target;
+      if ((a === "attributes" || l === "visible") && (s = !0), s) {
+        const u = n.getAttribute("visible") === "true";
+        d(u);
+      }
+    }
+  },
+  { attributes: !0 }
+), vt = E({
+  setup(r, { slots: d }) {
+    const e = R(!1);
+    return j(() => {
+      e.value = !0;
+    }), () => e.value && d.default ? d.default() : null;
+  }
+}), yt = ["accordion", "visible"], mt = /* @__PURE__ */ E({
+  __name: "Collapse",
+  props: {
+    accordion: {},
+    className: { default: "" },
+    visible: { type: Boolean, default: !1 }
+  },
+  emits: ["open", "close"],
+  setup(r, { expose: d, emit: e }) {
+    const s = r;
+    G();
+    const o = e, c = R(), a = R(s.visible), l = () => {
+      a.value = !a.value;
+    }, n = () => {
+      a.value = !0;
+    }, u = () => {
+      a.value = !1;
+    }, h = () => {
+      o("open", !0);
+    }, k = () => {
+      o("close", !1);
+    }, V = (g) => {
+      g.style.height = "auto", g.style.opacity = "0";
+      const A = getComputedStyle(g).height;
+      g.style.height = "0px", g.offsetHeight, g.style.height = A, g.style.opacity = "1";
+    }, T = (g) => {
+      g.style.height = "auto", g.style.opacity = "1";
+    }, I = (g) => {
+      g.style.height = getComputedStyle(g).height, g.offsetHeight, g.style.height = "0px", g.style.opacity = "0";
+    };
+    return X(c, (g = !1) => {
+      a.value = g;
+    }), W(
+      () => s.visible,
+      (g) => {
+        a.value = g;
+      }
+    ), W(a, (g) => {
+      g === !0 ? h() : g === !1 && k();
+    }), d({
+      toggle: l,
+      close: u,
+      open: n
+    }), (g, A) => (p(), f("div", {
+      accordion: g.accordion,
+      visible: a.value,
+      ref_key: "collapseRef",
+      ref: c
+    }, [
+      S(y(vt), null, {
+        default: H(() => [
+          S(D, {
+            name: "collapse",
+            tag: "div",
+            onEnter: V,
+            onAfterEnter: T,
+            onLeave: I,
+            class: "overflow-y-clip"
+          }, {
+            default: H(() => [
+              $(v("div", null, [
+                v("div", {
+                  class: B([g.className])
+                }, [
+                  _(g.$slots, "default", {}, void 0, !0)
+                ], 2)
+              ], 512), [
+                [M, a.value]
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      })
+    ], 8, yt));
+  }
+});
+const N = (r, d) => {
+  const e = r.__vccOpts || r;
+  for (const [s, o] of d)
+    e[s] = o;
+  return e;
+}, oe = /* @__PURE__ */ N(mt, [["__scopeId", "data-v-0ec18f4b"]]), kt = E({
+  props: {
+    direction: {
+      type: String,
+      default: "right"
+    },
+    color: {
+      type: String,
+      default: "dark-3"
+    },
+    textColor: {
+      type: String,
+      default: "white"
+    },
+    width: {
+      type: [Number, String],
+      default: 80
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(r) {
+    const d = "invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip", e = O(() => {
+      const { color: c, textColor: a } = r;
+      return [
+        m("BGCOLOR", c),
+        m("TEXTCOLOR", a)
+      ].join(" ");
+    }), s = O(() => ({ width: `${r.width}px` })), o = O(() => {
+      switch (r.direction) {
+        case "left":
+          return "tooltip-left";
+        case "top":
+          return "tooltip-top";
+        case "bottom":
+          return "tooltip-bottom";
+        default:
+          return "tooltip-right";
+      }
+    });
+    return () => tt("div", {
+      class: [
+        d,
+        r.customClass,
+        o.value,
+        e.value
+      ],
+      role: "tooltip",
+      innerHTML: r.title,
+      style: [s.value]
+    });
+  }
+}), Y = {
+  mounted(r, d) {
+    r.__ClickOutsideHandler = (e) => {
+      r === e.target || r.contains(e.target) || d.value(e);
+    }, document.body.addEventListener("click", r.__ClickOutsideHandler);
+  },
+  unmounted(r) {
+    document.body.removeEventListener("click", r.__ClickOutsideHandler);
+  }
+}, le = {
+  mounted(r, d) {
+    r.__ClickToggleHandler = (e) => {
+      e.preventDefault();
+      const s = e.target;
+      let o;
+      if (s.tagName === "A") {
+        const l = s.getAttribute("href"), n = (l == null ? void 0 : l.charAt(0)) === "#" ? l.substring(1) : l;
+        o = document.getElementById(n);
+      } else
+        o = document.getElementById(d.arg);
+      if (!o || o.hasAttribute("visible") === !1)
+        return;
+      const a = o.getAttribute("visible") === "true" ? "false" : "true";
+      o.setAttribute("visible", a);
+    }, r.addEventListener("click", r.__ClickToggleHandler);
+  },
+  unmounted(r) {
+    r.removeEventListener("click", r.__ClickToggleHandler);
+  }
+}, ie = {
+  mounted(r, d) {
+    r.__HandleToggler = (e) => {
+      e.preventDefault();
+      const s = e.target;
+      let o;
+      if (s.tagName === "A") {
+        const l = s.getAttribute("href"), n = (l == null ? void 0 : l.charAt(0)) === "#" ? l.substring(1) : l;
+        o = document.getElementById(n);
+      } else
+        o = document.getElementById(d.arg);
+      if (!o || o.hasAttribute("visible") === !1)
+        return;
+      if (!o.hasAttribute("accordion")) {
+        const n = o.getAttribute("visible") === "true" ? "false" : "true";
+        o.setAttribute("visible", n);
+        return;
+      }
+      const c = o.getAttribute("accordion"), a = document.querySelectorAll(
+        `div[accordion="${c}"]`
+      );
+      for (let l = 0; l < a.length; l++) {
+        const n = a[l].getAttribute("visible");
+        if (a[l].id !== o.id && n === "true" && a[l].setAttribute("visible", "false"), a[l].id === o.id) {
+          const h = o.getAttribute("visible") === "true" ? "false" : "true";
+          o.setAttribute("visible", h);
+        }
+      }
+    }, r.addEventListener("click", r.__HandleToggler);
+  },
+  unmounted(r) {
+    r.removeEventListener("click", r.__HandleToggler);
+  }
+}, ne = {
+  mounted(r, d) {
+    r.__HandleTooltip = (e, s) => {
+      e.classList.add("relative", "group", "overflow-visible");
+      let o;
+      e.hasAttribute("title") && (o = e.getAttribute("title")), !e.hasAttribute("title") && typeof s.value < "u" && typeof s.value == "string" && (o = s.value), !e.hasAttribute("title") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.title == "string" && (o = s.value.title);
+      let c;
+      e.hasAttribute("color") && (c = e.getAttribute("color")), !e.hasAttribute("color") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.color == "string" && (c = s.value.color);
+      let a;
+      e.hasAttribute("text-color") && (a = e.getAttribute("text-color")), !e.hasAttribute("text-color") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.textColor == "string" && (a = s.value.textColor);
+      let l;
+      e.hasAttribute("tooltip-width") && (l = e.getAttribute("tooltip-width")), !e.hasAttribute("tooltip-width") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.width == "number" && (l = s.value.width);
+      let n;
+      typeof s.value < "u" && typeof s.value != "string" && typeof s.value.className == "string" && (n = s.value.className);
+      let u;
+      const h = Object.keys(s.modifiers);
+      h.length > 0 && (u = h[0]);
+      const k = S(kt, {
+        direction: u,
+        title: o,
+        color: c,
+        textColor: a,
+        width: l,
+        customClass: n
+      });
+      z(k, e);
+    }, r.__UnmountTooltip = (e) => {
+      z(null, e);
+    }, r.__HandleTooltip(r, d);
+  },
+  updated(r, d) {
+    r.__HandleTooltip(r, d);
+  },
+  unmounted(r) {
+    r.__UnmountTooltip(r);
+  }
+}, de = /* @__PURE__ */ E({
+  __name: "DropdownContainer",
+  emits: ["click-outside", "toggle"],
+  setup(r, { emit: d }) {
+    G();
+    const e = d, s = R(), o = et({
+      active: !1,
+      buttonHeight: 0
+    });
+    rt("dropdownState", o);
+    const c = (n) => {
+      o.active = !o.active, e("toggle", n);
+    }, a = (n) => {
+      o.active = !1, e("click-outside", n);
+    }, l = () => {
+      o.active = !1;
+    };
+    return j(() => {
+      o.buttonHeight = s.value.scrollHeight;
+    }), (n, u) => $((p(), f("div", {
+      class: "relative",
+      ref_key: "dropdownTarget",
+      ref: s,
+      onKeyup: st(l, ["esc"])
+    }, [
+      _(n.$slots, "toggler", {
+        toggle: c,
+        dropdownState: o.active
+      }),
+      _(n.$slots, "default")
+    ], 32)), [
+      [y(Y), a]
+    ]);
+  }
+}), Ct = /* @__PURE__ */ E({
+  __name: "DropdownContent",
+  props: {
+    className: { default: "" }
+  },
+  setup(r) {
+    const { height: d } = it();
+    G();
+    const e = R(), s = at("dropdownState", {
+      active: !1,
+      buttonHeight: 0
+    }), o = O(() => s.active), c = () => {
+      s.active = !1;
+    }, a = O(() => ({ "--button-height": `${s.buttonHeight}px` })), l = O(() => {
+      if (!(!s.active || !e.value) && d.value - e.value.getBoundingClientRect().bottom < 0)
+        return "dropup-bottom";
+    });
+    return (n, u) => (p(), F(D, { name: "dropdown-content" }, {
+      default: H(() => [
+        o.value ? (p(), f("div", {
+          key: 0,
+          ref_key: "contentRef",
+          ref: e,
+          class: B(["absolute my-2xs max-w-[14rem] w-max overflow-hidden", [l.value, n.className]]),
+          style: L(a.value)
+        }, [
+          _(n.$slots, "default", { itemClick: c }, void 0, !0)
+        ], 6)) : w("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+const ce = /* @__PURE__ */ N(Ct, [["__scopeId", "data-v-00060433"]]), wt = /* @__PURE__ */ E({
+  __name: "NavDrawer",
+  props: {
+    color: { default: "dark-2" },
+    displayBorder: { type: Boolean, default: !0 },
+    toggle: { type: Boolean },
+    navColor: {}
+  },
+  emits: ["hbg-click"],
+  setup(r, { emit: d }) {
+    const e = r, s = d, o = (n) => {
+      s("hbg-click", n);
+    }, c = O({
+      get() {
+        return e.toggle;
+      },
+      set(n) {
+        return n;
+      }
+    }), a = (n, u, h) => {
+      const k = [
+        m("RINGCOLOR", n),
+        m("OFFSETRING", h)
+      ];
+      return u && (k.push(m("BORDER", n)), k.push("border")), k.join(" ");
+    }, l = (n) => [
+      m("BGCOLOR", n),
+      m("BEFOREBG", n),
+      m("AFTERBG", n)
+    ].join(" ");
+    return (n, u) => (p(), f("button", {
+      class: B(["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)]),
+      onClick: o
+    }, [
+      $(v("input", {
+        type: "checkbox",
+        "onUpdate:modelValue": u[0] || (u[0] = (h) => c.value = h),
+        class: "hidden hamburger__checkbox"
+      }, null, 512), [
+        [ot, c.value]
+      ]),
+      v("div", {
+        class: B(["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", l(n.color)])
+      }, null, 2)
+    ], 2));
+  }
+});
+const J = /* @__PURE__ */ N(wt, [["__scopeId", "data-v-64909a32"]]), Bt = { 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]" }, _t = { class: "min-h-[24px]" }, Rt = { class: "ml-auto" }, Ot = {
+  key: 0,
+  class: "hidden lg:block"
+}, Tt = { class: "overflow-hidden lg:hidden" }, At = { key: 0 }, Vt = /* @__PURE__ */ E({
+  __name: "HeaderHorizontal",
+  props: {
+    bgColor: { default: "light-1" },
+    mobileMenuBgColor: { default: "light-2" },
+    drawerBtnColor: { default: "dark-1" },
+    drawerBtnBorder: { type: Boolean, default: !0 },
+    fadeInOnScroll: { type: Boolean, default: !0 },
+    scrollDistance: { default: 50 },
+    sticky: { default: "all" }
+  },
+  emits: ["toggle-drawer"],
+  setup(r, { expose: d, emit: e }) {
+    const s = r, o = G(), c = R(!1), { y: a } = nt(), l = e, n = () => {
+      c.value = !1;
+    }, u = (b) => {
+      c.value = !c.value, l("toggle-drawer", b, c.value);
+    }, h = (b) => {
+      b.style.height = "auto";
+      const g = getComputedStyle(b).height;
+      b.style.height = "0px", b.offsetHeight, b.style.height = g;
+    }, k = (b) => {
+      b.style.height = "auto";
+    }, V = (b) => {
+      b.style.height = getComputedStyle(b).height, b.offsetHeight, b.style.height = "0px";
+    }, T = O(() => {
+      const { bgColor: b, sticky: g } = s, A = [m("BGCOLOR", b)];
+      return g === "all" ? (A.push("sticky top-0"), A.join(" ")) : g === "tablet" ? (A.push("md:sticky top-0"), A.join(" ")) : (g === "pc" && A.push("lg:sticky top-0"), A.join(" "));
+    }), I = O(() => {
+      const { fadeInOnScroll: b, scrollDistance: g } = s;
+      return b ? a.value >= g ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
+    });
+    return d({
+      headerClose: n
+    }), (b, g) => (p(), f("header", {
+      class: B(["w-full items-center z-50 transition ease-in duration-500 delay-150", [I.value, T.value]])
+    }, [
+      v("nav", Bt, [
+        v("div", _t, [
+          _(b.$slots, "content", {}, void 0, !0)
+        ]),
+        v("div", Rt, [
+          S(J, {
+            color: b.drawerBtnColor,
+            "display-border": b.drawerBtnBorder,
+            class: "block lg:hidden",
+            onHbgClick: u,
+            toggle: c.value,
+            "nav-color": b.bgColor
+          }, null, 8, ["color", "display-border", "toggle", "nav-color"]),
+          y(o)["content-right"] ? (p(), f("div", Ot, [
+            _(b.$slots, "content-right", {}, void 0, !0)
+          ])) : w("", !0)
+        ])
+      ]),
+      v("div", Tt, [
+        S(D, {
+          name: "collapse",
+          onEnter: h,
+          onAfterEnter: k,
+          onLeave: V
+        }, {
+          default: H(() => [
+            c.value ? (p(), f("div", {
+              key: 0,
+              class: B(["bg-opacity-80 rounded-md my-2xs mx-xs overflow-hidden", y(m)("BGCOLOR", b.mobileMenuBgColor)])
+            }, [
+              y(o)["mobile-content"] ? (p(), f("div", At, [
+                _(b.$slots, "mobile-content", { headerClose: n }, void 0, !0)
+              ])) : w("", !0)
+            ], 2)) : w("", !0)
+          ]),
+          _: 3
+        })
+      ])
+    ], 2));
+  }
+});
+const ge = /* @__PURE__ */ N(Vt, [["__scopeId", "data-v-94939c1a"]]), Et = { class: "lg:flex" }, St = { class: "flex flex-col justify-between h-full" }, Ht = { key: 0 }, Dt = { class: "block fixed lg:hidden top-0 right-0 mr-xs mt-xs z-20" }, Gt = { class: "block lg:hidden relative" }, It = {
+  key: 0,
+  class: "h-full"
+}, Wt = { class: "w-full" }, Nt = /* @__PURE__ */ E({
+  __name: "HeaderVertical",
+  props: {
+    bgColor: { default: "light-1" },
+    drawerBtnColor: { default: "dark-1" },
+    drawerBtnBorder: { type: Boolean, default: !0 },
+    headerWidth: { default: 160 }
+  },
+  emits: ["toggle-drawer"],
+  setup(r, { expose: d, emit: e }) {
+    const s = r, o = G(), c = e, a = R(!1), l = (h) => {
+      a.value = !a.value, c("toggle-drawer", h, a.value);
+    }, n = () => {
+      a.value = !1;
+    }, u = O(() => ({ "--header-width": `${s.headerWidth}px` }));
+    return d({
+      headerClose: n
+    }), (h, k) => (p(), f("section", Et, [
+      v("header", {
+        class: "relative",
+        style: L(u.value)
+      }, [
+        v("nav", {
+          class: B(["hidden lg:block lg:sticky lg:top-0 lg:left-0 lg:h-[100vh] py-sm header-desktop overscroll-contain overflow-y-scroll", [y(m)("BGCOLOR", h.bgColor)]])
+        }, [
+          v("div", St, [
+            v("div", null, [
+              _(h.$slots, "content", {}, void 0, !0)
+            ]),
+            y(o)["content-bottom"] ? (p(), f("div", Ht, [
+              _(h.$slots, "content-bottom", {}, void 0, !0)
+            ])) : w("", !0)
+          ])
+        ], 2),
+        v("div", Dt, [
+          S(J, {
+            color: h.drawerBtnColor,
+            "display-border": h.drawerBtnBorder,
+            class: "block lg:hidden relative",
+            onHbgClick: l,
+            toggle: a.value,
+            "nav-color": h.bgColor
+          }, null, 8, ["color", "display-border", "toggle", "nav-color"])
+        ]),
+        v("div", Gt, [
+          S(D, {
+            name: "slide-down",
+            appear: ""
+          }, {
+            default: H(() => [
+              a.value ? (p(), f("div", {
+                key: 0,
+                class: B(["fixed inset-0 overflow-y-scroll overscroll-contain py-lg px-sm", y(m)("BGCOLOR", h.bgColor)])
+              }, [
+                y(o)["mobile-content"] ? (p(), f("div", It, [
+                  _(h.$slots, "mobile-content", { headerClose: n }, void 0, !0)
+                ])) : w("", !0)
+              ], 2)) : w("", !0)
+            ]),
+            _: 3
+          })
+        ])
+      ], 4),
+      v("div", Wt, [
+        _(h.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+const ue = /* @__PURE__ */ N(Nt, [["__scopeId", "data-v-e2818e18"]]), $t = (r) => (q("data-v-8500b482"), r = r(), K(), r), Lt = ["visible"], Ft = {
+  key: 0,
+  class: "vertical-placement fixed w-full max-w-md z-[110] px-xs"
+}, Xt = {
+  key: 0,
+  class: "sticky top-0"
+}, Yt = /* @__PURE__ */ $t(() => /* @__PURE__ */ v("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)), Pt = [
+  Yt
+], zt = {
+  key: 1,
+  class: "sticky bottom-0"
+}, jt = /* @__PURE__ */ E({
+  __name: "Modal",
+  props: {
+    title: {},
+    titleColor: { default: "dark-3" },
+    className: { default: "" },
+    visible: { type: Boolean, default: !1 },
+    noBackdrop: { type: Boolean, default: !1 },
+    noHeader: { type: Boolean, default: !1 },
+    color: { default: "light-1" },
+    backdropColor: { default: "dark-4" },
+    placement: { default: "center" }
+  },
+  emits: ["open", "close"],
+  setup(r, { expose: d, emit: e }) {
+    const s = r, o = G(), c = e, a = R(), l = R(s.visible), n = R(!1), u = () => {
+      l.value = !l.value;
+    }, h = () => {
+      l.value = !0;
+    }, k = () => {
+      n.value === !0 && (l.value = !1);
+    }, V = () => {
+      c("open", !0);
+    }, T = () => {
+      c("close", !1);
+    }, I = O(() => {
+      let x;
+      return s.placement === "top" ? x = 25 : s.placement === "bottom" ? x = 75 : x = 50, { "--vertical-placement": x + "%" };
+    }), b = () => {
+      n.value = !0;
+    }, g = () => {
+      n.value = !1;
+    };
+    return X(a, (x = !1) => {
+      l.value = x;
+    }), W(
+      () => s.visible,
+      (x) => {
+        l.value = x;
+      }
+    ), W(l, (x) => {
+      x === !0 ? V() : x === !1 && n.value === !0 && T();
+    }), d({
+      toggle: u,
+      close: k,
+      open: h
+    }), (x, P) => (p(), f("div", {
+      style: L(I.value),
+      visible: l.value,
+      ref_key: "modalRef",
+      ref: a
+    }, [
+      x.noBackdrop ? w("", !0) : (p(), F(D, {
+        key: 0,
+        name: "fade",
+        appear: "",
+        tag: "div"
+      }, {
+        default: H(() => [
+          l.value ? (p(), f("section", {
+            key: 0,
+            onClick: k,
+            class: B(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", y(m)("BGCOLOR", x.backdropColor)])
+          }, null, 2)) : w("", !0)
+        ]),
+        _: 1
+      })),
+      S(D, {
+        name: "slide-down",
+        tag: "div",
+        onAfterEnter: b,
+        onAfterLeave: g,
+        appear: ""
+      }, {
+        default: H(() => [
+          l.value ? (p(), f("div", Ft, [
+            $((p(), f("div", {
+              class: B([[y(m)("BGCOLOR", x.color), x.className], "relative overscroll-contain overflow-y-scroll max-h-[80vh] md:max-h-[60vh]"])
+            }, [
+              x.noHeader ? w("", !0) : (p(), f("div", Xt, [
+                _(x.$slots, "header", {
+                  close: k,
+                  status: l.value
+                }, () => [
+                  v("div", {
+                    class: B(["flex justify-between items-center p-xs border-b-2", y(m)("BGCOLOR", x.color)])
+                  }, [
+                    x.title ? (p(), f("h3", {
+                      key: 0,
+                      class: B(["h3-md", y(m)("TEXTCOLOR", x.titleColor)])
+                    }, U(x.title), 3)) : w("", !0),
+                    v("button", { onClick: k }, [
+                      (p(), f("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        height: "1em",
+                        viewBox: "0 0 384 512",
+                        class: B(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [y(m)("SVGFILL", x.titleColor)]])
+                      }, Pt, 2))
+                    ])
+                  ], 2)
+                ], !0)
+              ])),
+              _(x.$slots, "body", {
+                close: k,
+                status: l.value
+              }, void 0, !0),
+              y(o).footer ? (p(), f("div", zt, [
+                _(x.$slots, "footer", {
+                  close: k,
+                  status: l.value
+                }, void 0, !0)
+              ])) : w("", !0)
+            ], 2)), [
+              [y(Y), k]
+            ])
+          ])) : w("", !0)
+        ]),
+        _: 3
+      })
+    ], 12, Lt));
+  }
+});
+const he = /* @__PURE__ */ N(jt, [["__scopeId", "data-v-8500b482"]]), Ut = (r) => (q("data-v-d725bf18"), r = r(), K(), r), qt = ["visible"], Kt = /* @__PURE__ */ Ut(() => /* @__PURE__ */ v("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)), Jt = [
+  Kt
+], Qt = { class: "sidebar-body-height" }, Zt = /* @__PURE__ */ E({
+  __name: "Sidebar",
+  props: {
+    title: {},
+    titleColor: { default: "dark-3" },
+    className: { default: "" },
+    visible: { type: Boolean, default: !1 },
+    noBackdrop: { type: Boolean, default: !1 },
+    noHeader: { type: Boolean, default: !1 },
+    color: { default: "light-1" },
+    backdropColor: { default: "dark-4" },
+    placement: { default: "left" },
+    width: { default: 300 }
+  },
+  emits: ["open", "close"],
+  setup(r, { expose: d, emit: e }) {
+    const s = r, o = G(), c = e, a = R(s.visible), l = R(!1), n = R(), u = R(), h = R(), k = () => {
+      a.value = !a.value;
+    }, V = () => {
+      a.value = !0;
+    }, T = () => {
+      l.value === !0 && (a.value = !1);
+    }, I = () => {
+      c("open", !0);
+    }, b = () => {
+      c("close", !1);
+    }, g = O(() => ({
+      "--sidebar-width": `${s.width}px`,
+      "--header-height": u.value && a.value ? u.value.scrollHeight + "px" : "0px",
+      "--footer-height": h.value && a.value ? h.value.scrollHeight + "px" : "0px"
+    })), A = O(() => s.placement === "left" ? "sidebar-left" : "sidebar-right"), x = () => {
+      l.value = !0;
+    }, P = () => {
+      l.value = !1;
+    };
+    return X(n, (C = !1) => {
+      a.value = C;
+    }), W(
+      () => s.visible,
+      (C) => {
+        a.value = C;
+      }
+    ), W(a, (C) => {
+      C === !0 ? I() : C === !1 && l.value === !0 && b();
+    }), d({
+      toggle: k,
+      open: V,
+      close: T
+    }), (C, te) => (p(), f("div", {
+      style: L(g.value),
+      visible: a.value,
+      ref_key: "sidebarRef",
+      ref: n
+    }, [
+      C.noBackdrop ? w("", !0) : (p(), F(D, {
+        key: 0,
+        name: "fade",
+        appear: "",
+        tag: "div"
+      }, {
+        default: H(() => [
+          a.value ? (p(), f("section", {
+            key: 0,
+            onClick: T,
+            class: B(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", y(m)("BGCOLOR", C.backdropColor)])
+          }, null, 2)) : w("", !0)
+        ]),
+        _: 1
+      })),
+      S(D, {
+        name: A.value,
+        onAfterEnter: x,
+        onAfterLeave: P,
+        appear: ""
+      }, {
+        default: H(() => [
+          a.value ? $((p(), f("div", {
+            key: 0,
+            class: B(["sidebar-body fixed h-full overflow-hidden inset-y-0 shadow z-[110]", [C.placement === "left" ? "left-0" : "right-0"]])
+          }, [
+            v("div", {
+              class: B(["relative h-full overscroll-contain overflow-y-scroll", [y(m)("BGCOLOR", C.color), C.className]])
+            }, [
+              C.noHeader ? w("", !0) : (p(), f("div", {
+                key: 0,
+                class: "sticky top-0",
+                ref_key: "headerRef",
+                ref: u
+              }, [
+                _(C.$slots, "header", {
+                  close: T,
+                  status: a.value
+                }, () => [
+                  v("div", {
+                    class: B(["flex justify-between items-center p-xs", y(m)("BGCOLOR", C.color)])
+                  }, [
+                    C.title ? (p(), f("h3", {
+                      key: 0,
+                      class: B(["h3-md", y(m)("TEXTCOLOR", C.titleColor)])
+                    }, U(C.title), 3)) : w("", !0),
+                    v("button", { onClick: T }, [
+                      (p(), f("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        height: "1em",
+                        viewBox: "0 0 384 512",
+                        class: B(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [y(m)("SVGFILL", C.titleColor)]])
+                      }, Jt, 2))
+                    ])
+                  ], 2)
+                ], !0)
+              ], 512)),
+              v("div", Qt, [
+                _(C.$slots, "body", {
+                  close: T,
+                  status: a.value
+                }, void 0, !0)
+              ]),
+              y(o).footer ? (p(), f("div", {
+                key: 1,
+                class: "sticky bottom-0",
+                ref_key: "footerRef",
+                ref: h
+              }, [
+                _(C.$slots, "footer", {
+                  close: T,
+                  status: a.value
+                }, void 0, !0)
+              ], 512)) : w("", !0)
+            ], 2)
+          ], 2)), [
+            [y(Y), T]
+          ]) : w("", !0)
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 12, qt));
+  }
+});
+const pe = /* @__PURE__ */ N(Zt, [["__scopeId", "data-v-d725bf18"]]);
+export {
+  ae as Alert,
+  vt as ClientSideRender,
+  oe as Collapse,
+  de as DropdownContainer,
+  ce as DropdownContent,
+  ge as HeaderHorizontal,
+  ue as HeaderVertical,
+  he as Modal,
+  pe as Sidebar,
+  m as default,
+  Y as vClickOutside,
+  ie as vCollapse,
+  le as vToggle,
+  ne as vTooltip
+};