@bobbykim/manguito-theme 1.0.2 → 1.2.0

package/dist/index-CKV6der_.cjs

@@ -0,0 +1 @@
+"use strict";const v=require("isomorphic-dompurify"),r=require("vue"),u=require("./index-CsKLajvY.cjs"),f=(t,e,i)=>!e||!(e instanceof Node)||t===e||t.contains(e)?!1:i?.length?!i.some(o=>o===e||o.contains(e)):!0,s=t=>typeof t.value=="function"?{handler:t.value,events:["click"]}:{handler:t.value.handler,events:t.value.events||["click"],excludeElements:t.value.excludeElements},c=(t,e,i)=>o=>{f(t,o.target,i)&&e(o)},p={mounted(t,e){const{handler:i,events:o,excludeElements:l}=s(e);t.__ClickOutsideHandler=c(t,i,l),o.forEach(n=>{document.addEventListener(n,t.__ClickOutsideHandler,!0)})},updated(t,e){t.__ClickOutsideHandler&&s({...e,value:e.oldValue}).events.forEach(a=>{document.removeEventListener(a,t.__ClickOutsideHandler,!0)});const{handler:i,events:o,excludeElements:l}=s(e);t.__ClickOutsideHandler=c(t,i,l),o.forEach(n=>{document.addEventListener(n,t.__ClickOutsideHandler,!0)})},unmounted(t,e){if(t.__ClickOutsideHandler){const{events:i}=s(e);i.forEach(o=>{document.removeEventListener(o,t.__ClickOutsideHandler,!0)}),delete t.__ClickOutsideHandler}}},d={left:"tooltip-left",top:"tooltip-top",bottom:"tooltip-bottom",right:"tooltip-right"},C=r.defineComponent({name:"Tooltip",props:{id:{type:String,default:void 0},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:""},content:{type:String,required:!0}},setup(t){const e="invisible opacity-0 group-hover:visible group-hover:opacity-100 group-focus:visible group-focus:opacity-100 z-[100] tooltip",i=r.computed(()=>[u.generateClass.bgColorVariant({color:t.color}),u.generateClass.textColorVariant({color:t.textColor})].join(" ")),o=r.computed(()=>({width:`${t.width}px`})),l=r.computed(()=>d[t.direction]||d.right),n=r.computed(()=>[e,l.value,i.value,t.customClass]);return()=>r.h("div",{id:t.id,class:n.value,role:"tooltip",innerHTML:v.sanitize(t.content),style:[o.value]})}});exports.tooltip=C;exports.vClickOutside=p;

