@code-coaching/vuetiful 0.24.4 → 0.24.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/vuetiful.es.mjs +9 -49
  2. package/dist/vuetiful.umd.js +4 -14
  3. package/package.json +1 -1
  4. package/src/themes/theme-rocket.css +2 -2
  5. package/src/themes/theme-sahara.css +2 -2
  6. package/src/utils/theme/themes.ts +51 -51
package/dist/vuetiful.es.mjs CHANGED
@@ -50110,8 +50110,8 @@ const themes = [
50110
50110
  tertiary: { key: "tertiary", label: "Tertiary", hex: "#14B8A6", rgb: "0 0 0", on: "0 0 0" },
50111
50111
  success: { key: "success", label: "Success", hex: "#84CC16", rgb: "0 0 0", on: "0 0 0" },
50112
50112
  warning: { key: "warning", label: "Warning", hex: "#EAB308", rgb: "0 0 0", on: "0 0 0" },
50113
- error: { key: "error", label: "Error", hex: "#EF4444", rgb: "0 0 0", on: "255 255 255" },
50114
- surface: { key: "surface", label: "Surface", hex: "#6366F1", rgb: "0 0 0", on: "255 255 255" }
50113
+ error: { key: "error", label: "Error", hex: "#EF4444", rgb: "0 0 0", on: "0 0 0" },
50114
+ surface: { key: "surface", label: "Surface", hex: "#6366F1", rgb: "0 0 0", on: "0 0 0" }
50115
50115
  },
