@bobbykim/manguito-theme 0.18.0 → 0.19.0

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022-present Bobby Kim
+Copyright (c) 2022 Bobby Kim
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/README.md

@@ -34,7 +34,7 @@ npx tailwindcss init -p
 tailwind.config.cjs
 
 ```cjs
-const { mclTheme } = require('@bobbykim/manguito-theme/themeVariables.cjs')
+const { mclTheme } = require('@bobbykim/manguito-theme/mcl-theme')
 module.exports = {
   content: [
     './src/**/*.{vue,ts,js,cjs}',
@@ -46,7 +46,7 @@ module.exports = {
 
 ## Theme color configuration
 
-You can change theme colors by adding colors/spacing in `tailwind.config.cjs`
+You can change theme colors by adding colors/spacing in `tailwind.config.cjs` | `tailwind.config.js` | `tailwind.config.ts`
 
 ```cjs
 module.exports = {

package/dist/core.cjs

@@ -0,0 +1,2 @@
+(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)}})();
+"use strict";var S=Object.defineProperty;var N=(a,c,r)=>c in a?S(a,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[c]=r;var n=(a,c,r)=>(N(a,typeof c!="symbol"?c+"":c,r),r);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@vueuse/core");class t{}n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(t,"heading1",{sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"}),n(t,"heading2",{sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"}),n(t,"heading3",{sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"}),n(t,"heading4",{sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}),n(t,"bodyText",{xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"}),n(t,"fontweight",{light:"font-light",normal:"font-normal",bold:"font-bold"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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]"}),n(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]"}),n(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]"}),n(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]"}),n(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]"}),n(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]"}),n(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]"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(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"}),n(t,"textAlign",{left:"text-left",center:"text-center",right:"text-right"});const A=["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"],H=["H1","H2","H3","H4","BODYTEXT","FONTWEIGHT","TEXTALIGN"],D=["BORDERW","BORDERXW","BORDERYW","BORDERTW","BORDERBW","BORDERLW","BORDERRW"],G=["BGOPACITY","OPACITY"];class I extends t{constructor(r,s){super();n(this,"classType");n(this,"classValue");this.classType=r,this.classValue=s}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" "}}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" "}}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" "}}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]:" "}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]:" "}getSvgFillColorClass(){return this.validateColorType?t.svgFillColor[this.classValue]:" "}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]:" "}getBtnColorClass(){return this.validateColorType?t.btnColor[this.classValue]:" "}getListColorClass(){return this.validateColorType?t.listColor[this.classValue]:" "}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]:" "}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]:" "}getBodyTextSizeClass(){return this.validateBodyTextSizeType?t.bodyText[this.classValue]:" "}getFontWeightClass(){return this.validateFontWeightType?t.fontweight[this.classValue]:" "}getTextAlignClass(){return t.textAlign[this.classValue]}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]:" "}getOpacityClass(){return this.validateOpacityType?t.opacity[this.classValue]:" "}getBgOpacityClass(){return this.validateOpacityType?t.backgroundOpacity[this.classValue]:" "}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]:" "}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]:" "}getGapClass(){return this.validateSpaceType?t.gap[this.classValue]:" "}validateColorType(){const r=/(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:r.test(this.classValue)}validateSpaceType(){const r=/(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/;return typeof this.classValue!="string"?!1:r.test(this.classValue)}validateHeadingTextSizeType(){const r=/(sm|md|lg|xl)/;return typeof this.classValue!="string"?!1:r.test(this.classValue)}validateBodyTextSizeType(){const r=/(xs|sm|md|lg|xl)/;return typeof this.classValue!="string"?!1:r.test(this.classValue)}validateFontWeightType(){const r=/(light|normal|bold)/;return typeof this.classValue!="string"?!1:r.test(this.classValue)}validateOpacityType(){const r=/\b(0|[1-9]0|100)\b/;return typeof this.classValue!="number"?!1:r.test(this.classValue.toString())}validateRangeType(){const r=/\b([1-9]|1[0-2])\b/;return typeof this.classValue!="number"?!1:r.test(this.classValue.toString())}validateAlignment(){const r=/(left|center|right)/;return typeof this.classValue!="string"?!1:r.test(this.classValue)}dummyMethod(){return this.getRingOffsetColorClass()}}const m=(a,c)=>{const r=new I(a,c);return A.includes(a)?r.generateColorClass():H.includes(a)?r.generateTextClass():D.includes(a)?r.generateBorderWidthClass():G.includes(a)?r.generateScaleClass():r.generateSpacingClass()},W={class:"w-full flex justify-between gap-2xs"},$={class:"w-full"},z=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",class:"h-xs"},[e.createElementVNode("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),L=[z],F=e.defineComponent({__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(a,{expose:c,emit:r}){const s=a;e.useSlots();const l=r,g=e.ref(s.show),o=e.computed(()=>{const{color:p,rounded:h,shadow:x}=s,C=[m("BGCOLOR",p)];return h&&C.push("rounded-md"),x&&C.push("drop-shadow-md"),C.join(" ")}),i=p=>{g.value=!1,l("close",p)},d=()=>{g.value=!1};return e.watch(()=>s.show,p=>{g.value=p}),c({close:d}),(p,h)=>g.value?(e.openBlock(),e.createElementBlock("div",{key:0,role:"alert","aria-live":"polite","aria-atomic":"true",class:e.normalizeClass(["py-[0.75rem] px-[1.25rem] relative",[o.value]])},[e.createElementVNode("div",W,[e.createElementVNode("div",$,[e.renderSlot(p.$slots,"default")]),p.dismissible?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:i,class:"flex items-center opacity-60 hover:opacity-40 transition-opacity duration-300 ease-linear"},L)):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0)}}),T=(a,c)=>R.useMutationObserver(a,r=>{let s=!1;for(let l=0;l<r.length&&!s;l++){const g=r[l],o=g.type,i=g.attributeName,d=g.target;if((o==="attributes"||i==="visible")&&(s=!0),s){const p=d.getAttribute("visible")==="true";c(p)}}},{attributes:!0}),O=e.defineComponent({setup(a,{slots:c}){const r=e.ref(!1);return e.onMounted(()=>{r.value=!0}),()=>r.value&&c.default?c.default():null}}),X=["accordion","visible"],Y=e.defineComponent({__name:"Collapse",props:{accordion:{},className:{default:""},visible:{type:Boolean,default:!1}},emits:["open","close"],setup(a,{expose:c,emit:r}){const s=a;e.useSlots();const l=r,g=e.ref(),o=e.ref(s.visible),i=()=>{o.value=!o.value},d=()=>{o.value=!0},p=()=>{o.value=!1},h=()=>{l("open",!0)},x=()=>{l("close",!1)},C=u=>{u.style.height="auto",u.style.opacity="0";const k=getComputedStyle(u).height;u.style.height="0px",u.offsetHeight,u.style.height=k,u.style.opacity="1"},y=u=>{u.style.height="auto",u.style.opacity="1"},B=u=>{u.style.height=getComputedStyle(u).height,u.offsetHeight,u.style.height="0px",u.style.opacity="0"};return T(g,(u=!1)=>{o.value=u}),e.watch(()=>s.visible,u=>{o.value=u}),e.watch(o,u=>{u===!0?h():u===!1&&x()}),c({toggle:i,close:p,open:d}),(u,k)=>(e.openBlock(),e.createElementBlock("div",{accordion:u.accordion,visible:o.value,ref_key:"collapseRef",ref:g},[e.createVNode(e.unref(O),null,{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"collapse",tag:"div",onEnter:C,onAfterEnter:y,onLeave:B,class:"overflow-y-clip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass([u.className])},[e.renderSlot(u.$slots,"default",{},void 0,!0)],2)],512),[[e.vShow,o.value]])]),_:3})]),_:3})],8,X))}});const w=(a,c)=>{const r=a.__vccOpts||a;for(const[s,l]of c)r[s]=l;return r},P=w(Y,[["__scopeId","data-v-0ec18f4b"]]),j=e.defineComponent({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(a){const c="invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip",r=e.computed(()=>{const{color:g,textColor:o}=a;return[m("BGCOLOR",g),m("TEXTCOLOR",o)].join(" ")}),s=e.computed(()=>({width:`${a.width}px`})),l=e.computed(()=>{switch(a.direction){case"left":return"tooltip-left";case"top":return"tooltip-top";case"bottom":return"tooltip-bottom";default:return"tooltip-right"}});return()=>e.h("div",{class:[c,a.customClass,l.value,r.value],role:"tooltip",innerHTML:a.title,style:[s.value]})}}),_={mounted(a,c){a.__ClickOutsideHandler=r=>{a===r.target||a.contains(r.target)||c.value(r)},document.body.addEventListener("click",a.__ClickOutsideHandler)},unmounted(a){document.body.removeEventListener("click",a.__ClickOutsideHandler)}},U={mounted(a,c){a.__ClickToggleHandler=r=>{r.preventDefault();const s=r.target;let l;if(s.tagName==="A"){const i=s.getAttribute("href"),d=(i==null?void 0:i.charAt(0))==="#"?i.substring(1):i;l=document.getElementById(d)}else l=document.getElementById(c.arg);if(!l||l.hasAttribute("visible")===!1)return;const o=l.getAttribute("visible")==="true"?"false":"true";l.setAttribute("visible",o)},a.addEventListener("click",a.__ClickToggleHandler)},unmounted(a){a.removeEventListener("click",a.__ClickToggleHandler)}},q={mounted(a,c){a.__HandleToggler=r=>{r.preventDefault();const s=r.target;let l;if(s.tagName==="A"){const i=s.getAttribute("href"),d=(i==null?void 0:i.charAt(0))==="#"?i.substring(1):i;l=document.getElementById(d)}else l=document.getElementById(c.arg);if(!l||l.hasAttribute("visible")===!1)return;if(!l.hasAttribute("accordion")){const d=l.getAttribute("visible")==="true"?"false":"true";l.setAttribute("visible",d);return}const g=l.getAttribute("accordion"),o=document.querySelectorAll(`div[accordion="${g}"]`);for(let i=0;i<o.length;i++){const d=o[i].getAttribute("visible");if(o[i].id!==l.id&&d==="true"&&o[i].setAttribute("visible","false"),o[i].id===l.id){const h=l.getAttribute("visible")==="true"?"false":"true";l.setAttribute("visible",h)}}},a.addEventListener("click",a.__HandleToggler)},unmounted(a){a.removeEventListener("click",a.__HandleToggler)}},K={mounted(a,c){a.__HandleTooltip=(r,s)=>{r.classList.add("relative","group","overflow-visible");let l;r.hasAttribute("title")&&(l=r.getAttribute("title")),!r.hasAttribute("title")&&typeof s.value<"u"&&typeof s.value=="string"&&(l=s.value),!r.hasAttribute("title")&&typeof s.value<"u"&&typeof s.value!="string"&&typeof s.value.title=="string"&&(l=s.value.title);let g;r.hasAttribute("color")&&(g=r.getAttribute("color")),!r.hasAttribute("color")&&typeof s.value<"u"&&typeof s.value!="string"&&typeof s.value.color=="string"&&(g=s.value.color);let o;r.hasAttribute("text-color")&&(o=r.getAttribute("text-color")),!r.hasAttribute("text-color")&&typeof s.value<"u"&&typeof s.value!="string"&&typeof s.value.textColor=="string"&&(o=s.value.textColor);let i;r.hasAttribute("tooltip-width")&&(i=r.getAttribute("tooltip-width")),!r.hasAttribute("tooltip-width")&&typeof s.value<"u"&&typeof s.value!="string"&&typeof s.value.width=="number"&&(i=s.value.width);let d;typeof s.value<"u"&&typeof s.value!="string"&&typeof s.value.className=="string"&&(d=s.value.className);let p;const h=Object.keys(s.modifiers);h.length>0&&(p=h[0]);const x=e.createVNode(j,{direction:p,title:l,color:g,textColor:o,width:i,customClass:d});e.render(x,r)},a.__UnmountTooltip=r=>{e.render(null,r)},a.__HandleTooltip(a,c)},updated(a,c){a.__HandleTooltip(a,c)},unmounted(a){a.__UnmountTooltip(a)}},J=e.defineComponent({__name:"DropdownContainer",emits:["click-outside","toggle"],setup(a,{emit:c}){e.useSlots();const r=c,s=e.ref(),l=e.reactive({active:!1,buttonHeight:0});e.provide("dropdownState",l);const g=d=>{l.active=!l.active,r("toggle",d)},o=d=>{l.active=!1,r("click-outside",d)},i=()=>{l.active=!1};return e.onMounted(()=>{l.buttonHeight=s.value.scrollHeight}),(d,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"relative",ref_key:"dropdownTarget",ref:s,onKeyup:e.withKeys(i,["esc"])},[e.renderSlot(d.$slots,"toggler",{toggle:g,dropdownState:l.active}),e.renderSlot(d.$slots,"default")],32)),[[e.unref(_),o]])}}),Q=e.defineComponent({__name:"DropdownContent",props:{className:{default:""}},setup(a){const{height:c}=R.useWindowSize();e.useSlots();const r=e.ref(),s=e.inject("dropdownState",{active:!1,buttonHeight:0}),l=e.computed(()=>s.active),g=()=>{s.active=!1},o=e.computed(()=>({"--button-height":`${s.buttonHeight}px`})),i=e.computed(()=>{if(!(!s.active||!r.value)&&c.value-r.value.getBoundingClientRect().bottom<0)return"dropup-bottom"});return(d,p)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dropdown-content"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"contentRef",ref:r,class:e.normalizeClass(["absolute my-2xs max-w-[14rem] w-max overflow-hidden",[i.value,d.className]]),style:e.normalizeStyle(o.value)},[e.renderSlot(d.$slots,"default",{itemClick:g},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3}))}});const Z=w(Q,[["__scopeId","data-v-00060433"]]),M=e.defineComponent({__name:"NavDrawer",props:{color:{default:"dark-2"},displayBorder:{type:Boolean,default:!0},toggle:{type:Boolean},navColor:{}},emits:["hbg-click"],setup(a,{emit:c}){const r=a,s=c,l=d=>{s("hbg-click",d)},g=e.computed({get(){return r.toggle},set(d){return d}}),o=(d,p,h)=>{const x=[m("RINGCOLOR",d),m("OFFSETRING",h)];return p&&(x.push(m("BORDER",d)),x.push("border")),x.join(" ")},i=d=>[m("BGCOLOR",d),m("BEFOREBG",d),m("AFTERBG",d)].join(" ");return(d,p)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["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",o(d.color,d.displayBorder,d.navColor)]),onClick:l},[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":p[0]||(p[0]=h=>g.value=h),class:"hidden hamburger__checkbox"},null,512),[[e.vModelCheckbox,g.value]]),e.createElementVNode("div",{class:e.normalizeClass(["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",i(d.color)])},null,2)],2))}});const E=w(M,[["__scopeId","data-v-64909a32"]]),ee={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]"},te={class:"min-h-[24px]"},re={class:"ml-auto"},ae={key:0,class:"hidden lg:block"},se={class:"overflow-hidden lg:hidden"},oe={key:0},le=e.defineComponent({__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(a,{expose:c,emit:r}){const s=a,l=e.useSlots(),g=e.ref(!1),{y:o}=R.useWindowScroll(),i=r,d=()=>{g.value=!1},p=f=>{g.value=!g.value,i("toggle-drawer",f,g.value)},h=f=>{f.style.height="auto";const u=getComputedStyle(f).height;f.style.height="0px",f.offsetHeight,f.style.height=u},x=f=>{f.style.height="auto"},C=f=>{f.style.height=getComputedStyle(f).height,f.offsetHeight,f.style.height="0px"},y=e.computed(()=>{const{bgColor:f,sticky:u}=s,k=[m("BGCOLOR",f)];return u==="all"?(k.push("sticky top-0"),k.join(" ")):u==="tablet"?(k.push("md:sticky top-0"),k.join(" ")):(u==="pc"&&k.push("lg:sticky top-0"),k.join(" "))}),B=e.computed(()=>{const{fadeInOnScroll:f,scrollDistance:u}=s;return f?o.value>=u?"lg:shadow-md bg-opacity-70":"bg-opacity-100":""});return c({headerClose:d}),(f,u)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["w-full items-center z-50 transition ease-in duration-500 delay-150",[B.value,y.value]])},[e.createElementVNode("nav",ee,[e.createElementVNode("div",te,[e.renderSlot(f.$slots,"content",{},void 0,!0)]),e.createElementVNode("div",re,[e.createVNode(E,{color:f.drawerBtnColor,"display-border":f.drawerBtnBorder,class:"block lg:hidden",onHbgClick:p,toggle:g.value,"nav-color":f.bgColor},null,8,["color","display-border","toggle","nav-color"]),e.unref(l)["content-right"]?(e.openBlock(),e.createElementBlock("div",ae,[e.renderSlot(f.$slots,"content-right",{},void 0,!0)])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",se,[e.createVNode(e.Transition,{name:"collapse",onEnter:h,onAfterEnter:x,onLeave:C},{default:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["bg-opacity-80 rounded-md my-2xs mx-xs overflow-hidden",e.unref(m)("BGCOLOR",f.mobileMenuBgColor)])},[e.unref(l)["mobile-content"]?(e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(f.$slots,"mobile-content",{headerClose:d},void 0,!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3})])],2))}});const ie=w(le,[["__scopeId","data-v-94939c1a"]]),ne={class:"lg:flex"},de={class:"flex flex-col justify-between h-full"},ce={key:0},ge={class:"block fixed lg:hidden top-0 right-0 mr-xs mt-xs z-20"},ue={class:"block lg:hidden relative"},pe={key:0,class:"h-full"},he={class:"w-full"},fe=e.defineComponent({__name:"HeaderVertical",props:{bgColor:{default:"light-1"},drawerBtnColor:{default:"dark-1"},drawerBtnBorder:{type:Boolean,default:!0},headerWidth:{default:160}},emits:["toggle-drawer"],setup(a,{expose:c,emit:r}){const s=a,l=e.useSlots(),g=r,o=e.ref(!1),i=h=>{o.value=!o.value,g("toggle-drawer",h,o.value)},d=()=>{o.value=!1},p=e.computed(()=>({"--header-width":`${s.headerWidth}px`}));return c({headerClose:d}),(h,x)=>(e.openBlock(),e.createElementBlock("section",ne,[e.createElementVNode("header",{class:"relative",style:e.normalizeStyle(p.value)},[e.createElementVNode("nav",{class:e.normalizeClass(["hidden lg:block lg:sticky lg:top-0 lg:left-0 lg:h-[100vh] py-sm header-desktop overscroll-contain overflow-y-scroll",[e.unref(m)("BGCOLOR",h.bgColor)]])},[e.createElementVNode("div",de,[e.createElementVNode("div",null,[e.renderSlot(h.$slots,"content",{},void 0,!0)]),e.unref(l)["content-bottom"]?(e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(h.$slots,"content-bottom",{},void 0,!0)])):e.createCommentVNode("",!0)])],2),e.createElementVNode("div",ge,[e.createVNode(E,{color:h.drawerBtnColor,"display-border":h.drawerBtnBorder,class:"block lg:hidden relative",onHbgClick:i,toggle:o.value,"nav-color":h.bgColor},null,8,["color","display-border","toggle","nav-color"])]),e.createElementVNode("div",ue,[e.createVNode(e.Transition,{name:"slide-down",appear:""},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["fixed inset-0 overflow-y-scroll overscroll-contain py-lg px-sm",e.unref(m)("BGCOLOR",h.bgColor)])},[e.unref(l)["mobile-content"]?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(h.$slots,"mobile-content",{headerClose:d},void 0,!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3})])],4),e.createElementVNode("div",he,[e.renderSlot(h.$slots,"default",{},void 0,!0)])]))}});const be=w(fe,[["__scopeId","data-v-e2818e18"]]),me=a=>(e.pushScopeId("data-v-8500b482"),a=a(),e.popScopeId(),a),xe=["visible"],ve={key:0,class:"vertical-placement fixed w-full max-w-md z-[110] px-xs"},ye={key:0,class:"sticky top-0"},ke=me(()=>e.createElementVNode("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)),Ce=[ke],Be={key:1,class:"sticky bottom-0"},we=e.defineComponent({__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(a,{expose:c,emit:r}){const s=a,l=e.useSlots(),g=r,o=e.ref(),i=e.ref(s.visible),d=e.ref(!1),p=()=>{i.value=!i.value},h=()=>{i.value=!0},x=()=>{d.value===!0&&(i.value=!1)},C=()=>{g("open",!0)},y=()=>{g("close",!1)},B=e.computed(()=>{let b;return s.placement==="top"?b=25:s.placement==="bottom"?b=75:b=50,{"--vertical-placement":b+"%"}}),f=()=>{d.value=!0},u=()=>{d.value=!1};return T(o,(b=!1)=>{i.value=b}),e.watch(()=>s.visible,b=>{i.value=b}),e.watch(i,b=>{b===!0?C():b===!1&&d.value===!0&&y()}),c({toggle:p,close:x,open:h}),(b,V)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(B.value),visible:i.value,ref_key:"modalRef",ref:o},[b.noBackdrop?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.Transition,{key:0,name:"fade",appear:"",tag:"div"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("section",{key:0,onClick:x,class:e.normalizeClass(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]",e.unref(m)("BGCOLOR",b.backdropColor)])},null,2)):e.createCommentVNode("",!0)]),_:1})),e.createVNode(e.Transition,{name:"slide-down",tag:"div",onAfterEnter:f,onAfterLeave:u,appear:""},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",ve,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[e.unref(m)("BGCOLOR",b.color),b.className],"relative overscroll-contain overflow-y-scroll max-h-[80vh] md:max-h-[60vh]"])},[b.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(b.$slots,"header",{close:x,status:i.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex justify-between items-center p-xs border-b-2",e.unref(m)("BGCOLOR",b.color)])},[b.title?(e.openBlock(),e.createElementBlock("h3",{key:0,class:e.normalizeClass(["h3-md",e.unref(m)("TEXTCOLOR",b.titleColor)])},e.toDisplayString(b.title),3)):e.createCommentVNode("",!0),e.createElementVNode("button",{onClick:x},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512",class:e.normalizeClass(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm",[e.unref(m)("SVGFILL",b.titleColor)]])},Ce,2))])],2)],!0)])),e.renderSlot(b.$slots,"body",{close:x,status:i.value},void 0,!0),e.unref(l).footer?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(b.$slots,"footer",{close:x,status:i.value},void 0,!0)])):e.createCommentVNode("",!0)],2)),[[e.unref(_),x]])])):e.createCommentVNode("",!0)]),_:3})],12,xe))}});const _e=w(we,[["__scopeId","data-v-8500b482"]]),Re=a=>(e.pushScopeId("data-v-d725bf18"),a=a(),e.popScopeId(),a),Te=["visible"],Ve=Re(()=>e.createElementVNode("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)),Oe=[Ve],Ee={class:"sidebar-body-height"},Se=e.defineComponent({__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(a,{expose:c,emit:r}){const s=a,l=e.useSlots(),g=r,o=e.ref(s.visible),i=e.ref(!1),d=e.ref(),p=e.ref(),h=e.ref(),x=()=>{o.value=!o.value},C=()=>{o.value=!0},y=()=>{i.value===!0&&(o.value=!1)},B=()=>{g("open",!0)},f=()=>{g("close",!1)},u=e.computed(()=>({"--sidebar-width":`${s.width}px`,"--header-height":p.value&&o.value?p.value.scrollHeight+"px":"0px","--footer-height":h.value&&o.value?h.value.scrollHeight+"px":"0px"})),k=e.computed(()=>s.placement==="left"?"sidebar-left":"sidebar-right"),b=()=>{i.value=!0},V=()=>{i.value=!1};return T(d,(v=!1)=>{o.value=v}),e.watch(()=>s.visible,v=>{o.value=v}),e.watch(o,v=>{v===!0?B():v===!1&&i.value===!0&&f()}),c({toggle:x,open:C,close:y}),(v,He)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(u.value),visible:o.value,ref_key:"sidebarRef",ref:d},[v.noBackdrop?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.Transition,{key:0,name:"fade",appear:"",tag:"div"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("section",{key:0,onClick:y,class:e.normalizeClass(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]",e.unref(m)("BGCOLOR",v.backdropColor)])},null,2)):e.createCommentVNode("",!0)]),_:1})),e.createVNode(e.Transition,{name:k.value,onAfterEnter:b,onAfterLeave:V,appear:""},{default:e.withCtx(()=>[o.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-body fixed h-full overflow-hidden inset-y-0 shadow z-[110]",[v.placement==="left"?"left-0":"right-0"]])},[e.createElementVNode("div",{class:e.normalizeClass(["relative h-full overscroll-contain overflow-y-scroll",[e.unref(m)("BGCOLOR",v.color),v.className]])},[v.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"sticky top-0",ref_key:"headerRef",ref:p},[e.renderSlot(v.$slots,"header",{close:y,status:o.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex justify-between items-center p-xs",e.unref(m)("BGCOLOR",v.color)])},[v.title?(e.openBlock(),e.createElementBlock("h3",{key:0,class:e.normalizeClass(["h3-md",e.unref(m)("TEXTCOLOR",v.titleColor)])},e.toDisplayString(v.title),3)):e.createCommentVNode("",!0),e.createElementVNode("button",{onClick:y},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512",class:e.normalizeClass(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm",[e.unref(m)("SVGFILL",v.titleColor)]])},Oe,2))])],2)],!0)],512)),e.createElementVNode("div",Ee,[e.renderSlot(v.$slots,"body",{close:y,status:o.value},void 0,!0)]),e.unref(l).footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:"sticky bottom-0",ref_key:"footerRef",ref:h},[e.renderSlot(v.$slots,"footer",{close:y,status:o.value},void 0,!0)],512)):e.createCommentVNode("",!0)],2)],2)),[[e.unref(_),y]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],12,Te))}});const Ne=w(Se,[["__scopeId","data-v-d725bf18"]]);exports.Alert=F;exports.ClientSideRender=O;exports.Collapse=P;exports.DropdownContainer=J;exports.DropdownContent=Z;exports.HeaderHorizontal=ie;exports.HeaderVertical=be;exports.Modal=_e;exports.Sidebar=Ne;exports.default=m;exports.vClickOutside=_;exports.vCollapse=q;exports.vToggle=U;exports.vTooltip=K;