@code-coaching/vuetiful 0.24.5 → 0.24.7

package/dist/vuetiful.es.mjs

@@ -50110,8 +50110,8 @@ const themes = [
       tertiary: { key: "tertiary", label: "Tertiary", hex: "#14B8A6", rgb: "0 0 0", on: "0 0 0" },
       success: { key: "success", label: "Success", hex: "#84CC16", rgb: "0 0 0", on: "0 0 0" },
       warning: { key: "warning", label: "Warning", hex: "#EAB308", rgb: "0 0 0", on: "0 0 0" },
-      error: { key: "error", label: "Error", hex: "#EF4444", rgb: "0 0 0", on: "0 0 0" },
-      surface: { key: "surface", label: "Surface", hex: "#6366F1", rgb: "0 0 0", on: "0 0 0" }
+      error: { key: "error", label: "Error", hex: "#EF4444", rgb: "0 0 0", on: "255 255 255" },
+      surface: { key: "surface", label: "Surface", hex: "#6366F1", rgb: "0 0 0", on: "255 255 255" }
     },
     fonts: {
       base: "system-ui",

package/dist/vuetiful.umd.js

@@ -22,7 +22,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=A),h===void 0&&(
       ${e.classTabs}`)},{default:n.withCtx(()=>[n.renderSlot(r.$slots,"tabs")]),_:3},8,["class"]),e.hideSeparator?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,"data-test":"vuetiful-tab-separator",class:n.normalizeClass(`border ${e.classSeparator}`)},null,2)),n.createVNode(n.unref(_m),{"data-test":"vuetiful-tab-panels",class:n.normalizeClass(`vuetiful-tab-panels
       ${n.unref(i)?"":`p-4 ${e.vertical?"!rounded-bl-none !rounded-tl-none":"!rounded-tl-none !rounded-tr-none"} rounded-container-token`} ${e.classPanels}`)},{default:n.withCtx(()=>[n.renderSlot(r.$slots,"default")]),_:3},8,["class"])]),_:3},8,["vertical","defaultIndex","class"]))}}),Va=n.defineComponent({__name:"VAccordion",props:{classQuestion:{type:String,default:"bg-surface-200-700-token hover:variant-soft"},classAnswer:{type:String,default:"bg-surface-200-700-token"},unstyled:{type:Boolean,default:!1}},setup(e){const t=e;n.provide("classQuestion",t.classQuestion),n.provide("classAnswer",t.classAnswer);const{settings:a}=Z(),i=a.global.unstyled||a.components.accordion.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(`vuetiful-accordion ${n.unref(i)?"":"flex w-full flex-col gap-1"}`)},[n.renderSlot(r.$slots,"default")],2))}});var fg="";const Ha=e=>(n.pushScopeId("data-v-513d21fc"),e=e(),n.popScopeId(),e),vm={class:"vuetiful-accordion-title"},hm=Ha(()=>n.createElementVNode("svg",{class:"vuetiful-accordion-item-icon-plus icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},[n.createElementVNode("path",{d:"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"})],-1)),Dm=Ha(()=>n.createElementVNode("svg",{class:"vuetiful-accordion-item-icon-minus icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},[n.createElementVNode("path",{d:"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"})],-1));var $a=Ke(n.defineComponent({__name:"VAccordionItem",props:{title:{type:String,required:!0},unstyled:{type:Boolean,default:!1}},setup(e){const t=e,a=n.inject("classQuestion"),i=n.inject("classAnswer"),{settings:r}=Z(),s=r.global.unstyled||r.components.accordionItem.unstyled||t.unstyled;return(o,l)=>(n.openBlock(),n.createBlock(n.unref(Up),{class:"vuetiful-accordion-item",as:"div"},{default:n.withCtx(({open:c})=>[n.createVNode(n.unref(Bp),{class:n.normalizeClass([`${n.unref(s)?"":`${c?"!rounded-bl-none !rounded-br-none":""}`}
       ${n.unref(s)?"":"items-center justify-between p-4 py-2 rounded-container-token hover:cursor-pointer"}
-      ${n.unref(a)}`,"vuetiful-accordion-item-button flex w-full"])},{default:n.withCtx(()=>[n.createElementVNode("span",vm,n.toDisplayString(e.title),1),c?n.createCommentVNode("",!0):n.renderSlot(o.$slots,"open-item",{key:0},()=>[hm],!0),c?n.renderSlot(o.$slots,"close-item",{key:1},()=>[Dm],!0):n.createCommentVNode("",!0)]),_:2},1032,["class"]),n.createVNode(n.unref(Fp),{class:n.normalizeClass(["vuetiful-accordion-item-panel",`${c?`${n.unref(s)?"":"!rounded-tl-none !rounded-tr-none"}`:""} ${n.unref(s)?"":"p-4 py-2 rounded-container-token"} ${n.unref(i)}`])},{default:n.withCtx(()=>[n.renderSlot(o.$slots,"default",{},void 0,!0)]),_:2},1032,["class"])]),_:3}))}}),[["__scopeId","data-v-513d21fc"]]),Cg="";const et=e=>(n.pushScopeId("data-v-5d6982bd"),e=e(),n.popScopeId(),e),Mm={key:0,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Lm=[et(()=>n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},null,-1))],xm={key:1,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},wm=[et(()=>n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"},null,-1))],Pm={key:2,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},km=[et(()=>n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"},null,-1))],Um={key:3,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Bm=[et(()=>n.createElementVNode("path",{d:"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"},null,-1))],Fm=[et(()=>n.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))];var za=Ke(n.defineComponent({__name:"VAlert",props:{hideIcon:{type:Boolean,default:!1},showClose:{type:Boolean,default:!1},show:{type:Boolean,default:!0},type:{type:String,default:""},classPre:{type:String,default:""},classMessage:{type:String,default:""},classClose:{type:String,default:""},unstyled:{type:Boolean,default:!1}},emits:["close"],setup(e,{emit:t}){const a=e,i=n.computed(()=>{switch(a.type){case"info":return"variant-filled";case"success":return"variant-filled-success";case"warning":return"variant-filled-warning";case"error":return"variant-filled-error";case"":return""}}),r=()=>t("close"),s=c=>{(c.key==="Enter"||c.key===" ")&&r()},{settings:o}=Z(),l=o.global.unstyled||o.components.alert.unstyled||a.unstyled;return(c,_)=>e.show?(n.openBlock(),n.createElementBlock("aside",{key:0,class:n.normalizeClass(`vuetiful-alert flex ${n.unref(l)?"":"w-full items-center gap-4 p-4 border-token rounded-container-token"} ${n.unref(i)}`)},[e.hideIcon?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(`vuetiful-alert-pre ${e.classPre}`)},[c.$slots.pre?n.renderSlot(c.$slots,"pre",{key:0},void 0,!0):n.createCommentVNode("",!0),c.$slots.pre?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[e.type==="info"?(n.openBlock(),n.createElementBlock("svg",Mm,Lm)):n.createCommentVNode("",!0),e.type==="success"?(n.openBlock(),n.createElementBlock("svg",xm,wm)):n.createCommentVNode("",!0),e.type==="warning"?(n.openBlock(),n.createElementBlock("svg",Pm,km)):n.createCommentVNode("",!0),e.type==="error"?(n.openBlock(),n.createElementBlock("svg",Um,Bm)):n.createCommentVNode("",!0)],64))],2)),n.createElementVNode("div",{class:n.normalizeClass(`vuetiful-alert-message ${n.unref(l)?"":"flex-auto"} ${e.classMessage}`)},[n.renderSlot(c.$slots,"default",{},void 0,!0)],2),n.renderSlot(c.$slots,"actions",{},void 0,!0),e.showClose?(n.openBlock(),n.createElementBlock("svg",{key:1,"data-test":"close",tabindex:"0",onKeydown:s,onClick:r,class:n.normalizeClass(`vuetiful-alert-close-icon icon hover:cursor-pointer ${e.classClose}`),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},Fm,34)):n.createCommentVNode("",!0)],2)):n.createCommentVNode("",!0)}}),[["__scopeId","data-v-5d6982bd"]]),hg="";const Gm=["tabindex"],qa=n.defineComponent({__name:"VCard",props:{hideSeparator:{type:Boolean,default:!1},background:{type:String,default:"bg-surface-200-700-token"},text:{type:String,default:"text-surface-900-50-token"},clickable:{type:Boolean,default:!1},unstyled:le},emits:["click"],setup(e,{emit:t}){const a=e;n.provide("hideSeparator",a.hideSeparator);const i=()=>{!a.clickable||t("click")},r=l=>{!a.clickable||(l.key==="Enter"&&(l.preventDefault(),t("click")),l.key===" "&&(l.preventDefault(),t("click")))},{settings:s}=Z(),o=s.global.unstyled||s.components.card.unstyled||a.unstyled;return(l,c)=>(n.openBlock(),n.createElementBlock("div",{onClick:i,onKeydown:r,tabindex:e.clickable?0:void 0,class:n.normalizeClass(`vuetiful-card flex flex-col ${n.unref(o)?"":"border-token rounded-container-token ring-outline-token"} ${e.background} ${e.text} ${e.clickable?`${n.unref(o)?"":"card-hover"} hover:cursor-pointer`:""}`)},[n.renderSlot(l.$slots,"default")],42,Gm))}}),Wa=n.defineComponent({__name:"VCardBody",props:{unstyled:le},setup(e){const t=e,{settings:a}=Z(),i=a.global.unstyled||a.components.cardBody.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createElementBlock("div",{"data-test":"vuetiful-card-body-content",class:n.normalizeClass(`vuetiful-card-body ${n.unref(i)?"":"p-4"}`)},[n.renderSlot(r.$slots,"default")],2))}}),Ka=n.defineComponent({__name:"VCardFooter",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:le},setup(e){const t=e,a=n.inject("hideSeparator",!1),r=n.useAttrs().class,{settings:s}=Z(),o=s.global.unstyled||s.components.cardBody.unstyled||t.unstyled;return(l,c)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.unref(a)?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("hr",{key:0,"data-test":"vuetiful-card-footer-separator",class:n.normalizeClass(["divider",e.classSeparator])},null,2)),n.createElementVNode("div",{"data-test":"vuetiful-card-footer-content",class:n.normalizeClass(`vuetiful-card-footer ${n.unref(o)?"":"p-4"} ${n.unref(r)}`)},[n.renderSlot(l.$slots,"default")],2)],64))}});var Dg="";const Qa=n.defineComponent({__name:"VCardHeader",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:le},setup(e){const t=e,a=n.ref(),i=n.computed(()=>{var p;const _=(p=a.value)==null?void 0:p.children;return _?Array.from(_).some(m=>m.tagName==="IMG"):!1}),r=n.inject("hideSeparator",!1),o=n.useAttrs().class,{settings:l}=Z(),c=l.global.unstyled||l.components.cardHeader.unstyled||t.unstyled;return(_,d)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("div",{ref_key:"headerRef",ref:a,"data-test":"vuetiful-card-header-content",class:n.normalizeClass(`vuetiful-card-header ${n.unref(i)?"":`${n.unref(c)?"":"p-4"}`} ${n.unref(o)}`)},[n.renderSlot(_.$slots,"default")],2),n.unref(r)?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("hr",{key:0,"data-test":"vuetiful-card-header-separator",class:n.normalizeClass(["divider",e.classSeparator])},null,2))],64))}});var Mg="";const Ym=["innerHTML"],Xa=n.defineComponent({__name:"VCodeBlock",props:{language:{type:String,default:"plaintext"},code:{type:String,default:""},preventOverflow:{type:Boolean,default:!1},classHeader:{type:String,default:""},classLanguage:{type:String,default:""},classPre:{type:String,default:""},classCode:{type:String,default:""},classButton:{type:String,default:""},buttonText:{type:String,default:"Copy"},buttonCopiedText:{type:String,default:"\u{1F44D}"},unstyled:le},emits:["copy"],setup(e,{emit:t}){const a=e,{highlight:i}=Qn(),r=n.ref(!1);function s(_){return _==="js"?"javascript":_==="ts"?"typescript":["sh","bash","zsh","shell"].includes(_)?"console":_}function o(){r.value=!0,setTimeout(()=>{r.value=!1},2e3),t("copy")}const{settings:l}=Z(),c=l.global.unstyled||l.components.codeBlock.unstyled||a.unstyled;return(_,d)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(`vuetiful-code-block code-block ${n.unref(c)?"":"max-w-full bg-[#171717] text-sm text-white shadow rounded-container-token"}`)},[n.createElementVNode("header",{class:n.normalizeClass(`vuetiful-code-block-header ${n.unref(c)?"":"flex items-center justify-between p-2 pb-0 pl-4 text-xs uppercase text-[#a4a4a4]"} ${e.classHeader}`)},[n.createElementVNode("span",{class:n.normalizeClass(`vuetiful-code-block-language ${e.classLanguage}`)},n.toDisplayString(s(e.language)),3),n.withDirectives((n.openBlock(),n.createBlock(n.unref(Fe),{size:"sm",class:n.normalizeClass(`vuetiful-code-block-button ${e.classButton?e.classButton:"bg-[#171717] text-[#a4a4a4] dark:bg-[#171717] dark:text-[#a4a4a4]"}`),onClick:d[0]||(d[0]=p=>o())},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(r.value?e.buttonCopiedText:e.buttonText),1)]),_:1},8,["class"])),[[n.unref(tr),e.code]])],2),n.createElementVNode("pre",{class:n.normalizeClass(`vuetiful-code-block-pre ${n.unref(c)?"":"!rounded-t-none bg-transparent p-4 !pt-0"} ${e.preventOverflow?"whitespace-pre-wrap break-all":"overflow-auto"} ${e.classPre}`)},[n.createElementVNode("code",{class:n.normalizeClass(`vuetiful-code-block-code language-${e.language} ${e.classCode}`),innerHTML:n.unref(i)(e.code,e.language)},null,10,Ym)],2)],2))}});var Za=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",VAvatar:an,VButton:Fe,VBadge:Xn,VChip:Zn,VLightSwitch:Ut,VRadioGroup:Ye,VRadioItem:Ie,VRadioLabel:Aa,VRadioDescription:Ia,VSwitchGroup:ha,VSwitchLabel:Da,VSwitchDescription:va,VSwitch:ya,VAccordion:Va,VAccordionItem:$a,VAlert:za,VCard:qa,VCardBody:Wa,VCardFooter:Ka,VCardHeader:Qa,VCodeBlock:Xa,VDrawer:Ma,VListbox:Ua,VListboxButton:Qt,VListboxItem:Ba,VListboxItems:Xt,VListboxLabel:Zt,VPreview:La,VRail:xa,VRailTile:wa,VShell:Pa,VTab:Fa,VTabPanel:Ga,VTabs:Ya}),Lg="",xg="";const Vm=["primary","secondary","tertiary","success","warning","error","surface"],Ja=()=>{function e(u){const T=u.replaceAll("##","#"),b=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(T);if(!b)return null;const[,R,C,N]=b;return{r:parseInt(R,16),g:parseInt(C,16),b:parseInt(N,16)}}function t(u){const T=u.replaceAll("##","#"),b=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(T);if(!b)return"(invalid)";const[,R,C,N]=b;return`${parseInt(R,16)} ${parseInt(C,16)} ${parseInt(N,16)}`}function a(u,T,b){const R=C=>`0${C.toString(16)}`.slice(-2);return`#${R(u)}${R(T)}${R(b)}`}function i(u){const T=p(u,"#000000"),b=p(u,"#FFFFFF");return T<b?"0 0 0":"255 255 255"}function r(u,T){const b=e(`#${u}`);if(!b)return"";const R=Math.round(b.r+(255-b.r)*T),C=Math.round(b.g+(255-b.g)*T),N=Math.round(b.b+(255-b.b)*T);return a(R,C,N)}function s(u,T){const b=e(u);if(!b)return"";const R=Math.round(b.r*T),C=Math.round(b.g*T),N=Math.round(b.b*T);return a(R,C,N)}function o(u){new RegExp(/^#[0-9a-f]{6}$/i).test(u)||(u="#CCCCCC");const b=`#${u}`.replace("##","#"),R={500:{hex:b,rgb:t(b),on:i(b)}},C={50:.85,100:.8,200:.75,300:.6,400:.3,600:.9,700:.75,800:.6,900:.49};return[50,100,200,300,400].forEach(N=>{const I=r(u,C[N]);R[N]={hex:I,rgb:t(I),on:i(I)}}),[600,700,800,900].forEach(N=>{const I=s(u,C[N]);R[N]={hex:I,rgb:t(I),on:i(I)}}),R}const l={small:{AA:1/4.5,AAA:1/7},large:{AA:1/3,AAA:1/4.5}};function c(u,T,b){const{_r:R,_g:C,_b:N}=typeof u=="object"?{_r:u.r,_g:u.g,_b:u.b}:{_r:u,_g:T,_b:b};if(R===void 0||C===void 0||N===void 0)throw new Error("Invalid RGB value!");const I=[R,C,N].map(function(v){return v/=255,v<=.03928?v/12.92:Math.pow((v+.055)/1.055,2.4)});return I[0]*.2126+I[1]*.7152+I[2]*.0722}function _(u){const T=u.match(/(\d+),?\s*(\d+),?\s*(\d+)/);if(!T)throw new Error("Invalid RGB string!");return{r:parseInt(T[1],10),g:parseInt(T[2],10),b:parseInt(T[3],10)}}function d(u,T="rgb"){if(u.includes("--")){u=u.replace(/var\(|\)/g,"");const b=getComputedStyle(document.documentElement).getPropertyValue(u).trim();return d(b,T)}if(u.includes(" ")){const b=_(u);return T==="hex"?a(b.r,b.g,b.b):b}if(u.includes("#")){const b=e(u);return b?T==="hex"?u:b:"(invalid)"}return u}function p(u,T){const b=typeof u=="string"?c(d(u)):u,R=typeof T=="string"?c(d(T)):T;if(b===void 0||R===void 0)throw new Error("Luminance is undefined!");return b>R?(R+.05)/(b+.05):(b+.05)/(R+.05)}function m(u,T,b,R){return p(u,T)<=l[b][R]}function f(u){return/^#[0-9A-F]{6}$/i.test(u)}function g(u,T){const b=d(u,"hex"),R=d(T,"hex"),C=p(b,R),N=m(b,R,"small","AA"),I=m(b,R,"small","AAA"),v=m(b,R,"large","AA"),U=m(b,R,"large","AAA"),F=!N&&!I&&!v&&!U,W={emoji:I?'<i class="fa-solid fa-heart"></i>':N?'<i class="fa-solid fa-star"></i>':v?'<i class="fa-solid fa-star-half-stroke"></i>':'<i class="fa-solid fa-triangle-exclamation"></i>',note:`${b} and ${R} `+(I?"has great contrast!":N?"is satisfactory for larger text":v?"has poor contrast":"fail contrast guidelines")};return{textColor:b,backgroundColor:R,contrast:C,report:W,smallAA:N,smallAAA:I,largeAA:v,largeAAA:U,fails:F}}return{hexToRgb:e,hexToTailwindRgbString:t,rgbToHex:a,generateA11yOnColor:i,lighten:r,darken:s,generatePalette:o,contrastLevels:l,getLuminance:c,destringRgb:_,handleStringColor:d,calculateRatio:p,textPasses:m,hexValueIsValid:f,getPassReport:g,hexValuesAreValid:u=>{let T=!0;return u==null||u.forEach(b=>{T=T&&f(b.hex)}),T},semanticNames:Vm}},Hm={class:"vuetiful-theme-switcher"},$m={class:"flex items-center justify-between"},zm=n.createElementVNode("div",{class:"text-lg"},"Mode",-1),qm=n.defineComponent({__name:"theme-switcher",props:{background:{type:String,default:"bg-surface-50-900-token"},text:{type:String,default:"text-surface-900-50-token"},widthPopup:{type:String,default:"w-60"},heightList:{type:String,default:"max-h-64 lg:max-h-[500px]"},classButton:{type:String,default:""},classList:{type:String,default:""},classListItem:{type:String,default:""}},setup(e){const{applyTheme:t,themes:a,chosenTheme:i}=er(),r=n.ref(!1);return(s,o)=>(n.openBlock(),n.createElementBlock("div",Hm,[n.createVNode(n.unref(Fe),{class:n.normalizeClass(`vuetiful-theme-switcher__button ${e.classButton}`),onClick:o[0]||(o[0]=l=>r.value=!r.value)},{default:n.withCtx(()=>[n.createTextVNode(" Theme ")]),_:1},8,["class"]),r.value?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["vuetiful-theme-switcher__popup absolute z-10 mt-1 space-y-4 p-4 shadow-xl rounded-container-token",`${e.background} ${e.text} ${e.widthPopup} ${e.classList}`])},[n.createElementVNode("section",$m,[zm,n.createVNode(n.unref(Ut))]),n.createElementVNode("nav",{class:n.normalizeClass(["vuetiful-theme-switcher__popup-list -m-4 flex flex-col gap-4 overflow-y-auto p-4",`${e.heightList} ${e.classList}`])},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(a),(l,c)=>(n.openBlock(),n.createBlock(n.unref(Fe),{class:n.normalizeClass(["vuetiful-theme-switcher__popup-list-item h-full w-full p-2 text-center capitalize hover:cursor-pointer",`${e.classListItem} ${n.unref(i).name===l.name?"variant-filled-surface":""}`]),key:c,onClick:_=>n.unref(t)(l)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(l.name),1)]),_:2},1032,["class","onClick"]))),128))],2)],2)):n.createCommentVNode("",!0)]))}}),_e=[{name:"vuetiful",gradients:{light:"radial-gradient(at 76% 0%, hsla(189,100%,56%,0.36) 0px, transparent 50%), radial-gradient(at 1% 0%, hsla(340,100%,76%,0.26) 0px, transparent 50%), radial-gradient(at 20% 100%, hsla(241,100%,70%,0.47) 0px, transparent 50%)",dark:"radial-gradient(at 76% 0%, hsla(189,100%,56%,0.20) 0px, transparent 50%), radial-gradient(at 1% 0%, hsla(340,100%,76%,0.15) 0px, transparent 50%), radial-gradient(at 20% 100%, hsla(241,100%,70%,0.30) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#EC4899",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#06B6D4",rgb:"0 0 0",on:"0 0 0"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#14B8A6",rgb:"0 0 0",on:"0 0 0"},success:{key:"success",label:"Success",hex:"#84CC16",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#EAB308",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#EF4444",rgb:"0 0 0",on:"0 0 0"},surface:{key:"surface",label:"Surface",hex:"#6366F1",rgb:"0 0 0",on:"0 0 0"}},fonts:{base:"system-ui",customBase:"Quicksand",baseImports:'@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");',headings:"system-ui",customHeadings:"Quicksand",headingImports:""},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"12px",roundedContainer:"12px",borderBase:"0px",customCss:`
+      ${n.unref(a)}`,"vuetiful-accordion-item-button flex w-full"])},{default:n.withCtx(()=>[n.createElementVNode("span",vm,n.toDisplayString(e.title),1),c?n.createCommentVNode("",!0):n.renderSlot(o.$slots,"open-item",{key:0},()=>[hm],!0),c?n.renderSlot(o.$slots,"close-item",{key:1},()=>[Dm],!0):n.createCommentVNode("",!0)]),_:2},1032,["class"]),n.createVNode(n.unref(Fp),{class:n.normalizeClass(["vuetiful-accordion-item-panel",`${c?`${n.unref(s)?"":"!rounded-tl-none !rounded-tr-none"}`:""} ${n.unref(s)?"":"p-4 py-2 rounded-container-token"} ${n.unref(i)}`])},{default:n.withCtx(()=>[n.renderSlot(o.$slots,"default",{},void 0,!0)]),_:2},1032,["class"])]),_:3}))}}),[["__scopeId","data-v-513d21fc"]]),Cg="";const et=e=>(n.pushScopeId("data-v-5d6982bd"),e=e(),n.popScopeId(),e),Mm={key:0,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Lm=[et(()=>n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},null,-1))],xm={key:1,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},wm=[et(()=>n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"},null,-1))],Pm={key:2,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},km=[et(()=>n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"},null,-1))],Um={key:3,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Bm=[et(()=>n.createElementVNode("path",{d:"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"},null,-1))],Fm=[et(()=>n.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))];var za=Ke(n.defineComponent({__name:"VAlert",props:{hideIcon:{type:Boolean,default:!1},showClose:{type:Boolean,default:!1},show:{type:Boolean,default:!0},type:{type:String,default:""},classPre:{type:String,default:""},classMessage:{type:String,default:""},classClose:{type:String,default:""},unstyled:{type:Boolean,default:!1}},emits:["close"],setup(e,{emit:t}){const a=e,i=n.computed(()=>{switch(a.type){case"info":return"variant-filled";case"success":return"variant-filled-success";case"warning":return"variant-filled-warning";case"error":return"variant-filled-error";case"":return""}}),r=()=>t("close"),s=c=>{(c.key==="Enter"||c.key===" ")&&r()},{settings:o}=Z(),l=o.global.unstyled||o.components.alert.unstyled||a.unstyled;return(c,_)=>e.show?(n.openBlock(),n.createElementBlock("aside",{key:0,class:n.normalizeClass(`vuetiful-alert flex ${n.unref(l)?"":"w-full items-center gap-4 p-4 border-token rounded-container-token"} ${n.unref(i)}`)},[e.hideIcon?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(`vuetiful-alert-pre ${e.classPre}`)},[c.$slots.pre?n.renderSlot(c.$slots,"pre",{key:0},void 0,!0):n.createCommentVNode("",!0),c.$slots.pre?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[e.type==="info"?(n.openBlock(),n.createElementBlock("svg",Mm,Lm)):n.createCommentVNode("",!0),e.type==="success"?(n.openBlock(),n.createElementBlock("svg",xm,wm)):n.createCommentVNode("",!0),e.type==="warning"?(n.openBlock(),n.createElementBlock("svg",Pm,km)):n.createCommentVNode("",!0),e.type==="error"?(n.openBlock(),n.createElementBlock("svg",Um,Bm)):n.createCommentVNode("",!0)],64))],2)),n.createElementVNode("div",{class:n.normalizeClass(`vuetiful-alert-message ${n.unref(l)?"":"flex-auto"} ${e.classMessage}`)},[n.renderSlot(c.$slots,"default",{},void 0,!0)],2),n.renderSlot(c.$slots,"actions",{},void 0,!0),e.showClose?(n.openBlock(),n.createElementBlock("svg",{key:1,"data-test":"close",tabindex:"0",onKeydown:s,onClick:r,class:n.normalizeClass(`vuetiful-alert-close-icon icon hover:cursor-pointer ${e.classClose}`),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},Fm,34)):n.createCommentVNode("",!0)],2)):n.createCommentVNode("",!0)}}),[["__scopeId","data-v-5d6982bd"]]),hg="";const Gm=["tabindex"],qa=n.defineComponent({__name:"VCard",props:{hideSeparator:{type:Boolean,default:!1},background:{type:String,default:"bg-surface-200-700-token"},text:{type:String,default:"text-surface-900-50-token"},clickable:{type:Boolean,default:!1},unstyled:le},emits:["click"],setup(e,{emit:t}){const a=e;n.provide("hideSeparator",a.hideSeparator);const i=()=>{!a.clickable||t("click")},r=l=>{!a.clickable||(l.key==="Enter"&&(l.preventDefault(),t("click")),l.key===" "&&(l.preventDefault(),t("click")))},{settings:s}=Z(),o=s.global.unstyled||s.components.card.unstyled||a.unstyled;return(l,c)=>(n.openBlock(),n.createElementBlock("div",{onClick:i,onKeydown:r,tabindex:e.clickable?0:void 0,class:n.normalizeClass(`vuetiful-card flex flex-col ${n.unref(o)?"":"border-token rounded-container-token ring-outline-token"} ${e.background} ${e.text} ${e.clickable?`${n.unref(o)?"":"card-hover"} hover:cursor-pointer`:""}`)},[n.renderSlot(l.$slots,"default")],42,Gm))}}),Wa=n.defineComponent({__name:"VCardBody",props:{unstyled:le},setup(e){const t=e,{settings:a}=Z(),i=a.global.unstyled||a.components.cardBody.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createElementBlock("div",{"data-test":"vuetiful-card-body-content",class:n.normalizeClass(`vuetiful-card-body ${n.unref(i)?"":"p-4"}`)},[n.renderSlot(r.$slots,"default")],2))}}),Ka=n.defineComponent({__name:"VCardFooter",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:le},setup(e){const t=e,a=n.inject("hideSeparator",!1),r=n.useAttrs().class,{settings:s}=Z(),o=s.global.unstyled||s.components.cardBody.unstyled||t.unstyled;return(l,c)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.unref(a)?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("hr",{key:0,"data-test":"vuetiful-card-footer-separator",class:n.normalizeClass(["divider",e.classSeparator])},null,2)),n.createElementVNode("div",{"data-test":"vuetiful-card-footer-content",class:n.normalizeClass(`vuetiful-card-footer ${n.unref(o)?"":"p-4"} ${n.unref(r)}`)},[n.renderSlot(l.$slots,"default")],2)],64))}});var Dg="";const Qa=n.defineComponent({__name:"VCardHeader",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:le},setup(e){const t=e,a=n.ref(),i=n.computed(()=>{var p;const _=(p=a.value)==null?void 0:p.children;return _?Array.from(_).some(m=>m.tagName==="IMG"):!1}),r=n.inject("hideSeparator",!1),o=n.useAttrs().class,{settings:l}=Z(),c=l.global.unstyled||l.components.cardHeader.unstyled||t.unstyled;return(_,d)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("div",{ref_key:"headerRef",ref:a,"data-test":"vuetiful-card-header-content",class:n.normalizeClass(`vuetiful-card-header ${n.unref(i)?"":`${n.unref(c)?"":"p-4"}`} ${n.unref(o)}`)},[n.renderSlot(_.$slots,"default")],2),n.unref(r)?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("hr",{key:0,"data-test":"vuetiful-card-header-separator",class:n.normalizeClass(["divider",e.classSeparator])},null,2))],64))}});var Mg="";const Ym=["innerHTML"],Xa=n.defineComponent({__name:"VCodeBlock",props:{language:{type:String,default:"plaintext"},code:{type:String,default:""},preventOverflow:{type:Boolean,default:!1},classHeader:{type:String,default:""},classLanguage:{type:String,default:""},classPre:{type:String,default:""},classCode:{type:String,default:""},classButton:{type:String,default:""},buttonText:{type:String,default:"Copy"},buttonCopiedText:{type:String,default:"\u{1F44D}"},unstyled:le},emits:["copy"],setup(e,{emit:t}){const a=e,{highlight:i}=Qn(),r=n.ref(!1);function s(_){return _==="js"?"javascript":_==="ts"?"typescript":["sh","bash","zsh","shell"].includes(_)?"console":_}function o(){r.value=!0,setTimeout(()=>{r.value=!1},2e3),t("copy")}const{settings:l}=Z(),c=l.global.unstyled||l.components.codeBlock.unstyled||a.unstyled;return(_,d)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(`vuetiful-code-block code-block ${n.unref(c)?"":"max-w-full bg-[#171717] text-sm text-white shadow rounded-container-token"}`)},[n.createElementVNode("header",{class:n.normalizeClass(`vuetiful-code-block-header ${n.unref(c)?"":"flex items-center justify-between p-2 pb-0 pl-4 text-xs uppercase text-[#a4a4a4]"} ${e.classHeader}`)},[n.createElementVNode("span",{class:n.normalizeClass(`vuetiful-code-block-language ${e.classLanguage}`)},n.toDisplayString(s(e.language)),3),n.withDirectives((n.openBlock(),n.createBlock(n.unref(Fe),{size:"sm",class:n.normalizeClass(`vuetiful-code-block-button ${e.classButton?e.classButton:"bg-[#171717] text-[#a4a4a4] dark:bg-[#171717] dark:text-[#a4a4a4]"}`),onClick:d[0]||(d[0]=p=>o())},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(r.value?e.buttonCopiedText:e.buttonText),1)]),_:1},8,["class"])),[[n.unref(tr),e.code]])],2),n.createElementVNode("pre",{class:n.normalizeClass(`vuetiful-code-block-pre ${n.unref(c)?"":"!rounded-t-none bg-transparent p-4 !pt-0"} ${e.preventOverflow?"whitespace-pre-wrap break-all":"overflow-auto"} ${e.classPre}`)},[n.createElementVNode("code",{class:n.normalizeClass(`vuetiful-code-block-code language-${e.language} ${e.classCode}`),innerHTML:n.unref(i)(e.code,e.language)},null,10,Ym)],2)],2))}});var Za=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",VAvatar:an,VButton:Fe,VBadge:Xn,VChip:Zn,VLightSwitch:Ut,VRadioGroup:Ye,VRadioItem:Ie,VRadioLabel:Aa,VRadioDescription:Ia,VSwitchGroup:ha,VSwitchLabel:Da,VSwitchDescription:va,VSwitch:ya,VAccordion:Va,VAccordionItem:$a,VAlert:za,VCard:qa,VCardBody:Wa,VCardFooter:Ka,VCardHeader:Qa,VCodeBlock:Xa,VDrawer:Ma,VListbox:Ua,VListboxButton:Qt,VListboxItem:Ba,VListboxItems:Xt,VListboxLabel:Zt,VPreview:La,VRail:xa,VRailTile:wa,VShell:Pa,VTab:Fa,VTabPanel:Ga,VTabs:Ya}),Lg="",xg="";const Vm=["primary","secondary","tertiary","success","warning","error","surface"],Ja=()=>{function e(u){const T=u.replaceAll("##","#"),b=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(T);if(!b)return null;const[,R,C,N]=b;return{r:parseInt(R,16),g:parseInt(C,16),b:parseInt(N,16)}}function t(u){const T=u.replaceAll("##","#"),b=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(T);if(!b)return"(invalid)";const[,R,C,N]=b;return`${parseInt(R,16)} ${parseInt(C,16)} ${parseInt(N,16)}`}function a(u,T,b){const R=C=>`0${C.toString(16)}`.slice(-2);return`#${R(u)}${R(T)}${R(b)}`}function i(u){const T=p(u,"#000000"),b=p(u,"#FFFFFF");return T<b?"0 0 0":"255 255 255"}function r(u,T){const b=e(`#${u}`);if(!b)return"";const R=Math.round(b.r+(255-b.r)*T),C=Math.round(b.g+(255-b.g)*T),N=Math.round(b.b+(255-b.b)*T);return a(R,C,N)}function s(u,T){const b=e(u);if(!b)return"";const R=Math.round(b.r*T),C=Math.round(b.g*T),N=Math.round(b.b*T);return a(R,C,N)}function o(u){new RegExp(/^#[0-9a-f]{6}$/i).test(u)||(u="#CCCCCC");const b=`#${u}`.replace("##","#"),R={500:{hex:b,rgb:t(b),on:i(b)}},C={50:.85,100:.8,200:.75,300:.6,400:.3,600:.9,700:.75,800:.6,900:.49};return[50,100,200,300,400].forEach(N=>{const I=r(u,C[N]);R[N]={hex:I,rgb:t(I),on:i(I)}}),[600,700,800,900].forEach(N=>{const I=s(u,C[N]);R[N]={hex:I,rgb:t(I),on:i(I)}}),R}const l={small:{AA:1/4.5,AAA:1/7},large:{AA:1/3,AAA:1/4.5}};function c(u,T,b){const{_r:R,_g:C,_b:N}=typeof u=="object"?{_r:u.r,_g:u.g,_b:u.b}:{_r:u,_g:T,_b:b};if(R===void 0||C===void 0||N===void 0)throw new Error("Invalid RGB value!");const I=[R,C,N].map(function(v){return v/=255,v<=.03928?v/12.92:Math.pow((v+.055)/1.055,2.4)});return I[0]*.2126+I[1]*.7152+I[2]*.0722}function _(u){const T=u.match(/(\d+),?\s*(\d+),?\s*(\d+)/);if(!T)throw new Error("Invalid RGB string!");return{r:parseInt(T[1],10),g:parseInt(T[2],10),b:parseInt(T[3],10)}}function d(u,T="rgb"){if(u.includes("--")){u=u.replace(/var\(|\)/g,"");const b=getComputedStyle(document.documentElement).getPropertyValue(u).trim();return d(b,T)}if(u.includes(" ")){const b=_(u);return T==="hex"?a(b.r,b.g,b.b):b}if(u.includes("#")){const b=e(u);return b?T==="hex"?u:b:"(invalid)"}return u}function p(u,T){const b=typeof u=="string"?c(d(u)):u,R=typeof T=="string"?c(d(T)):T;if(b===void 0||R===void 0)throw new Error("Luminance is undefined!");return b>R?(R+.05)/(b+.05):(b+.05)/(R+.05)}function m(u,T,b,R){return p(u,T)<=l[b][R]}function f(u){return/^#[0-9A-F]{6}$/i.test(u)}function g(u,T){const b=d(u,"hex"),R=d(T,"hex"),C=p(b,R),N=m(b,R,"small","AA"),I=m(b,R,"small","AAA"),v=m(b,R,"large","AA"),U=m(b,R,"large","AAA"),F=!N&&!I&&!v&&!U,W={emoji:I?'<i class="fa-solid fa-heart"></i>':N?'<i class="fa-solid fa-star"></i>':v?'<i class="fa-solid fa-star-half-stroke"></i>':'<i class="fa-solid fa-triangle-exclamation"></i>',note:`${b} and ${R} `+(I?"has great contrast!":N?"is satisfactory for larger text":v?"has poor contrast":"fail contrast guidelines")};return{textColor:b,backgroundColor:R,contrast:C,report:W,smallAA:N,smallAAA:I,largeAA:v,largeAAA:U,fails:F}}return{hexToRgb:e,hexToTailwindRgbString:t,rgbToHex:a,generateA11yOnColor:i,lighten:r,darken:s,generatePalette:o,contrastLevels:l,getLuminance:c,destringRgb:_,handleStringColor:d,calculateRatio:p,textPasses:m,hexValueIsValid:f,getPassReport:g,hexValuesAreValid:u=>{let T=!0;return u==null||u.forEach(b=>{T=T&&f(b.hex)}),T},semanticNames:Vm}},Hm={class:"vuetiful-theme-switcher"},$m={class:"flex items-center justify-between"},zm=n.createElementVNode("div",{class:"text-lg"},"Mode",-1),qm=n.defineComponent({__name:"theme-switcher",props:{background:{type:String,default:"bg-surface-50-900-token"},text:{type:String,default:"text-surface-900-50-token"},widthPopup:{type:String,default:"w-60"},heightList:{type:String,default:"max-h-64 lg:max-h-[500px]"},classButton:{type:String,default:""},classList:{type:String,default:""},classListItem:{type:String,default:""}},setup(e){const{applyTheme:t,themes:a,chosenTheme:i}=er(),r=n.ref(!1);return(s,o)=>(n.openBlock(),n.createElementBlock("div",Hm,[n.createVNode(n.unref(Fe),{class:n.normalizeClass(`vuetiful-theme-switcher__button ${e.classButton}`),onClick:o[0]||(o[0]=l=>r.value=!r.value)},{default:n.withCtx(()=>[n.createTextVNode(" Theme ")]),_:1},8,["class"]),r.value?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["vuetiful-theme-switcher__popup absolute z-10 mt-1 space-y-4 p-4 shadow-xl rounded-container-token",`${e.background} ${e.text} ${e.widthPopup} ${e.classList}`])},[n.createElementVNode("section",$m,[zm,n.createVNode(n.unref(Ut))]),n.createElementVNode("nav",{class:n.normalizeClass(["vuetiful-theme-switcher__popup-list -m-4 flex flex-col gap-4 overflow-y-auto p-4",`${e.heightList} ${e.classList}`])},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(a),(l,c)=>(n.openBlock(),n.createBlock(n.unref(Fe),{class:n.normalizeClass(["vuetiful-theme-switcher__popup-list-item h-full w-full p-2 text-center capitalize hover:cursor-pointer",`${e.classListItem} ${n.unref(i).name===l.name?"variant-filled-surface":""}`]),key:c,onClick:_=>n.unref(t)(l)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(l.name),1)]),_:2},1032,["class","onClick"]))),128))],2)],2)):n.createCommentVNode("",!0)]))}}),_e=[{name:"vuetiful",gradients:{light:"radial-gradient(at 76% 0%, hsla(189,100%,56%,0.36) 0px, transparent 50%), radial-gradient(at 1% 0%, hsla(340,100%,76%,0.26) 0px, transparent 50%), radial-gradient(at 20% 100%, hsla(241,100%,70%,0.47) 0px, transparent 50%)",dark:"radial-gradient(at 76% 0%, hsla(189,100%,56%,0.20) 0px, transparent 50%), radial-gradient(at 1% 0%, hsla(340,100%,76%,0.15) 0px, transparent 50%), radial-gradient(at 20% 100%, hsla(241,100%,70%,0.30) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#EC4899",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#06B6D4",rgb:"0 0 0",on:"0 0 0"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#14B8A6",rgb:"0 0 0",on:"0 0 0"},success:{key:"success",label:"Success",hex:"#84CC16",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#EAB308",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#EF4444",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#6366F1",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"Quicksand",baseImports:'@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");',headings:"system-ui",customHeadings:"Quicksand",headingImports:""},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"12px",roundedContainer:"12px",borderBase:"0px",customCss:`
   [data-theme="vuetiful"] h1,
   [data-theme="vuetiful"] h2,
   [data-theme="vuetiful"] h3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code-coaching/vuetiful",
-  "version": "0.24.5",
+  "version": "0.24.7",
   "license": "MIT",
   "scripts": {
     "dev": "onchange 'src/**/*.vue' 'src/**/*.ts' 'src/**/*.css' -- npm run build",

package/src/themes/theme-vuetiful.css

@@ -17,8 +17,8 @@
   --on-tertiary: 0 0 0;
   --on-success: 0 0 0;
   --on-warning: 0 0 0;
-  --on-error: 0 0 0;
-  --on-surface: 0 0 0;
+  --on-error: 255 255 255;
+  --on-surface: 255 255 255;
 
   /* =~= Theme Colors  =~= */
 

package/src/utils/theme/themes.ts

@@ -14,8 +14,8 @@ export const themes: Array<Theme> = [
       tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#14B8A6', rgb: '0 0 0', on: '0 0 0' },
       success: { key: 'success', label: 'Success', hex: '#84CC16', rgb: '0 0 0', on: '0 0 0' },
       warning: { key: 'warning', label: 'Warning', hex: '#EAB308', rgb: '0 0 0', on: '0 0 0' },
-      error: { key: 'error', label: 'Error', hex: '#EF4444', rgb: '0 0 0', on: '0 0 0' },
-      surface: { key: 'surface', label: 'Surface', hex: '#6366F1', rgb: '0 0 0', on: '0 0 0' },
+      error: { key: 'error', label: 'Error', hex: '#EF4444', rgb: '0 0 0', on: '255 255 255' },
+      surface: { key: 'surface', label: 'Surface', hex: '#6366F1', rgb: '0 0 0', on: '255 255 255' },
     },
     fonts: {
       base: 'system-ui',