50116
50116
  fonts: {
50117
50117
  base: "system-ui",
@@ -50146,8 +50146,8 @@ const themes = [
50146
50146
  },
50147
50147
  colors: {
50148
50148
  primary: { key: "primary", label: "Primary", hex: "#06b6d4", rgb: "0 0 0", on: "0 0 0" },
50149
- secondary: { key: "secondary", label: "Secondary", hex: "#3b82f6", rgb: "0 0 0", on: "255 255 255" },
50150
- tertiary: { key: "tertiary", label: "Tertiary", hex: "#3b82f6", rgb: "0 0 0", on: "255 255 255" },
50149
+ secondary: { key: "secondary", label: "Secondary", hex: "#3b82f6", rgb: "0 0 0", on: "0 0 0" },
50150
+ tertiary: { key: "tertiary", label: "Tertiary", hex: "#3b82f6", rgb: "0 0 0", on: "0 0 0" },
50151
50151
  success: { key: "success", label: "Success", hex: "#4ccb15", rgb: "0 0 0", on: "0 0 0" },
50152
50152
  warning: { key: "warning", label: "Warning", hex: "#f4c12a", rgb: "0 0 0", on: "0 0 0" },
50153
50153
  error: { key: "error", label: "Error", hex: "#b52c55", rgb: "0 0 0", on: "255 255 255" },
@@ -50188,8 +50188,8 @@ const themes = [
50188
50188
  tertiary: { key: "tertiary", label: "Tertiary", hex: "#bbdf86", rgb: "0 0 0", on: "0 0 0" },
50189
50189
  success: { key: "success", label: "Success", hex: "#84cc16", rgb: "0 0 0", on: "0 0 0" },
50190
50190
  warning: { key: "warning", label: "Warning", hex: "#e5c157", rgb: "0 0 0", on: "0 0 0" },
50191
- error: { key: "error", label: "Error", hex: "#db5c9c", rgb: "0 0 0", on: "255 255 255" },
50192
- surface: { key: "surface", label: "Surface", hex: "#da4e65", rgb: "0 0 0", on: "255 255 255" }
50191
+ error: { key: "error", label: "Error", hex: "#db5c9c", rgb: "0 0 0", on: "0 0 0" },
50192
+ surface: { key: "surface", label: "Surface", hex: "#da4e65", rgb: "0 0 0", on: "0 0 0" }
50193
50193
  },
50194
50194
  fonts: {
50195
50195
  base: "sans-serif",
@@ -50215,46 +50215,6 @@ const themes = [
50215
50215
  }
50216
50216
  [data-theme='sahara'] p {
50217
50217
  font-weight: 400;
50218
- }`
50219
- },
50220
- {
50221
- name: "seafoam",
50222
- gradients: {
50223
- light: "linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)",
50224
- dark: "linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)"
50225
- },
50226
- colors: {
50227
- primary: { key: "primary", label: "Primary", hex: "#86d0cb", rgb: "0 0 0", on: "0 0 0" },
50228
- secondary: { key: "secondary", label: "Secondary", hex: "#213355", rgb: "0 0 0", on: "255 255 255" },
50229
- tertiary: { key: "tertiary", label: "Tertiary", hex: "#ff3d00", rgb: "0 0 0", on: "255 255 255" },
50230
- success: { key: "success", label: "Success", hex: "#06e5a2", rgb: "0 0 0", on: "0 0 0" },
50231
- warning: { key: "warning", label: "Warning", hex: "#eae557", rgb: "0 0 0", on: "0 0 0" },
50232
- error: { key: "error", label: "Error", hex: "#d24646", rgb: "0 0 0", on: "255 255 255" },
50233
- surface: { key: "surface", label: "Surface", hex: "#25d1d4", rgb: "0 0 0", on: "0 0 0" }
50234
- },
50235
- fonts: {
50236
- base: "system-ui",
50237
- customBase: "",
50238
- baseImports: "",
50239
- headings: "serif",
50240
- customHeadings: "Playfair Display",
50241
- headingImports: '@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");'
50242
- },
50243
- textColorLight: "0 0 0",
50244
- textColorDark: "255 255 255",
50245
- roundedBase: "16px",
50246
- roundedContainer: "16px",
50247
- borderBase: "3px",
50248
- customCss: `
50249
- [data-theme='seafoam'] h1,
50250
- [data-theme='seafoam'] h2,
50251
- [data-theme='seafoam'] h3,
50252
- [data-theme='seafoam'] h4,
50253
- [data-theme='seafoam'] h5,
50254
- [data-theme='seafoam'] h6 {
50255
- font-weight: bold;
50256
- font-style: italic;
50257
- letter-spacing: 1px;
50258
50218
  }`
50259
50219
  },
50260
50220
  {
@@ -50265,11 +50225,11 @@ const themes = [
50265
50225
  },
50266
50226
  colors: {
50267
50227
  primary: { key: "primary", label: "Primary", hex: "#40b09d", rgb: "0 0 0", on: "0 0 0" },
50268
- secondary: { key: "secondary", label: "Secondary", hex: "#d7a12d", rgb: "0 0 0", on: "255 255 255" },
50269
- tertiary: { key: "tertiary", label: "Tertiary", hex: "#411d96", rgb: "0 0 0", on: "255 255 255" },
50228
+ secondary: { key: "secondary", label: "Secondary", hex: "#d7a12d", rgb: "0 0 0", on: "0 0 0" },
50229
+ tertiary: { key: "tertiary", label: "Tertiary", hex: "#411d96", rgb: "0 0 0", on: "0 0 0" },
50270
50230
  success: { key: "success", label: "Success", hex: "#aad765", rgb: "0 0 0", on: "0 0 0" },
50271
50231
  warning: { key: "warning", label: "Warning", hex: "#e1ca84", rgb: "0 0 0", on: "0 0 0" },
50272
- error: { key: "error", label: "Error", hex: "#e1565d", rgb: "0 0 0", on: "255 255 255" },
50232
+ error: { key: "error", label: "Error", hex: "#e1565d", rgb: "0 0 0", on: "0 0 0" },
50273
50233
  surface: { key: "surface", label: "Surface", hex: "#0f233e", rgb: "0 0 0", on: "255 255 255" }
50274
50234
  },
50275
50235
  fonts: {
package/dist/vuetiful.umd.js CHANGED
@@ -22,7 +22,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=A),h===void 0&&(
22
22
  ${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
23
23
  ${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":""}`}
24
24
  ${n.unref(s)?"":"items-center justify-between p-4 py-2 rounded-container-token hover:cursor-pointer"}
25
- ${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:`
25
+ ${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:`
26
26
  [data-theme="vuetiful"] h1,
27
27
  [data-theme="vuetiful"] h2,
28
28
  [data-theme="vuetiful"] h3,
@@ -32,7 +32,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=A),h===void 0&&(
32
32
  [data-theme="vuetiful"] a,
33
33
  [data-theme="vuetiful"] button {
34
34
  font-weight: bold;
35
- }`},{name:"rocket",gradients:{light:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%)",dark:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#06b6d4",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#3b82f6",rgb:"0 0 0",on:"255 255 255"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#3b82f6",rgb:"0 0 0",on:"255 255 255"},success:{key:"success",label:"Success",hex:"#4ccb15",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#f4c12a",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#b52c55",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#64748b",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"Roboto",baseImports:'@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");',headings:"system-ui",customHeadings:"Space Grotesk",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"0px",roundedContainer:"0px",borderBase:"0px",customCss:`
35
+ }`},{name:"rocket",gradients:{light:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%)",dark:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#06b6d4",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#3b82f6",rgb:"0 0 0",on:"0 0 0"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#3b82f6",rgb:"0 0 0",on:"0 0 0"},success:{key:"success",label:"Success",hex:"#4ccb15",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#f4c12a",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#b52c55",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#64748b",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"Roboto",baseImports:'@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");',headings:"system-ui",customHeadings:"Space Grotesk",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"0px",roundedContainer:"0px",borderBase:"0px",customCss:`
36
36
  [data-theme='rocket'] h1,
37
37
  [data-theme='rocket'] h2,
38
38
  [data-theme='rocket'] h3,
@@ -40,7 +40,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=A),h===void 0&&(
40
40
  [data-theme='rocket'] h5,
41
41
  [data-theme='rocket'] h6 {
42
42
  font-weight: bold;
43
- }`},{name:"sahara",gradients:{light:"radial-gradient(at 100% 36%, hsla(37,81%,56%,0.15) 0px, transparent 50%), radial-gradient(at 7% 0%, hsla(37,81%,56%,0.20) 0px, transparent 50%)",dark:"radial-gradient(at 100% 36%, hsla(37,81%,56%,0.15) 0px, transparent 50%), radial-gradient(at 7% 0%, hsla(37,81%,56%,0.20) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#ecaa36",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#3acbba",rgb:"0 0 0",on:"0 0 0"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#bbdf86",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:"#e5c157",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#db5c9c",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#da4e65",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"sans-serif",customBase:"Lato",baseImports:'@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");',headings:"sans-serif",customHeadings:"Raleway",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"9999px",roundedContainer:"24px",borderBase:"1px",customCss:`
43
+ }`},{name:"sahara",gradients:{light:"radial-gradient(at 100% 36%, hsla(37,81%,56%,0.15) 0px, transparent 50%), radial-gradient(at 7% 0%, hsla(37,81%,56%,0.20) 0px, transparent 50%)",dark:"radial-gradient(at 100% 36%, hsla(37,81%,56%,0.15) 0px, transparent 50%), radial-gradient(at 7% 0%, hsla(37,81%,56%,0.20) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#ecaa36",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#3acbba",rgb:"0 0 0",on:"0 0 0"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#bbdf86",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:"#e5c157",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#db5c9c",rgb:"0 0 0",on:"0 0 0"},surface:{key:"surface",label:"Surface",hex:"#da4e65",rgb:"0 0 0",on:"0 0 0"}},fonts:{base:"sans-serif",customBase:"Lato",baseImports:'@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");',headings:"sans-serif",customHeadings:"Raleway",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"9999px",roundedContainer:"24px",borderBase:"1px",customCss:`
44
44
  [data-theme='sahara'] h1,
45
45
  [data-theme='sahara'] h2,
46
46
  [data-theme='sahara'] h3,
@@ -51,17 +51,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=A),h===void 0&&(
51
51
  }