package/dist/index-CsKLajvY.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("class-variance-authority"),t=r.cva("",{variants:{color:{primary:"mcl-bg-primary",secondary:"mcl-bg-secondary",success:"mcl-bg-success",danger:"mcl-bg-danger",info:"mcl-bg-info",warning:"mcl-bg-warning","light-1":"mcl-bg-light-1","light-2":"mcl-bg-light-2","light-3":"mcl-bg-light-3","light-4":"mcl-bg-light-4","dark-1":"mcl-bg-dark-1","dark-2":"mcl-bg-dark-2","dark-3":"mcl-bg-dark-3","dark-4":"mcl-bg-dark-4",black:"mcl-bg-black",white:"mcl-bg-white",transparent:"mcl-bg-transparent"}}}),i=r.cva("",{variants:{color:{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"}}}),e=r.cva("",{variants:{color:{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"}}}),o=r.cva("",{variants:{color:{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=r.cva("",{variants:{color:{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"}}}),l=r.cva("",{variants:{color:{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"}}}),s=r.cva("",{variants:{color:{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"}}}),d=r.cva("",{variants:{color:{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"}}}),c=r.cva("",{variants:{color:{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"}}}),g=r.cva("",{variants:{color:{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"}}}),b=r.cva("",{variants:{color:{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"}}}),h=r.cva("",{variants:{color:{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"}}}),x=r.cva("",{variants:{color:{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"}}}),p=r.cva("",{variants:{color:{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"}}}),lr=r.cva("",{variants:{color:{primary:"peer-checked:bg-primary",secondary:"peer-checked:bg-secondary",success:"peer-checked:bg-success",danger:"peer-checked:bg-danger",info:"peer-checked:bg-info",warning:"peer-checked:bg-warning","light-1":"peer-checked:bg-light-1","light-2":"peer-checked:bg-light-2","light-3":"peer-checked:bg-light-3","light-4":"peer-checked:bg-light-4","dark-1":"peer-checked:bg-dark-1","dark-2":"peer-checked:bg-dark-2","dark-3":"peer-checked:bg-dark-3","dark-4":"peer-checked:bg-dark-4",black:"peer-checked:bg-black",white:"peer-checked:bg-white",transparent:"peer-checked:bg-transparent"}}}),sr=r.cva("",{variants:{color:{primary:"peer-focus-visible:ring-primary",secondary:"peer-focus-visible:ring-secondary",success:"peer-focus-visible:ring-success",danger:"peer-focus-visible:ring-danger",info:"peer-focus-visible:ring-info",warning:"peer-focus-visible:ring-warning","light-1":"peer-focus-visible:ring-light-1","light-2":"peer-focus-visible:ring-light-2","light-3":"peer-focus-visible:ring-light-3","light-4":"peer-focus-visible:ring-light-4","dark-1":"peer-focus-visible:ring-dark-1","dark-2":"peer-focus-visible:ring-dark-2","dark-3":"peer-focus-visible:ring-dark-3","dark-4":"peer-focus-visible:ring-dark-4",black:"peer-focus-visible:ring-black",white:"peer-focus-visible:ring-white",transparent:"peer-focus-visible:ring-transparent"}}}),dr=r.cva("",{variants:{color:{primary:"focus-visible:ring-primary",secondary:"focus-visible:ring-secondary",success:"focus-visible:ring-success",danger:"focus-visible:ring-danger",info:"focus-visible:ring-info",warning:"focus-visible:ring-warning","light-1":"focus-visible:ring-light-1","light-2":"focus-visible:ring-light-2","light-3":"focus-visible:ring-light-3","light-4":"focus-visible:ring-light-4","dark-1":"focus-visible:ring-dark-1","dark-2":"focus-visible:ring-dark-2","dark-3":"focus-visible:ring-dark-3","dark-4":"focus-visible:ring-dark-4",black:"focus-visible:ring-black",white:"focus-visible:ring-white",transparent:"focus-visible:ring-transparent"}}}),m=r.cva("",{variants:{color:{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"}}}),k=r.cva("",{variants:{color:{primary:"mcl-outline-primary",secondary:"mcl-outline-secondary",success:"mcl-outline-success",danger:"mcl-outline-danger",info:"mcl-outline-info",warning:"mcl-outline-warning","light-1":"mcl-outline-light-1","light-2":"mcl-outline-light-2","light-3":"mcl-outline-light-3","light-4":"mcl-outline-light-4","dark-1":"mcl-outline-dark-1","dark-2":"mcl-outline-dark-2","dark-3":"mcl-outline-dark-3","dark-4":"mcl-outline-dark-4",black:"mcl-outline-black",white:"mcl-outline-white",transparent:"mcl-outline-transparent"}}}),f=r.cva("",{variants:{color:{primary:"focus:mcl-outline-primary",secondary:"focus:mcl-outline-secondary",success:"focus:mcl-outline-success",danger:"focus:mcl-outline-danger",info:"focus:mcl-outline-info",warning:"focus:mcl-outline-warning","light-1":"focus:mcl-outline-light-1","light-2":"focus:mcl-outline-light-2","light-3":"focus:mcl-outline-light-3","light-4":"focus:mcl-outline-light-4","dark-1":"focus:mcl-outline-dark-1","dark-2":"focus:mcl-outline-dark-2","dark-3":"focus:mcl-outline-dark-3","dark-4":"focus:mcl-outline-dark-4",black:"focus:mcl-outline-black",white:"focus:mcl-outline-white",transparent:"focus:mcl-outline-transparent"}}}),u=r.cva("",{variants:{color:{primary:"active:mcl-outline-primary",secondary:"active:mcl-outline-secondary",success:"active:mcl-outline-success",danger:"active:mcl-outline-danger",info:"active:mcl-outline-info",warning:"active:mcl-outline-warning","light-1":"active:mcl-outline-light-1","light-2":"active:mcl-outline-light-2","light-3":"active:mcl-outline-light-3","light-4":"active:mcl-outline-light-4","dark-1":"active:mcl-outline-dark-1","dark-2":"active:mcl-outline-dark-2","dark-3":"active:mcl-outline-dark-3","dark-4":"active:mcl-outline-dark-4",black:"active:mcl-outline-black",white:"active:mcl-outline-white",transparent:"active:mcl-outline-transparent"}}}),v=r.cva("",{variants:{color:{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"}}}),y=r.cva("",{variants:{color:{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"}}}),w=r.cva("",{variants:{color:{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"}}}),V=r.cva("",{variants:{color:{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"}}}),C=r.cva("",{variants:{color:{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"}}}),W=r.cva("",{variants:{color:{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"}}}),B=r.cva("",{variants:{color:{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"}}}),T=r.cva("",{variants:{color:{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"}}}),R=r.cva("",{variants:{color:{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"}}}),O=r.cva("",{variants:{size:{xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"}}}),M=r.cva("",{variants:{weight:{light:"font-light",normal:"font-normal",bold:"font-bold"}}}),_=r.cva("",{variants:{align:{left:"text-left",center:"text-center",right:"text-right"}}}),L=r.cva("",{variants:{size:{sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"}}}),X=r.cva("",{variants:{size:{sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"}}}),Y=r.cva("",{variants:{size:{sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"}}}),z=r.cva("",{variants:{size:{sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}}),cr={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]"},gr={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]"},br={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]"},hr={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]"},xr={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]"},pr={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]"},mr={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]"},A=a=>cr[a.width]??"",F=a=>gr[a.width]??"",q=a=>br[a.width]??"",j=a=>hr[a.width]??"",D=a=>xr[a.width]??"",E=a=>pr[a.width]??"",G=a=>mr[a.width]??"",kr={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"},fr={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"},ur={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"},H=a=>kr[a.opacity]??"",I=a=>fr[a.opacity]??"",J=a=>ur[a.opacity]??"",K=r.cva("",{variants:{spacing:{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=r.cva("",{variants:{spacing:{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"}}}),P=r.cva("",{variants:{spacing:{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"}}}),Q=r.cva("",{variants:{spacing:{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"}}}),S=r.cva("",{variants:{spacing:{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"}}}),U=r.cva("",{variants:{spacing:{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"}}}),Z=r.cva("",{variants:{spacing:{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"}}}),$=r.cva("",{variants:{spacing:{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"}}}),rr=r.cva("",{variants:{spacing:{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"}}}),ar=r.cva("",{variants:{spacing:{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"}}}),tr=r.cva("",{variants:{spacing:{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"}}}),ir=r.cva("",{variants:{spacing:{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"}}}),er=r.cva("",{variants:{spacing:{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"}}}),or=r.cva("",{variants:{spacing:{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"}}}),nr=r.cva("",{variants:{spacing:{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"}}}),vr={bgColorVariant:t,hoverBgColorVariant:i,focusBgColorVariant:e,beforeBgColorVariant:o,afterBgColorVariant:n,activeBgColorVariant:l,textColorVariant:s,hoverTextColorVariant:d,focusTextColorVariant:c,disabledTextColorVariant:g,svgFillColorVariant:b,ringColorVariant:h,focusRingColorVariant:x,activeRingColorVariant:p,peerCheckedBgColorVariant:lr,peerFocusVisibleRingColorVariant:sr,focusVisibleRingColorVariant:dr,ringOffsetColorVariant:m,outlineColorVariant:k,focusOutlineColorVariant:f,activeOutlineColorVariant:u,btnColorVariant:v,listColorVariant:y,borderColorVariant:w,borderXColorVariant:V,borderYColorVariant:C,borderTopColorVariant:W,borderBottomColorVariant:B,borderLeftColorVariant:T,borderRightColorVariant:R,bodyTextVariant:O,fontWeightVariant:M,textAlignVariant:_,h1Variant:L,h2Variant:X,h3Variant:Y,h4Variant:z,borderWidthVariant:A,borderXWidthVariant:F,borderYWidthVariant:q,borderTopWidthVariant:j,borderBottomWidthVariant:D,borderLeftWidthVariant:E,borderRightWidthVariant:G,opacityVariant:H,bgOpacityVariant:I,outlineOpacityVariant:J,marginVariant:K,marginXVariant:N,marginYVariant:P,marginTopVariant:Q,marginBottomVariant:S,marginLeftVariant:U,marginRightVariant:Z,paddingVariant:$,paddingXVariant:rr,paddingYVariant:ar,paddingTopVariant:tr,paddingBottomVariant:ir,paddingLeftVariant:er,paddingRightVariant:or,gapVariant:nr};exports.activeBgColorVariant=l;exports.activeOutlineColorVariant=u;exports.activeRingColorVariant=p;exports.afterBgColorVariant=n;exports.beforeBgColorVariant=o;exports.bgColorVariant=t;exports.bgOpacityVariant=I;exports.bodyTextVariant=O;exports.borderBottomColorVariant=B;exports.borderBottomWidthVariant=D;exports.borderColorVariant=w;exports.borderLeftColorVariant=T;exports.borderLeftWidthVariant=E;exports.borderRightColorVariant=R;exports.borderRightWidthVariant=G;exports.borderTopColorVariant=W;exports.borderTopWidthVariant=j;exports.borderWidthVariant=A;exports.borderXColorVariant=V;exports.borderXWidthVariant=F;exports.borderYColorVariant=C;exports.borderYWidthVariant=q;exports.btnColorVariant=v;exports.disabledTextColorVariant=g;exports.focusBgColorVariant=e;exports.focusOutlineColorVariant=f;exports.focusRingColorVariant=x;exports.focusTextColorVariant=c;exports.fontWeightVariant=M;exports.gapVariant=nr;exports.generateClass=vr;exports.h1Variant=L;exports.h2Variant=X;exports.h3Variant=Y;exports.h4Variant=z;exports.hoverBgColorVariant=i;exports.hoverTextColorVariant=d;exports.listColorVariant=y;exports.marginBottomVariant=S;exports.marginLeftVariant=U;exports.marginRightVariant=Z;exports.marginTopVariant=Q;exports.marginVariant=K;exports.marginXVariant=N;exports.marginYVariant=P;exports.opacityVariant=H;exports.outlineColorVariant=k;exports.outlineOpacityVariant=J;exports.paddingBottomVariant=ir;exports.paddingLeftVariant=er;exports.paddingRightVariant=or;exports.paddingTopVariant=tr;exports.paddingVariant=$;exports.paddingXVariant=rr;exports.paddingYVariant=ar;exports.ringColorVariant=h;exports.ringOffsetColorVariant=m;exports.svgFillColorVariant=b;exports.textAlignVariant=_;exports.textColorVariant=s;

package/dist/index-r-cHwpQM.js

@@ -0,0 +1,101 @@
+import f from "isomorphic-dompurify";
+import { defineComponent as v, computed as l, h as p } from "vue";
+import { g as u } from "./index-CDXrm85l.js";
+const m = (t, e, i) => !e || !(e instanceof Node) || t === e || t.contains(e) ? !1 : i?.length ? !i.some(
+  (o) => o === e || o.contains(e)
+) : !0, s = (t) => typeof t.value == "function" ? {
+  handler: t.value,
+  events: ["click"]
+} : {
+  handler: t.value.handler,
+  events: t.value.events || ["click"],
+  excludeElements: t.value.excludeElements
+}, c = (t, e, i) => (o) => {
+  m(t, o.target, i) && e(o);
+}, O = {
+  mounted(t, e) {
+    const { handler: i, events: o, excludeElements: r } = s(e);
+    t.__ClickOutsideHandler = c(t, i, r), o.forEach((n) => {
+      document.addEventListener(n, t.__ClickOutsideHandler, !0);
+    });
+  },
+  updated(t, e) {
+    t.__ClickOutsideHandler && s({
+      ...e,
+      value: e.oldValue
+    }).events.forEach((d) => {
+      document.removeEventListener(d, t.__ClickOutsideHandler, !0);
+    });
+    const { handler: i, events: o, excludeElements: r } = s(e);
+    t.__ClickOutsideHandler = c(t, i, r), o.forEach((n) => {
+      document.addEventListener(n, t.__ClickOutsideHandler, !0);
+    });
+  },
+  unmounted(t, e) {
+    if (t.__ClickOutsideHandler) {
+      const { events: i } = s(e);
+      i.forEach((o) => {
+        document.removeEventListener(o, t.__ClickOutsideHandler, !0);
+      }), delete t.__ClickOutsideHandler;
+    }
+  }
+}, a = {
+  left: "tooltip-left",
+  top: "tooltip-top",
+  bottom: "tooltip-bottom",
+  right: "tooltip-right"
+}, k = v({
+  name: "Tooltip",
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    },
+    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: ""
+    },
+    content: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const e = "invisible opacity-0 group-hover:visible group-hover:opacity-100 group-focus:visible group-focus:opacity-100 z-[100] tooltip", i = l(() => [
+      u.bgColorVariant({ color: t.color }),
+      u.textColorVariant({ color: t.textColor })
+    ].join(" ")), o = l(() => ({ width: `${t.width}px` })), r = l(() => a[t.direction] || a.right), n = l(() => [
+      e,
+      r.value,
+      i.value,
+      t.customClass
+    ]);
+    return () => p("div", {
+      id: t.id,
+      class: n.value,
+      role: "tooltip",
+      innerHTML: f.sanitize(t.content),
+      style: [o.value]
+    });
+  }
+});
+export {
+  k as t,
+  O as v
+};

package/dist/useModalScrollLock-BUdEkX4m.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("@vueuse/core"),o=require("vue"),v=e=>e.getAttribute("visible")==="true",b=e=>e.type==="attributes"&&e.attributeName==="visible",d=(e,s)=>n.useMutationObserver(e,l=>{const t=l.find(b);if(!t)return;const u=t.target,c=v(u);s(c)},{attributes:!0,attributeFilter:["visible"]}),r=Symbol("accordion"),p=()=>{const e=o.ref(null);o.provide(r,{openId:e})},g=(e,s=!1)=>{const l=o.inject(r,null);if(l){const t=o.computed(()=>l.openId.value===e);return{isOpen:t,toggle:()=>{l.openId.value=t.value?null:e},open:()=>{l.openId.value=e},close:()=>{t.value&&(l.openId.value=null)}}}else{const t=o.ref(o.isRef(s)?s.value:s);return o.isRef(s)&&o.watch(s,i=>{t.value=i}),{isOpen:o.computed(()=>t.value),toggle:()=>{t.value=!t.value},open:()=>{t.value=!0},close:()=>{t.value=!1}}}},f=e=>{const s=o.shallowRef(null),l=n.useScrollLock(s);o.onMounted(()=>{s.value=document.documentElement,l.value=e.value}),o.watch(e,t=>{l.value=t})};exports.observeVisibleAttr=d;exports.provideAccordion=p;exports.useCollapseState=g;exports.useModalScrollLock=f;

package/dist/useModalScrollLock-CZPywtVE.js

@@ -0,0 +1,56 @@
+import { useMutationObserver as p, useScrollLock as d } from "@vueuse/core";
+import { ref as c, provide as g, inject as f, computed as u, isRef as r, watch as a, shallowRef as m, onMounted as A } from "vue";
+const I = (e) => e.getAttribute("visible") === "true", C = (e) => e.type === "attributes" && e.attributeName === "visible", h = (e, o) => p(
+  e,
+  (s) => {
+    const t = s.find(C);
+    if (!t)
+      return;
+    const l = t.target, n = I(l);
+    o(n);
+  },
+  {
+    attributes: !0,
+    attributeFilter: ["visible"]
+    // only watch the visible attribute
+  }
+), i = /* @__PURE__ */ Symbol("accordion"), k = () => {
+  const e = c(null);
+  g(i, { openId: e });
+}, L = (e, o = !1) => {
+  const s = f(i, null);
+  if (s) {
+    const t = u(() => s.openId.value === e);
+    return { isOpen: t, toggle: () => {
+      s.openId.value = t.value ? null : e;
+    }, open: () => {
+      s.openId.value = e;
+    }, close: () => {
+      t.value && (s.openId.value = null);
+    } };
+  } else {
+    const t = c(r(o) ? o.value : o);
+    return r(o) && a(o, (b) => {
+      t.value = b;
+    }), { isOpen: u(() => t.value), toggle: () => {
+      t.value = !t.value;
+    }, open: () => {
+      t.value = !0;
+    }, close: () => {
+      t.value = !1;
+    } };
+  }
+}, R = (e) => {
+  const o = m(null), s = d(o);
+  A(() => {
+    o.value = document.documentElement, s.value = e.value;
+  }), a(e, (t) => {
+    s.value = t;
+  });
+};
+export {
+  R as a,
+  h as o,
+  k as p,
+  L as u
+};

package/dist/util.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./getGlassmorphismClass-CVLAjoa8.cjs");exports.ClientSideRender=e.ClientSideRender;exports.getGlassmorphismClass=e.getGlassmorphismClass;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./getGlassmorphismClass-DqCdKnYl.cjs");exports.ClientSideRender=e.ClientSideRender;exports.getGlassmorphismClass=e.getGlassmorphismClass;

package/dist/util.d.ts

@@ -8,6 +8,13 @@ import { VNode } from 'vue';
 
 declare type BodyText = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
+/**
+ * Renders its default slot only after the component has mounted in the browser.
+ *
+ * Last-resort escape hatch for consumers' own browser-only content. It is not
+ * used inside this library: content that is visible on first paint must be in
+ * the server HTML, so never wrap it in this component.
+ */
 export declare const ClientSideRender: DefineComponent<    {}, () => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[] | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/util.js

@@ -1,4 +1,4 @@
-import { C as a, g as r } from "./getGlassmorphismClass-MdsD9yII.js";
+import { C as a, g as r } from "./getGlassmorphismClass-d_Ji96-u.js";
 export {
   a as ClientSideRender,
   r as getGlassmorphismClass

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
   "type": "module",
   "publishConfig": {
@@ -80,6 +80,7 @@
   "scripts": {
     "build": "vite build && cp lib/style/mcl-theme-v4.css dist/mcl-theme-v4.css",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "test:dist": "node scripts/check-dist-ssr.mjs"
   }
 }