52
52
  [data-theme='sahara'] p {
53
53
  font-weight: 400;
54
- }`},{name:"seafoam",gradients:{light:"linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)",dark:"linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#86d0cb",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#213355",rgb:"0 0 0",on:"255 255 255"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#ff3d00",rgb:"0 0 0",on:"255 255 255"},success:{key:"success",label:"Success",hex:"#06e5a2",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#eae557",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#d24646",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#25d1d4",rgb:"0 0 0",on:"0 0 0"}},fonts:{base:"system-ui",customBase:"",baseImports:"",headings:"serif",customHeadings:"Playfair Display",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"16px",roundedContainer:"16px",borderBase:"3px",customCss:`
55
- [data-theme='seafoam'] h1,
56
- [data-theme='seafoam'] h2,
57
- [data-theme='seafoam'] h3,
58
- [data-theme='seafoam'] h4,
59
- [data-theme='seafoam'] h5,
60
- [data-theme='seafoam'] h6 {
61
- font-weight: bold;
62
- font-style: italic;
63
- letter-spacing: 1px;
64
- }`},{name:"seasonal",gradients:{light:"radial-gradient(at 22% 100%, hsla(39,68%,50%,0.23) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(189,100%,56%,0.33) 0px, transparent 50%)",dark:"radial-gradient(at 22% 0%, hsla(39,68%,50%,0.15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189,100%,56%,0.15) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#40b09d",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#d7a12d",rgb:"0 0 0",on:"255 255 255"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#411d96",rgb:"0 0 0",on:"255 255 255"},success:{key:"success",label:"Success",hex:"#aad765",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#e1ca84",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#e1565d",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#0f233e",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"",baseImports:"",headings:"sans-serif",customHeadings:"Quicksand",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"12px",roundedContainer:"12px",borderBase:"0px",customCss:""},{name:"skeleton",gradients:{light:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);",dark:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);"},colors:{primary:{key:"primary",label:"Primary",hex:"#0FBA81",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#4F46E5",rgb:"0 0 0",on:"255 255 255"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#0EA5E9",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:"#D41976",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#495a8f",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"",baseImports:"",headings:"system-ui",customHeadings:"",headingImports:""},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"9999px",roundedContainer:"8px",borderBase:"px",customCss:`
54
+ }`},{name:"seasonal",gradients:{light:"radial-gradient(at 22% 100%, hsla(39,68%,50%,0.23) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(189,100%,56%,0.33) 0px, transparent 50%)",dark:"radial-gradient(at 22% 0%, hsla(39,68%,50%,0.15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189,100%,56%,0.15) 0px, transparent 50%)"},colors:{primary:{key:"primary",label:"Primary",hex:"#40b09d",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#d7a12d",rgb:"0 0 0",on:"0 0 0"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#411d96",rgb:"0 0 0",on:"0 0 0"},success:{key:"success",label:"Success",hex:"#aad765",rgb:"0 0 0",on:"0 0 0"},warning:{key:"warning",label:"Warning",hex:"#e1ca84",rgb:"0 0 0",on:"0 0 0"},error:{key:"error",label:"Error",hex:"#e1565d",rgb:"0 0 0",on:"0 0 0"},surface:{key:"surface",label:"Surface",hex:"#0f233e",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"",baseImports:"",headings:"sans-serif",customHeadings:"Quicksand",headingImports:'@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");'},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"12px",roundedContainer:"12px",borderBase:"0px",customCss:""},{name:"skeleton",gradients:{light:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);",dark:"radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%), radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);"},colors:{primary:{key:"primary",label:"Primary",hex:"#0FBA81",rgb:"0 0 0",on:"0 0 0"},secondary:{key:"secondary",label:"Secondary",hex:"#4F46E5",rgb:"0 0 0",on:"255 255 255"},tertiary:{key:"tertiary",label:"Tertiary",hex:"#0EA5E9",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:"#D41976",rgb:"0 0 0",on:"255 255 255"},surface:{key:"surface",label:"Surface",hex:"#495a8f",rgb:"0 0 0",on:"255 255 255"}},fonts:{base:"system-ui",customBase:"",baseImports:"",headings:"system-ui",customHeadings:"",headingImports:""},textColorLight:"0 0 0",textColorDark:"255 255 255",roundedBase:"9999px",roundedContainer:"8px",borderBase:"px",customCss:`
65
55
  [data-theme='skeleton'] h1,
66
56
  [data-theme='skeleton'] h2,
67
57
  [data-theme='skeleton'] h3,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@code-coaching/vuetiful",
3
- "version": "0.24.4",
3
+ "version": "0.24.5",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "onchange 'src/**/*.vue' 'src/**/*.ts' 'src/**/*.css' -- npm run build",
package/src/themes/theme-rocket.css CHANGED
@@ -14,8 +14,8 @@
14
14
  --theme-border-base: 0px;
15
15
  /* =~= Theme On-X Colors =~= */
16
16
  --on-primary: 0 0 0;
17
- --on-secondary: 255 255 255;
18
- --on-tertiary: 255 255 255;
17
+ --on-secondary: 0 0 0;
18
+ --on-tertiary: 0 0 0;
19
19
  --on-success: 0 0 0;
20
20
  --on-warning: 0 0 0;
21
21
  --on-error: 255 255 255;
package/src/themes/theme-sahara.css CHANGED
@@ -18,8 +18,8 @@
18
18
  --on-tertiary: 0 0 0;
19
19
  --on-success: 0 0 0;
20
20
  --on-warning: 0 0 0;
21
- --on-error: 255 255 255;
22
- --on-surface: 255 255 255;
21
+ --on-error: 0 0 0;
22
+ --on-surface: 0 0 0;
23
23
  /* =~= Theme Colors =~= */
24
24
  /* primary | #ecaa36 */
25
25
  --color-primary-50: 252 242 225; /* ⬅ #fcf2e1 */
package/src/utils/theme/themes.ts CHANGED
@@ -14,8 +14,8 @@ export const themes: Array<Theme> = [
14
14
  tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#14B8A6', rgb: '0 0 0', on: '0 0 0' },
15
15
  success: { key: 'success', label: 'Success', hex: '#84CC16', rgb: '0 0 0', on: '0 0 0' },
16
16
  warning: { key: 'warning', label: 'Warning', hex: '#EAB308', rgb: '0 0 0', on: '0 0 0' },
17
- error: { key: 'error', label: 'Error', hex: '#EF4444', rgb: '0 0 0', on: '255 255 255' },
18
- surface: { key: 'surface', label: 'Surface', hex: '#6366F1', rgb: '0 0 0', on: '255 255 255' },
17
+ error: { key: 'error', label: 'Error', hex: '#EF4444', rgb: '0 0 0', on: '0 0 0' },
18
+ surface: { key: 'surface', label: 'Surface', hex: '#6366F1', rgb: '0 0 0', on: '0 0 0' },
19
19
  },
20
20
  fonts: {
21
21
  base: 'system-ui',
@@ -52,8 +52,8 @@ export const themes: Array<Theme> = [
52
52
  },
53
53
  colors: {
54
54
  primary: { key: 'primary', label: 'Primary', hex: '#06b6d4', rgb: '0 0 0', on: '0 0 0' },
55
- secondary: { key: 'secondary', label: 'Secondary', hex: '#3b82f6', rgb: '0 0 0', on: '255 255 255' },
56
- tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#3b82f6', rgb: '0 0 0', on: '255 255 255' },
55
+ secondary: { key: 'secondary', label: 'Secondary', hex: '#3b82f6', rgb: '0 0 0', on: '0 0 0' },
56
+ tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#3b82f6', rgb: '0 0 0', on: '0 0 0' },
57
57
  success: { key: 'success', label: 'Success', hex: '#4ccb15', rgb: '0 0 0', on: '0 0 0' },
58
58
  warning: { key: 'warning', label: 'Warning', hex: '#f4c12a', rgb: '0 0 0', on: '0 0 0' },
59
59
  error: { key: 'error', label: 'Error', hex: '#b52c55', rgb: '0 0 0', on: '255 255 255' },
@@ -96,8 +96,8 @@ export const themes: Array<Theme> = [
96
96
  tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#bbdf86', rgb: '0 0 0', on: '0 0 0' },
97
97
  success: { key: 'success', label: 'Success', hex: '#84cc16', rgb: '0 0 0', on: '0 0 0' },
98
98
  warning: { key: 'warning', label: 'Warning', hex: '#e5c157', rgb: '0 0 0', on: '0 0 0' },
99
- error: { key: 'error', label: 'Error', hex: '#db5c9c', rgb: '0 0 0', on: '255 255 255' },
100
- surface: { key: 'surface', label: 'Surface', hex: '#da4e65', rgb: '0 0 0', on: '255 255 255' },
99
+ error: { key: 'error', label: 'Error', hex: '#db5c9c', rgb: '0 0 0', on: '0 0 0' },
100
+ surface: { key: 'surface', label: 'Surface', hex: '#da4e65', rgb: '0 0 0', on: '0 0 0' },
101
101
  },
102
102
  fonts: {
103
103
  base: 'sans-serif',
@@ -127,48 +127,48 @@ export const themes: Array<Theme> = [
127
127
  font-weight: 400;
128
128
  }`,
129
129
  },
130
- {
131
- name: 'seafoam',
132
- gradients: {
133
- light: 'linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)',
134
- dark: 'linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)',
135
- },
136
- colors: {
137
- primary: { key: 'primary', label: 'Primary', hex: '#86d0cb', rgb: '0 0 0', on: '0 0 0' },
138
- secondary: { key: 'secondary', label: 'Secondary', hex: '#213355', rgb: '0 0 0', on: '255 255 255' },
139
- tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#ff3d00', rgb: '0 0 0', on: '255 255 255' },
140
- success: { key: 'success', label: 'Success', hex: '#06e5a2', rgb: '0 0 0', on: '0 0 0' },
141
- warning: { key: 'warning', label: 'Warning', hex: '#eae557', rgb: '0 0 0', on: '0 0 0' },
142
- error: { key: 'error', label: 'Error', hex: '#d24646', rgb: '0 0 0', on: '255 255 255' },
143
- surface: { key: 'surface', label: 'Surface', hex: '#25d1d4', rgb: '0 0 0', on: '0 0 0' },
144
- },
145
- fonts: {
146
- base: 'system-ui',
147
- customBase: '',
148
- baseImports:
149
- '',
150
- headings: 'serif',
151
- customHeadings: 'Playfair Display',
152
- headingImports:
153
- '@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");',
154
- },
155
- textColorLight: '0 0 0',
156
- textColorDark: '255 255 255',
157
- roundedBase: '16px',
158
- roundedContainer: '16px',
159
- borderBase: '3px',
160
- customCss: `
161
- [data-theme='seafoam'] h1,
162
- [data-theme='seafoam'] h2,
163
- [data-theme='seafoam'] h3,
164
- [data-theme='seafoam'] h4,
165
- [data-theme='seafoam'] h5,
166
- [data-theme='seafoam'] h6 {
167
- font-weight: bold;
168
- font-style: italic;
169
- letter-spacing: 1px;
170
- }`
171
- },
130
+ // {
131
+ // name: 'seafoam',
132
+ // gradients: {
133
+ // light: 'linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)',
134
+ // dark: 'linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%)',
135
+ // },
136
+ // colors: {
137
+ // primary: { key: 'primary', label: 'Primary', hex: '#86d0cb', rgb: '0 0 0', on: '0 0 0' },
138
+ // secondary: { key: 'secondary', label: 'Secondary', hex: '#213355', rgb: '0 0 0', on: '255 255 255' },
139
+ // tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#ff3d00', rgb: '0 0 0', on: '255 255 255' },
140
+ // success: { key: 'success', label: 'Success', hex: '#06e5a2', rgb: '0 0 0', on: '0 0 0' },
141
+ // warning: { key: 'warning', label: 'Warning', hex: '#eae557', rgb: '0 0 0', on: '0 0 0' },
142
+ // error: { key: 'error', label: 'Error', hex: '#d24646', rgb: '0 0 0', on: '255 255 255' },
143
+ // surface: { key: 'surface', label: 'Surface', hex: '#25d1d4', rgb: '0 0 0', on: '0 0 0' },
144
+ // },
145
+ // fonts: {
146
+ // base: 'system-ui',
147
+ // customBase: '',
148
+ // baseImports:
149
+ // '',
150
+ // headings: 'serif',
151
+ // customHeadings: 'Playfair Display',
152
+ // headingImports:
153
+ // '@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");',
154
+ // },
155
+ // textColorLight: '0 0 0',
156
+ // textColorDark: '255 255 255',
157
+ // roundedBase: '16px',
158
+ // roundedContainer: '16px',
159
+ // borderBase: '3px',
160
+ // customCss: `
161
+ // [data-theme='seafoam'] h1,
162
+ // [data-theme='seafoam'] h2,
163
+ // [data-theme='seafoam'] h3,
164
+ // [data-theme='seafoam'] h4,
165
+ // [data-theme='seafoam'] h5,
166
+ // [data-theme='seafoam'] h6 {
167
+ // font-weight: bold;
168
+ // font-style: italic;
169
+ // letter-spacing: 1px;
170
+ // }`
171
+ // },
172
172
  {
173
173
  name: 'seasonal',
174
174
  gradients: {
@@ -177,11 +177,11 @@ export const themes: Array<Theme> = [
177
177
  },
178
178
  colors: {
179
179
  primary: { key: 'primary', label: 'Primary', hex: '#40b09d', rgb: '0 0 0', on: '0 0 0' },
180
- secondary: { key: 'secondary', label: 'Secondary', hex: '#d7a12d', rgb: '0 0 0', on: '255 255 255' },
181
- tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#411d96', rgb: '0 0 0', on: '255 255 255' },
180
+ secondary: { key: 'secondary', label: 'Secondary', hex: '#d7a12d', rgb: '0 0 0', on: '0 0 0' },
181
+ tertiary: { key: 'tertiary', label: 'Tertiary', hex: '#411d96', rgb: '0 0 0', on: '0 0 0' },
182
182
  success: { key: 'success', label: 'Success', hex: '#aad765', rgb: '0 0 0', on: '0 0 0' },
183
183
  warning: { key: 'warning', label: 'Warning', hex: '#e1ca84', rgb: '0 0 0', on: '0 0 0' },
184
- error: { key: 'error', label: 'Error', hex: '#e1565d', rgb: '0 0 0', on: '255 255 255' },
184
+ error: { key: 'error', label: 'Error', hex: '#e1565d', rgb: '0 0 0', on: '0 0 0' },
185
185
  surface: { key: 'surface', label: 'Surface', hex: '#0f233e', rgb: '0 0 0', on: '255 255 255' },
186
186
  },
187
187
  fonts: {