@code-coaching/vuetiful 0.23.1 → 0.23.2

package/dist/style.css

@@ -1,4 +1,4 @@
-.icon[data-v-73195296],.icon[data-v-5635c35e]{@apply my-1 h-4 w-4 fill-current;}.icon[data-v-6c055e30]{@apply my-1 h-4 min-h-[1rem] w-4 min-w-[1rem] fill-current;}.icon[data-v-5df26a83]{@apply my-1 h-6 min-h-[1.5rem] w-6 min-w-[1.5rem] fill-current;}.vuetiful-card-header{border-top-left-radius:inherit;border-top-right-radius:inherit}.vuetiful-card-header>*{border-top-left-radius:inherit;border-top-right-radius:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+.icon[data-v-ef253f90],.icon[data-v-31089628]{@apply my-1 h-4 w-4 fill-current;}.icon[data-v-513d21fc]{@apply my-1 h-4 min-h-[1rem] w-4 min-w-[1rem] fill-current;}.icon[data-v-5d6982bd]{@apply my-1 h-6 min-h-[1.5rem] w-6 min-w-[1.5rem] fill-current;}.vuetiful-card-header{border-top-left-radius:inherit;border-top-right-radius:inherit}.vuetiful-card-header>*{border-top-left-radius:inherit;border-top-right-radius:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
   Theme: GitHub Dark
   Description: Dark theme as seen on github.com
   Author: github.com

package/dist/types/components/VBootstrap.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     variant: {
         type: PropType<"" | "variant-filled" | "variant-filled-surface" | "variant-filled-primary" | "variant-filled-secondary" | "variant-filled-tertiary" | "variant-filled-success" | "variant-filled-warning" | "variant-filled-error" | "variant-ringed" | "variant-ringed-primary" | "variant-ringed-secondary" | "variant-ringed-tertiary" | "variant-ringed-success" | "variant-ringed-warning" | "variant-ringed-error" | "variant-ringed-surface" | "variant-ghost" | "variant-ghost-primary" | "variant-ghost-secondary" | "variant-ghost-tertiary" | "variant-ghost-success" | "variant-ghost-warning" | "variant-ghost-error" | "variant-ghost-surface" | "variant-soft" | "variant-soft-primary" | "variant-soft-secondary" | "variant-soft-tertiary" | "variant-soft-success" | "variant-soft-warning" | "variant-soft-error" | "variant-soft-surface" | "variant-glass" | "variant-glass-primary" | "variant-glass-secondary" | "variant-glass-tertiary" | "variant-glass-success" | "variant-glass-warning" | "variant-glass-error" | "variant-glass-surface">;

package/dist/types/components/atoms/VAvatar.vue.d.ts

@@ -1,4 +1,4 @@
-import { CssClasses } from "@/index";
+import { CssClasses } from '@/index';
 declare const _default: import("vue").DefineComponent<{
     initials: {
         type: StringConstructor;

package/dist/types/components/atoms/VLightSwitch.vue.d.ts

@@ -1,5 +1,5 @@
-import { CssClasses } from "@/index";
-import { ComputedRef } from "vue";
+import { CssClasses } from '@/index';
+import { ComputedRef } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     bgLight: {
         type: () => CssClasses;

package/dist/types/components/atoms/index.d.ts

@@ -1,14 +1,14 @@
-import VAvatar from "./VAvatar.vue";
-import VBadge from "./VBadge.vue";
-import VButton from "./VButton.vue";
-import VChip from "./VChip.vue";
-import VLightSwitch from "./VLightSwitch.vue";
-import VRadioDescription from "./VRadio/VRadioDescription.vue";
-import VRadioGroup from "./VRadio/VRadioGroup.vue";
-import VRadioItem from "./VRadio/VRadioItem.vue";
-import VRadioLabel from "./VRadio/VRadioLabel.vue";
-import VSwitch from "./VSwitch/VSwitch.vue";
-import VSwitchDescription from "./VSwitch/VSwitchDescription.vue";
-import VSwitchGroup from "./VSwitch/VSwitchGroup.vue";
-import VSwitchLabel from "./VSwitch/VSwitchLabel.vue";
+import VAvatar from './VAvatar.vue';
+import VBadge from './VBadge.vue';
+import VButton from './VButton.vue';
+import VChip from './VChip.vue';
+import VLightSwitch from './VLightSwitch.vue';
+import VRadioDescription from './VRadio/VRadioDescription.vue';
+import VRadioGroup from './VRadio/VRadioGroup.vue';
+import VRadioItem from './VRadio/VRadioItem.vue';
+import VRadioLabel from './VRadio/VRadioLabel.vue';
+import VSwitch from './VSwitch/VSwitch.vue';
+import VSwitchDescription from './VSwitch/VSwitchDescription.vue';
+import VSwitchGroup from './VSwitch/VSwitchGroup.vue';
+import VSwitchLabel from './VSwitch/VSwitchLabel.vue';
 export { VAvatar, VButton, VBadge, VChip, VLightSwitch, VRadioGroup, VRadioItem, VRadioLabel, VRadioDescription, VSwitchGroup, VSwitchLabel, VSwitchDescription, VSwitch, };

package/dist/types/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./atoms";
-export * from "./molecules";
+export * from './atoms';
+export * from './molecules';

package/dist/types/components/molecules/VAlert.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     hideIcon: {
         type: BooleanConstructor;

package/dist/types/components/molecules/VCodeBlock.vue.d.ts

@@ -1,5 +1,5 @@
-import { CssClasses } from "@/index";
-import "highlight.js/styles/github-dark.css";
+import { CssClasses } from '@/index';
+import 'highlight.js/styles/github-dark.css';
 declare const _default: import("vue").DefineComponent<{
     language: {
         type: StringConstructor;

package/dist/types/components/molecules/VDrawer.vue.d.ts

@@ -1,4 +1,4 @@
-import type { CssClasses } from "@/index";
+import type { CssClasses } from '@/index';
 declare const _default: import("vue").DefineComponent<{
     regionBackdrop: {
         type: () => CssClasses;

package/dist/types/components/molecules/VListbox/VListbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { CssClasses } from "@/index";
+import { CssClasses } from '@/index';
 declare const _default: import("vue").DefineComponent<{
     modelValue: any;
     by: {

package/dist/types/components/molecules/VRail/VRail.vue.d.ts

@@ -1,4 +1,4 @@
-import type { CssClasses } from "@/index";
+import type { CssClasses } from '@/index';
 declare const _default: import("vue").DefineComponent<{
     active: {
         type: () => CssClasses;

package/dist/types/components/molecules/VRail/VRailTile.vue.d.ts

@@ -1,4 +1,4 @@
-import type { CssClasses } from "@/index";
+import type { CssClasses } from '@/index';
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;

package/dist/types/components/molecules/index.d.ts

@@ -1,22 +1,22 @@
-import VDrawer from "./VDrawer.vue";
-import VPreview from "./VPreview.vue";
-import VRail from "./VRail/VRail.vue";
-import VRailTile from "./VRail/VRailTile.vue";
-import VShell from "./VShell.vue";
-import VListbox from "./VListbox/VListbox.vue";
-import VListboxButton from "./VListbox/VListboxButton.vue";
-import VListboxItem from "./VListbox/VListboxItem.vue";
-import VListboxItems from "./VListbox/VListboxItems.vue";
-import VListboxLabel from "./VListbox/VListboxLabel.vue";
-import VTab from "./VTabs/VTab.vue";
-import VTabPanel from "./VTabs/VTabPanel.vue";
-import VTabs from "./VTabs/VTabs.vue";
-import VAccordion from "./VAccordion/VAccordion.vue";
-import VAccordionItem from "./VAccordion/VAccordionItem.vue";
-import VAlert from "./VAlert.vue";
-import VCard from "./VCard/VCard.vue";
-import VCardBody from "./VCard/VCardBody.vue";
-import VCardFooter from "./VCard/VCardFooter.vue";
-import VCardHeader from "./VCard/VCardHeader.vue";
-import VCodeBlock from "./VCodeBlock.vue";
+import VDrawer from './VDrawer.vue';
+import VPreview from './VPreview.vue';
+import VRail from './VRail/VRail.vue';
+import VRailTile from './VRail/VRailTile.vue';
+import VShell from './VShell.vue';
+import VListbox from './VListbox/VListbox.vue';
+import VListboxButton from './VListbox/VListboxButton.vue';
+import VListboxItem from './VListbox/VListboxItem.vue';
+import VListboxItems from './VListbox/VListboxItems.vue';
+import VListboxLabel from './VListbox/VListboxLabel.vue';
+import VTab from './VTabs/VTab.vue';
+import VTabPanel from './VTabs/VTabPanel.vue';
+import VTabs from './VTabs/VTabs.vue';
+import VAccordion from './VAccordion/VAccordion.vue';
+import VAccordionItem from './VAccordion/VAccordionItem.vue';
+import VAlert from './VAlert.vue';
+import VCard from './VCard/VCard.vue';
+import VCardBody from './VCard/VCardBody.vue';
+import VCardFooter from './VCard/VCardFooter.vue';
+import VCardHeader from './VCard/VCardHeader.vue';
+import VCodeBlock from './VCodeBlock.vue';
 export { VAccordion, VAccordionItem, VAlert, VCard, VCardBody, VCardFooter, VCardHeader, VCodeBlock, VDrawer, VListbox, VListboxButton, VListboxItem, VListboxItems, VListboxLabel, VPreview, VRail, VRailTile, VShell, VTab, VTabPanel, VTabs, };

package/dist/types/directives/clipboard.d.ts

@@ -1,3 +1,3 @@
-import { DirectiveBinding } from "vue";
+import { DirectiveBinding } from 'vue';
 declare const clipboard: (el: HTMLElement, binding: DirectiveBinding) => void;
 export default clipboard;

package/dist/types/directives/index.d.ts

@@ -1,2 +1,2 @@
-import vClipboard from "./clipboard";
+import vClipboard from './clipboard';
 export { vClipboard };

package/dist/types/index.d.ts

@@ -1,12 +1,12 @@
 declare function install(app: any): void;
-import "./assets/main.css";
-import "./styles/tailwind.css";
+import './assets/main.css';
+import './styles/tailwind.css';
 declare const _default: {
     install: typeof install;
 };
 export default _default;
-export * from "./components";
-export * from "./utils";
-export * from "./directives";
-export * from "./services";
+export * from './components';
+export * from './utils';
+export * from './directives';
+export * from './services';
 export declare type CssClasses = string;

package/dist/types/props/props.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import { PropType } from 'vue';
 declare const sizeProp: {
     type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
     default: string;

package/dist/types/services/dark-mode.service.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "vue";
+import { Ref } from 'vue';
 declare const useDarkMode: () => {
     modeOsPrefers: Readonly<Ref<boolean>>;
     modeUserPrefers: Readonly<Ref<boolean | undefined>>;

package/dist/types/services/drawer.service.d.ts

@@ -1,7 +1,7 @@
 export interface DrawerSettings {
     id?: string;
     open?: boolean;
-    position?: "left" | "top" | "right" | "bottom";
+    position?: 'left' | 'top' | 'right' | 'bottom';
     duration?: 150 | 300;
     regionBackdrop?: string;
     regionDrawer?: string;

package/dist/types/services/index.d.ts

@@ -1,7 +1,7 @@
-import { useDarkMode } from "./dark-mode.service";
-import { useDrawer } from "./drawer.service";
-import { useHighlight } from "./highlight.service";
-import { useRail } from "./rail.service";
-import { useSettings, VuetifulSettings } from "./settings.service";
+import { useDarkMode } from './dark-mode.service';
+import { useDrawer } from './drawer.service';
+import { useHighlight } from './highlight.service';
+import { useRail } from './rail.service';
+import { useSettings, VuetifulSettings } from './settings.service';
 export { useDarkMode, useDrawer, useHighlight, useRail, useSettings };
 export type { VuetifulSettings };

package/dist/types/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./tailwind";
+export * from './tailwind';
 /**
  * The commented string unions are to use in PropType<> for Vue components,
  * TypeScript types or enums do not give errors when using a string that is not in the union.

package/dist/types/utils/index.d.ts

@@ -1,3 +1,3 @@
-import ThemeSwitcher from "./theme/theme-switcher.vue";
-import { useTheme } from "./theme/theme.service";
+import ThemeSwitcher from './theme/theme-switcher.vue';
+import { useTheme } from './theme/theme.service';
 export { ThemeSwitcher, useTheme };

package/dist/types/utils/theme/theme-switcher.vue.d.ts

@@ -1,4 +1,4 @@
-import { CssClasses } from "@/index";
+import { CssClasses } from '@/index';
 declare const _default: import("vue").DefineComponent<{
     background: {
         type: () => CssClasses;

package/dist/types/utils/theme/theme.service.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "vue";
+import { Ref } from 'vue';
 export interface Theme {
     name: string;
     url: string;

package/dist/vuetiful.es.mjs

@@ -46847,15 +46847,9 @@ const _sfc_main$u = defineComponent({
         event.currentTarget.click();
       }
     };
-    const trackBg = computed(
-      () => currentMode2.value === MODE2.LIGHT ? props.bgLight : props.bgDark
-    );
-    const thumbBg = computed(
-      () => currentMode2.value === MODE2.LIGHT ? props.bgDark : props.bgLight
-    );
-    const thumbPosition = computed(
-      () => currentMode2.value === MODE2.LIGHT ? "translate-x-[100%]" : ""
-    );
+    const trackBg = computed(() => currentMode2.value === MODE2.LIGHT ? props.bgLight : props.bgDark);
+    const thumbBg = computed(() => currentMode2.value === MODE2.LIGHT ? props.bgDark : props.bgLight);
+    const thumbPosition = computed(() => currentMode2.value === MODE2.LIGHT ? "translate-x-[100%]" : "");
     const iconFill = computed(() => {
       return currentMode2.value === MODE2.LIGHT ? props.textLight : props.textDark;
     });
@@ -48436,7 +48430,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 var VPreview_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-73195296"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-ef253f90"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$7 = { class: "vuetiful-previewer overflow-hidden shadow-2xl shadow-surface-500/10 rounded-container-token dark:shadow-black/10" };
 const _hoisted_2$5 = { class: "flex items-center gap-2" };
 const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("svg", {
@@ -48694,7 +48688,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VPreview = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-73195296"]]);
+var VPreview = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ef253f90"]]);
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "VRail",
   props: {
@@ -48847,7 +48841,7 @@ const _sfc_main$h = defineComponent({
   }
 });
 var VListboxButton_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-5635c35e"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-31089628"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$5 = { key: 0 };
 const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "icon",
@@ -48900,7 +48894,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VListboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-5635c35e"]]);
+var VListboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-31089628"]]);
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "VListboxItems",
   props: {
@@ -49342,7 +49336,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 var VAccordionItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-6c055e30"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-513d21fc"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$4 = { class: "vuetiful-accordion-title" };
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "vuetiful-accordion-item-icon-plus icon",
@@ -49412,9 +49406,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-6c055e30"]]);
+var VAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-513d21fc"]]);
 var VAlert_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n2) => (pushScopeId("data-v-5df26a83"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-5d6982bd"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$3 = {
   key: 0,
   class: "icon",
@@ -49557,7 +49551,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VAlert = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5df26a83"]]);
+var VAlert = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5d6982bd"]]);
 var VCard_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$2 = ["tabindex"];
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -49795,7 +49789,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }, toDisplayString(languageFormatter(__props.language)), 3),
           withDirectives((openBlock(), createBlock(unref(_sfc_main$w), {
             size: "sm",
-            class: normalizeClass(`vuetiful-code-block-button ${__props.classButton ? __props.classButton : "bg-[#171717] dark:bg-[#171717] text-[#a4a4a4] dark:text-[#a4a4a4]"}`),
+            class: normalizeClass(`vuetiful-code-block-button ${__props.classButton ? __props.classButton : "bg-[#171717] text-[#a4a4a4] dark:bg-[#171717] dark:text-[#a4a4a4]"}`),
             onClick: _cache[0] || (_cache[0] = ($event) => onCopyClick())
           }, {
             default: withCtx(() => [

package/dist/vuetiful.umd.js

@@ -13,13 +13,13 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=I),v===void 0&&(
       ${e.disabled?"cursor-not-allowed":"cursor-pointer"}
       ${n.unref(r)} ${e.classTrack}`)},[l.$slots.default?(n.openBlock(),n.createElementBlock("span",gp,[n.renderSlot(l.$slots,"default")])):n.createCommentVNode("",!0),n.createElementVNode("div",{"data-test":"switch-thumb",class:n.normalizeClass(`vuetiful-slide-toggle-thumb w-[50%] scale-[0.8] ${n.unref(o)?"":"bg-opactiy-90 shadow transition-all duration-[150ms] rounded-token "}
         ${e.disabled?"cursor-not-allowed":"cursor-pointer"}
-        ${_?"translate-x-full":`${n.unref(o)?"":"opacity-90"}`} ${e.classThumb}`)},null,2)],2)]),_:3},8,["class","name","as","modelValue"]))}}),Ma=n.defineComponent({__name:"VSwitchDescription",props:{as:{type:String,default:"p"}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(sp),{class:"vuetiful-switch-description",as:e.as},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as"]))}}),La=n.defineComponent({__name:"VSwitchGroup",props:{as:{type:String,default:"div"}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(rp),{class:"vuetiful-switch-group",as:e.as},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as"]))}}),wa=n.defineComponent({__name:"VSwitchLabel",props:{as:{type:String,default:"p"},passive:{type:Boolean,default:!1}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(op),{class:"vuetiful-switch-label",as:e.as,passive:e.passive},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as","passive"]))}}),Sp=["aria-labelledby","aria-describedby"],xa=n.defineComponent({__name:"VDrawer",props:{regionBackdrop:{type:String,default:""},regionDrawer:{type:String,default:""},labelledby:{type:String,default:""},describedby:{type:String,default:""}},setup(e){const t=e,{drawer:a,close:i}=dn(),{regionBackdrop:r,regionDrawer:s,labelledby:o,describedby:l}=n.toRefs(t),c={top:{alignment:"top-0",width:"w-full",height:"h-[50%]",rounded:"rounded-bl-container-token rounded-br-container-token"},bottom:{alignment:"bottom-0",width:"w-full",height:" h-[50%]",rounded:"rounded-tl-container-token rounded-tr-container-token"},left:{alignment:"lef-0",width:"w-[90%]",height:"h-full",rounded:"rounded-tr-container-token rounded-br-container-token"},right:{alignment:"right-0",width:"w-[90%]",height:"h-full",rounded:"rounded-tl-container-token rounded-bl-container-token"}},_=n.computed(()=>{const E=a.position||"left";return c[E]}),d=n.ref(),m=n.ref(),u=E=>{E.target===d.value&&i()},T=E=>{E.code==="Escape"&&i()};return n.onMounted(()=>{window.addEventListener("keydown",T)}),(E,g)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(n.Transition,{name:`slide-${n.unref(a).position}-${n.unref(a).duration}`},{default:n.withCtx(()=>[n.unref(a).open?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"elemDrawer",ref:m,class:n.normalizeClass(`drawer absolute overflow-y-auto shadow-xl transition-transform bg-surface-100-800-token ${n.unref(_).width} ${n.unref(_).height} ${n.unref(_).rounded} ${n.unref(_).alignment} z-50 ${n.unref(s)}`),role:"dialog","aria-modal":"true","aria-labelledby":n.unref(o),"aria-describedby":n.unref(l)},[n.renderSlot(E.$slots,"default")],10,Sp)):n.createCommentVNode("",!0)]),_:3},8,["name"]),n.createVNode(n.Transition,{name:`fade-${n.unref(a).duration}`},{default:n.withCtx(()=>[n.unref(a).open?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"elemBackdrop",ref:d,class:n.normalizeClass(`drawer-backdrop backdrop-blur-xs fixed bottom-0 left-0 right-0 top-0 z-40 flex bg-surface-backdrop-token ${n.unref(r)}`),onMousedown:u,onTouchstart:u},null,34)):n.createCommentVNode("",!0)]),_:1},8,["name"])],64))}});var Eg="";const Le=e=>(n.pushScopeId("data-v-73195296"),e=e(),n.popScopeId(),e),Tp={class:"vuetiful-previewer overflow-hidden shadow-2xl shadow-surface-500/10 rounded-container-token dark:shadow-black/10"},bp={class:"flex items-center gap-2"},fp=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"},[n.createElementVNode("path",{d:"M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"})],-1)),Rp=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512"},[n.createElementVNode("path",{d:"M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"})],-1)),Np=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},[n.createElementVNode("path",{d:"M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM144 448c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16s-7.2-16-16-16H160c-8.8 0-16 7.2-16 16zM304 64H80V384H304V64z"})],-1)),Cp=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"},[n.createElementVNode("path",{d:"M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V352H64V64H512z"})],-1)),Op=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M0 32C0 14.3 14.3 0 32 0H160c17.7 0 32 14.3 32 32V416c0 53-43 96-96 96s-96-43-96-96V32zM223.6 425.9c.3-3.3 .4-6.6 .4-9.9V154l75.4-75.4c12.5-12.5 32.8-12.5 45.3 0l90.5 90.5c12.5 12.5 12.5 32.8 0 45.3L223.6 425.9zM182.8 512l192-192H480c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32H182.8zM128 64H64v64h64V64zM64 192v64h64V192H64zM96 440a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"})],-1)),Ip=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"})],-1)),Ap=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[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"})],-1));var Pa=Xe(n.defineComponent({__name:"VPreview",props:{hideMobileToggle:{type:Boolean,default:!1},hideSwatches:{type:Boolean,default:!1},background:{type:String,default:"neutral"},regionHeader:{type:String,default:""},regionViewport:{type:String,default:""},regionPreview:{type:String,default:""},regionFooter:{type:String,default:""},regionSource:{type:String,default:""}},setup(e){const t=e,a={"bg-transparent":"bg-transparent","neutral-opaque":"bg-white/50 dark:bg-black/50",neutral:"bg-surface-100-800-token","variant-filled-surface":"variant-filled-surface","variant-filled-primary":"variant-filled-primary","variant-filled-secondary":"variant-filled-secondary","variant-filled-tertiary":"variant-filled-tertiary","variant-filled-success":"variant-filled-success","variant-filled-warning":"variant-filled-warning","variant-filled-error":"variant-filled-error"},i=n.ref(t.background),r=n.ref("preview"),s=n.ref("full"),o=n.ref(!1),l=()=>o.value=!o.value;return(c,_)=>(n.openBlock(),n.createElementBlock("div",Tp,[n.createElementVNode("header",{class:n.normalizeClass(`vuetiful-previewer-header flex items-center justify-between gap-4 p-4 bg-surface-200-700-token ${e.regionHeader}`)},[n.createElementVNode("div",bp,[n.createVNode(n.unref(Ve),{modelValue:r.value,"onUpdate:modelValue":_[0]||(_[0]=d=>r.value=d)},{default:n.withCtx(()=>[n.createVNode(n.unref(Oe),{"data-test":"radio-item-preview",value:"preview",title:"Preview"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"preview-item",{},()=>[fp],!0)]),_:3}),n.createVNode(n.unref(Oe),{"data-test":"radio-item-code",value:"code",title:"Code"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"code-item",{},()=>[Rp],!0)]),_:3})]),_:3},8,["modelValue"]),!e.hideMobileToggle&&r.value==="preview"?(n.openBlock(),n.createBlock(n.unref(Ve),{key:0,class:"hidden sm:!inline-flex",modelValue:s.value,"onUpdate:modelValue":_[1]||(_[1]=d=>s.value=d)},{default:n.withCtx(()=>[n.createVNode(n.unref(Oe),{"data-test":"radio-item-mobile",value:"mobile"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"mobile-item",{},()=>[Np],!0)]),_:3}),n.createVNode(n.unref(Oe),{value:"full"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"desktop-item",{},()=>[Cp],!0)]),_:3})]),_:3},8,["modelValue"])):n.createCommentVNode("",!0)]),e.hideSwatches?n.createCommentVNode("",!0):(n.openBlock(),n.createBlock(n.unref(Ge),{key:0,"data-test":"swatch-button",variant:o.value?"filled":"",class:n.normalizeClass(["px-4 py-1 border-token border-surface-400-500-token",o.value?"":"text-center text-base rounded-token hover:variant-ghost hover:text-surface-900 dark:hover:text-surface-50"]),onClick:l,title:"Backgrounds"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"swatchbook-item",{},()=>[Op],!0)]),_:3},8,["variant","class"]))],2),o.value?(n.openBlock(),n.createBlock(n.unref(Ve),{key:0,"data-test":"swatches",class:n.normalizeClass("vuetiful-previewer-swatches variant-soft grid grid-cols-6 gap-2 !rounded-none p-4 sm:grid-cols-12"),active:"bg-transparent",hover:"bg-transparent",modelValue:i.value,"onUpdate:modelValue":_[2]||(_[2]=d=>i.value=d)},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.entries(a),([d,m],u)=>(n.openBlock(),n.createBlock(n.unref(Oe),{value:d,key:u,class:n.normalizeClass(`${m} flex aspect-square cursor-pointer items-center justify-center rounded ring-[1px] ring-surface-500/50`),title:d},{default:n.withCtx(()=>[u===0&&i.value!==d?n.renderSlot(c.$slots,"cancel-item",{key:0},()=>[Ip],!0):n.createCommentVNode("",!0),i.value===d?n.renderSlot(c.$slots,"selected-item",{key:1},()=>[Ap],!0):n.createCommentVNode("",!0)]),_:2},1032,["value","class","title"]))),128))]),_:3},8,["modelValue"])):n.createCommentVNode("",!0),r.value==="preview"?(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createElementVNode("div",{class:n.normalizeClass(`vuetiful-previewer-viewport p-4 md:p-10 ${a[i.value]} ${e.regionViewport}`)},[n.createElementVNode("div",{"data-test":"previewer-preview",class:n.normalizeClass(`vuetiful-previewer-preview mx-auto flex duration-300 ${s.value==="mobile"?"mobile-screen flex h-[812px] max-w-[375px] flex-col overflow-hidden rounded-3xl border-8 border-black/50 p-2 shadow-2xl dark:border-white/50":"w-full items-center justify-center"} ${e.regionPreview}`)},[n.renderSlot(c.$slots,"preview",{},()=>[n.createTextVNode("(preview)")],!0)],2)],2),c.$slots.footer?(n.openBlock(),n.createElementBlock("footer",{key:0,class:n.normalizeClass(`vuetiful-previewer-footer variant-soft p-4 ${e.regionFooter}`)},[n.renderSlot(c.$slots,"footer",{},void 0,!0)],2)):n.createCommentVNode("",!0)],64)):n.createCommentVNode("",!0),r.value==="code"?(n.openBlock(),n.createElementBlock("div",{key:2,"data-test":"previewer-source",class:n.normalizeClass(`vuetiful-previewer-source p-4 md:p-10 ${a.neutral} ${e.regionSource}`)},[n.renderSlot(c.$slots,"source",{},()=>[n.createTextVNode("(source)")],!0)],2)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-73195296"]]);const ka=n.defineComponent({__name:"VRail",props:{active:{type:String,default:"variant-filled"},hover:{type:String,default:"hover:variant-ghost hover:text-surface-900 dark:hover:text-surface-50"}},setup(e){const t=e,{selectedRailTile:a}=Bt();return n.provide("activeRail",t.active),n.provide("hoverRail",t.hover),(i,r)=>(n.openBlock(),n.createBlock(n.unref(Ve),{modelValue:n.unref(a),"onUpdate:modelValue":r[0]||(r[0]=s=>n.isRef(a)?a.value=s:null),unstyled:"",hover:"",active:"",class:"flex h-full w-[70px] flex-col overflow-y-auto"},{default:n.withCtx(()=>[n.renderSlot(i.$slots,"default")]),_:3},8,["modelValue"]))}}),Ua=n.defineComponent({__name:"VRailTile",props:{value:{type:String,default:""},label:{type:String,default:""},regionIcon:{type:String,default:""},regionLabel:{type:String,default:""}},setup(e){const{selectedRailTile:t}=Bt(),a=n.inject("activeRail"),i=n.inject("hoverRail");return(r,s)=>(n.openBlock(),n.createBlock(n.unref(Oe),{unstyled:"",value:e.value,class:n.normalizeClass(`vuetiful-rail-tile grid aspect-square w-full cursor-pointer place-content-center place-items-center ${n.unref(t)===e.value?`${n.unref(a)}`:`${n.unref(i)}`}`)},{default:n.withCtx(()=>[r.$slots.default?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(`vuetiful-rail-tile-icon ${e.regionIcon}`)},[n.renderSlot(r.$slots,"default")],2)):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(`vuetiful-rail-tile-label text-center text-xs font-bold ${e.regionLabel}`)},n.toDisplayString(e.label),3)):n.createCommentVNode("",!0)]),_:3},8,["value","class"]))}}),yp={class:"vuetiful-shell flex h-full w-full flex-col overflow-hidden"},vp={class:"vuetiful-shell-content flex h-full w-full flex-auto overflow-hidden"},Ba=n.defineComponent({__name:"VShell",props:{regionPage:{type:String,default:""},slotFixedHeader:{type:String,default:"z-10"},slotSidebarLeft:{type:String,default:"w-auto"},slotSidebarRight:{type:String,default:"w-auto"},slotPageHeader:{type:String,default:""},slotPageContent:{type:String,default:""},slotPageFooter:{type:String,default:""},slotFixedFooter:{type:String,default:""}},setup(e){return(t,a)=>{var i;return n.openBlock(),n.createElementBlock("div",yp,[t.$slots.fixedHeader?(n.openBlock(),n.createElementBlock("header",{key:0,class:n.normalizeClass(`vuetiful-fixed-header ${e.slotFixedHeader}`)},[n.renderSlot(t.$slots,"fixedHeader")],2)):n.createCommentVNode("",!0),n.createElementVNode("div",vp,[t.$slots.sidebarLeft?(n.openBlock(),n.createElementBlock("aside",{key:0,class:n.normalizeClass(`vuetiful-sidebar-left overflow-y-auto overflow-x-hidden ${e.slotSidebarLeft}`)},[n.renderSlot(t.$slots,"sidebarLeft")],2)):n.createCommentVNode("",!0),n.createElementVNode("div",{tabindex:"-1",class:n.normalizeClass(`vuetiful-page flex flex-1 flex-col overflow-x-hidden ${(i=e.regionPage)!=null?i:""}`)},[t.$slots.pageHeader?(n.openBlock(),n.createElementBlock("header",{key:0,class:n.normalizeClass(`vuetiful-page-header flex-none ${e.slotPageHeader}`)},[n.renderSlot(t.$slots,"pageHeader")],2)):n.createCommentVNode("",!0),n.createElementVNode("main",{class:n.normalizeClass(`vuetiful-page-content flex-auto ${e.slotPageContent}`)},[n.renderSlot(t.$slots,"default")],2),t.$slots.pageFooter?(n.openBlock(),n.createElementBlock("footer",{key:1,class:n.normalizeClass(`vuetiful-page-footer flex-none ${e.slotPageFooter}`)},[n.renderSlot(t.$slots,"pageFooter")],2)):n.createCommentVNode("",!0)],2),t.$slots.sidebarRight?(n.openBlock(),n.createElementBlock("aside",{key:1,class:n.normalizeClass(`vuetiful-sidebar-right flex-none overflow-y-auto overflow-x-hidden ${e.slotSidebarRight}`)},[n.renderSlot(t.$slots,"sidebarRight")],2)):n.createCommentVNode("",!0)]),t.$slots.fixedFooter?(n.openBlock(),n.createElementBlock("footer",{key:1,class:n.normalizeClass(`vuetiful-fixed-footer ${e.slotFixedFooter}`)},[n.renderSlot(t.$slots,"fixedFooter")],2)):n.createCommentVNode("",!0)])}}});var Sg="";const Fa=e=>(n.pushScopeId("data-v-5635c35e"),e=e(),n.popScopeId(),e),hp={key:0},Dp=Fa(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})],-1)),Mp=Fa(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})],-1));var Jt=Xe(n.defineComponent({__name:"VListboxButton",props:{as:{type:String,default:"button"},hideIcon:{type:Boolean,default:!1}},setup(e){const t=n.inject("unstyled"),{settings:a}=Z(),i=a.global.unstyled||a.components.listbox.unstyled||t;return(r,s)=>(n.openBlock(),n.createBlock(n.unref(Xm),{as:e.as,class:n.normalizeClass(`vuetiful-listbox-button ${n.unref(i)?"flex":"variant-filled btn flex w-full justify-between active:scale-[100%]"}`)},{default:n.withCtx(({open:o})=>[n.renderSlot(r.$slots,"default",{},void 0,!0),e.hideIcon?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("span",hp,[o?n.createCommentVNode("",!0):n.renderSlot(r.$slots,"open-icon",{key:0},()=>[Dp],!0),o?n.renderSlot(r.$slots,"close-icon",{key:1},()=>[Mp],!0):n.createCommentVNode("",!0)]))]),_:3},8,["as","class"]))}}),[["__scopeId","data-v-5635c35e"]]);const jt=n.defineComponent({__name:"VListboxItems",props:{as:{type:String,default:"ul"},static:{type:Boolean,default:!1},unstyled:{type:Boolean,default:!1}},setup(e){const t=e,a=n.inject("background"),i=n.inject("text"),r=n.inject("horizontal"),s=n.inject("classItems"),{settings:o}=Z(),l=o.global.unstyled||o.components.listbox.unstyled||t.unstyled;return(c,_)=>(n.openBlock(),n.createBlock(n.unref(Zm),{as:e.as,static:e.static,class:n.normalizeClass(`z-10 ${n.unref(l)?"":"rounded-container-token' gap-1 p-4 border-token border-surface-400-500-token"} ${n.unref(a)} ${n.unref(i)} ${n.unref(r)?"flex":"flex-col"} ${n.unref(s)}`),"data-test":"listbox-items"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"default")]),_:3},8,["as","static","class"]))}}),en=n.defineComponent({__name:"VListboxLabel",props:{as:{type:String,default:"label"}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(Qm),{class:"vuetiful-listbox-label",as:e.as},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as"]))}}),Ga=n.defineComponent({__name:"VListbox",props:{modelValue:ba.props.modelValue,by:{type:String},display:{type:String},textLabel:{type:String},classLabel:{type:String,default:""},textButton:{type:String,default:"Select an option"},classButton:{type:String,default:""},classItem:{type:String,default:""},classItems:{type:String,default:""},horizontal:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},active:{type:String,default:"variant-filled"},hover:{type:String,default:"hover:variant-ghost"},background:{type:String,default:"bg-surface-200-700-token"},text:{type:String,default:"text-surface-900 dark:text-surface-50"},unstyled:ce},emits:["update:modelValue"],setup(e,{emit:t}){const a=e,i=n.ref(a.modelValue);n.watch(()=>a.modelValue,l=>{i.value=l}),n.watch(()=>i.value,l=>{t("update:modelValue",l)}),n.provide("active",a.active),n.provide("hover",a.hover),n.provide("background",a.background),n.provide("text",a.text),n.provide("horizontal",a.horizontal),n.provide("unstyled",a.unstyled),n.provide("classItem",a.classItem),n.provide("classItems",a.classItems);const r=n.computed(()=>{var c;if(a.display&&i.value)return i.value[a.display];const l=(c=i.value)==null?void 0:c.length;return a.multiple&&l===0?a.textButton:a.multiple&&l===1?i.value[0]:a.multiple&&l>1?`${l} options selected`:i.value?i.value:a.textButton}),{settings:s}=Z(),o=s.global.unstyled||s.components.listbox.unstyled||a.unstyled;return(l,c)=>(n.openBlock(),n.createBlock(n.unref(ba),{"data-test":"listbox",as:"div",by:e.by,multiple:e.multiple,class:n.normalizeClass(`vuetiful-listbox ${n.unref(o)?"":"relative rounded-container-token"}`),modelValue:i.value,"onUpdate:modelValue":c[0]||(c[0]=_=>i.value=_)},{default:n.withCtx(()=>[e.textLabel?(n.openBlock(),n.createBlock(en,{key:0,class:n.normalizeClass(e.classLabel)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.textLabel),1)]),_:1},8,["class"])):n.createCommentVNode("",!0),n.createVNode(Jt,{"data-test":"listbox-button",class:n.normalizeClass(`${e.background} ${e.text} ${e.classButton}`)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r)),1)]),_:1},8,["class"]),n.createVNode(n.Transition,{"enter-active-class":"transition duration-150 ease-in-out","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition duration-150 ease-in-out","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:n.withCtx(()=>[n.createVNode(jt,{"data-test":"listbox-items",unstyled:e.unstyled,class:n.normalizeClass(`${n.unref(o)?"":"absolute mt-1 min-w-full"}`)},{default:n.withCtx(()=>[n.renderSlot(l.$slots,"default")]),_:3},8,["unstyled","class"])]),_:3})]),_:3},8,["by","multiple","class","modelValue"]))}}),Ya=n.defineComponent({__name:"VListboxItem",props:{value:{type:[String,Number,Boolean,Object],required:!0},unstyled:{type:Boolean,default:!1}},setup(e){const t=e,a=n.inject("active"),i=n.inject("hover"),r=n.inject("classItem"),{settings:s}=Z(),o=s.global.unstyled||s.components.listboxItem.unstyled||t.unstyled;return(l,c)=>(n.openBlock(),n.createBlock(n.unref(Jm),{value:e.value},{default:n.withCtx(({selected:_,disabled:d,active:m})=>[n.createElementVNode("div",{"data-test":"listbox-item",class:n.normalizeClass(`vuetiful-listbox-item ${n.unref(o)?"":"px-4 py-1 text-base rounded-token"} 
+        ${_?"translate-x-full":`${n.unref(o)?"":"opacity-90"}`} ${e.classThumb}`)},null,2)],2)]),_:3},8,["class","name","as","modelValue"]))}}),Ma=n.defineComponent({__name:"VSwitchDescription",props:{as:{type:String,default:"p"}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(sp),{class:"vuetiful-switch-description",as:e.as},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as"]))}}),La=n.defineComponent({__name:"VSwitchGroup",props:{as:{type:String,default:"div"}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(rp),{class:"vuetiful-switch-group",as:e.as},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as"]))}}),wa=n.defineComponent({__name:"VSwitchLabel",props:{as:{type:String,default:"p"},passive:{type:Boolean,default:!1}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(op),{class:"vuetiful-switch-label",as:e.as,passive:e.passive},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as","passive"]))}}),Sp=["aria-labelledby","aria-describedby"],xa=n.defineComponent({__name:"VDrawer",props:{regionBackdrop:{type:String,default:""},regionDrawer:{type:String,default:""},labelledby:{type:String,default:""},describedby:{type:String,default:""}},setup(e){const t=e,{drawer:a,close:i}=dn(),{regionBackdrop:r,regionDrawer:s,labelledby:o,describedby:l}=n.toRefs(t),c={top:{alignment:"top-0",width:"w-full",height:"h-[50%]",rounded:"rounded-bl-container-token rounded-br-container-token"},bottom:{alignment:"bottom-0",width:"w-full",height:" h-[50%]",rounded:"rounded-tl-container-token rounded-tr-container-token"},left:{alignment:"lef-0",width:"w-[90%]",height:"h-full",rounded:"rounded-tr-container-token rounded-br-container-token"},right:{alignment:"right-0",width:"w-[90%]",height:"h-full",rounded:"rounded-tl-container-token rounded-bl-container-token"}},_=n.computed(()=>{const E=a.position||"left";return c[E]}),d=n.ref(),m=n.ref(),u=E=>{E.target===d.value&&i()},T=E=>{E.code==="Escape"&&i()};return n.onMounted(()=>{window.addEventListener("keydown",T)}),(E,g)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(n.Transition,{name:`slide-${n.unref(a).position}-${n.unref(a).duration}`},{default:n.withCtx(()=>[n.unref(a).open?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"elemDrawer",ref:m,class:n.normalizeClass(`drawer absolute overflow-y-auto shadow-xl transition-transform bg-surface-100-800-token ${n.unref(_).width} ${n.unref(_).height} ${n.unref(_).rounded} ${n.unref(_).alignment} z-50 ${n.unref(s)}`),role:"dialog","aria-modal":"true","aria-labelledby":n.unref(o),"aria-describedby":n.unref(l)},[n.renderSlot(E.$slots,"default")],10,Sp)):n.createCommentVNode("",!0)]),_:3},8,["name"]),n.createVNode(n.Transition,{name:`fade-${n.unref(a).duration}`},{default:n.withCtx(()=>[n.unref(a).open?(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"elemBackdrop",ref:d,class:n.normalizeClass(`drawer-backdrop backdrop-blur-xs fixed bottom-0 left-0 right-0 top-0 z-40 flex bg-surface-backdrop-token ${n.unref(r)}`),onMousedown:u,onTouchstart:u},null,34)):n.createCommentVNode("",!0)]),_:1},8,["name"])],64))}});var Eg="";const Le=e=>(n.pushScopeId("data-v-ef253f90"),e=e(),n.popScopeId(),e),Tp={class:"vuetiful-previewer overflow-hidden shadow-2xl shadow-surface-500/10 rounded-container-token dark:shadow-black/10"},bp={class:"flex items-center gap-2"},fp=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"},[n.createElementVNode("path",{d:"M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"})],-1)),Rp=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512"},[n.createElementVNode("path",{d:"M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"})],-1)),Np=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},[n.createElementVNode("path",{d:"M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM144 448c0 8.8 7.2 16 16 16h64c8.8 0 16-7.2 16-16s-7.2-16-16-16H160c-8.8 0-16 7.2-16 16zM304 64H80V384H304V64z"})],-1)),Cp=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 576 512"},[n.createElementVNode("path",{d:"M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V352H64V64H512z"})],-1)),Op=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M0 32C0 14.3 14.3 0 32 0H160c17.7 0 32 14.3 32 32V416c0 53-43 96-96 96s-96-43-96-96V32zM223.6 425.9c.3-3.3 .4-6.6 .4-9.9V154l75.4-75.4c12.5-12.5 32.8-12.5 45.3 0l90.5 90.5c12.5 12.5 12.5 32.8 0 45.3L223.6 425.9zM182.8 512l192-192H480c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32H182.8zM128 64H64v64h64V64zM64 192v64h64V192H64zM96 440a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"})],-1)),Ip=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"})],-1)),Ap=Le(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[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"})],-1));var Pa=Xe(n.defineComponent({__name:"VPreview",props:{hideMobileToggle:{type:Boolean,default:!1},hideSwatches:{type:Boolean,default:!1},background:{type:String,default:"neutral"},regionHeader:{type:String,default:""},regionViewport:{type:String,default:""},regionPreview:{type:String,default:""},regionFooter:{type:String,default:""},regionSource:{type:String,default:""}},setup(e){const t=e,a={"bg-transparent":"bg-transparent","neutral-opaque":"bg-white/50 dark:bg-black/50",neutral:"bg-surface-100-800-token","variant-filled-surface":"variant-filled-surface","variant-filled-primary":"variant-filled-primary","variant-filled-secondary":"variant-filled-secondary","variant-filled-tertiary":"variant-filled-tertiary","variant-filled-success":"variant-filled-success","variant-filled-warning":"variant-filled-warning","variant-filled-error":"variant-filled-error"},i=n.ref(t.background),r=n.ref("preview"),s=n.ref("full"),o=n.ref(!1),l=()=>o.value=!o.value;return(c,_)=>(n.openBlock(),n.createElementBlock("div",Tp,[n.createElementVNode("header",{class:n.normalizeClass(`vuetiful-previewer-header flex items-center justify-between gap-4 p-4 bg-surface-200-700-token ${e.regionHeader}`)},[n.createElementVNode("div",bp,[n.createVNode(n.unref(Ve),{modelValue:r.value,"onUpdate:modelValue":_[0]||(_[0]=d=>r.value=d)},{default:n.withCtx(()=>[n.createVNode(n.unref(Oe),{"data-test":"radio-item-preview",value:"preview",title:"Preview"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"preview-item",{},()=>[fp],!0)]),_:3}),n.createVNode(n.unref(Oe),{"data-test":"radio-item-code",value:"code",title:"Code"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"code-item",{},()=>[Rp],!0)]),_:3})]),_:3},8,["modelValue"]),!e.hideMobileToggle&&r.value==="preview"?(n.openBlock(),n.createBlock(n.unref(Ve),{key:0,class:"hidden sm:!inline-flex",modelValue:s.value,"onUpdate:modelValue":_[1]||(_[1]=d=>s.value=d)},{default:n.withCtx(()=>[n.createVNode(n.unref(Oe),{"data-test":"radio-item-mobile",value:"mobile"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"mobile-item",{},()=>[Np],!0)]),_:3}),n.createVNode(n.unref(Oe),{value:"full"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"desktop-item",{},()=>[Cp],!0)]),_:3})]),_:3},8,["modelValue"])):n.createCommentVNode("",!0)]),e.hideSwatches?n.createCommentVNode("",!0):(n.openBlock(),n.createBlock(n.unref(Ge),{key:0,"data-test":"swatch-button",variant:o.value?"filled":"",class:n.normalizeClass(["px-4 py-1 border-token border-surface-400-500-token",o.value?"":"text-center text-base rounded-token hover:variant-ghost hover:text-surface-900 dark:hover:text-surface-50"]),onClick:l,title:"Backgrounds"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"swatchbook-item",{},()=>[Op],!0)]),_:3},8,["variant","class"]))],2),o.value?(n.openBlock(),n.createBlock(n.unref(Ve),{key:0,"data-test":"swatches",class:n.normalizeClass("vuetiful-previewer-swatches variant-soft grid grid-cols-6 gap-2 !rounded-none p-4 sm:grid-cols-12"),active:"bg-transparent",hover:"bg-transparent",modelValue:i.value,"onUpdate:modelValue":_[2]||(_[2]=d=>i.value=d)},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.entries(a),([d,m],u)=>(n.openBlock(),n.createBlock(n.unref(Oe),{value:d,key:u,class:n.normalizeClass(`${m} flex aspect-square cursor-pointer items-center justify-center rounded ring-[1px] ring-surface-500/50`),title:d},{default:n.withCtx(()=>[u===0&&i.value!==d?n.renderSlot(c.$slots,"cancel-item",{key:0},()=>[Ip],!0):n.createCommentVNode("",!0),i.value===d?n.renderSlot(c.$slots,"selected-item",{key:1},()=>[Ap],!0):n.createCommentVNode("",!0)]),_:2},1032,["value","class","title"]))),128))]),_:3},8,["modelValue"])):n.createCommentVNode("",!0),r.value==="preview"?(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.createElementVNode("div",{class:n.normalizeClass(`vuetiful-previewer-viewport p-4 md:p-10 ${a[i.value]} ${e.regionViewport}`)},[n.createElementVNode("div",{"data-test":"previewer-preview",class:n.normalizeClass(`vuetiful-previewer-preview mx-auto flex duration-300 ${s.value==="mobile"?"mobile-screen flex h-[812px] max-w-[375px] flex-col overflow-hidden rounded-3xl border-8 border-black/50 p-2 shadow-2xl dark:border-white/50":"w-full items-center justify-center"} ${e.regionPreview}`)},[n.renderSlot(c.$slots,"preview",{},()=>[n.createTextVNode("(preview)")],!0)],2)],2),c.$slots.footer?(n.openBlock(),n.createElementBlock("footer",{key:0,class:n.normalizeClass(`vuetiful-previewer-footer variant-soft p-4 ${e.regionFooter}`)},[n.renderSlot(c.$slots,"footer",{},void 0,!0)],2)):n.createCommentVNode("",!0)],64)):n.createCommentVNode("",!0),r.value==="code"?(n.openBlock(),n.createElementBlock("div",{key:2,"data-test":"previewer-source",class:n.normalizeClass(`vuetiful-previewer-source p-4 md:p-10 ${a.neutral} ${e.regionSource}`)},[n.renderSlot(c.$slots,"source",{},()=>[n.createTextVNode("(source)")],!0)],2)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-ef253f90"]]);const ka=n.defineComponent({__name:"VRail",props:{active:{type:String,default:"variant-filled"},hover:{type:String,default:"hover:variant-ghost hover:text-surface-900 dark:hover:text-surface-50"}},setup(e){const t=e,{selectedRailTile:a}=Bt();return n.provide("activeRail",t.active),n.provide("hoverRail",t.hover),(i,r)=>(n.openBlock(),n.createBlock(n.unref(Ve),{modelValue:n.unref(a),"onUpdate:modelValue":r[0]||(r[0]=s=>n.isRef(a)?a.value=s:null),unstyled:"",hover:"",active:"",class:"flex h-full w-[70px] flex-col overflow-y-auto"},{default:n.withCtx(()=>[n.renderSlot(i.$slots,"default")]),_:3},8,["modelValue"]))}}),Ua=n.defineComponent({__name:"VRailTile",props:{value:{type:String,default:""},label:{type:String,default:""},regionIcon:{type:String,default:""},regionLabel:{type:String,default:""}},setup(e){const{selectedRailTile:t}=Bt(),a=n.inject("activeRail"),i=n.inject("hoverRail");return(r,s)=>(n.openBlock(),n.createBlock(n.unref(Oe),{unstyled:"",value:e.value,class:n.normalizeClass(`vuetiful-rail-tile grid aspect-square w-full cursor-pointer place-content-center place-items-center ${n.unref(t)===e.value?`${n.unref(a)}`:`${n.unref(i)}`}`)},{default:n.withCtx(()=>[r.$slots.default?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(`vuetiful-rail-tile-icon ${e.regionIcon}`)},[n.renderSlot(r.$slots,"default")],2)):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(`vuetiful-rail-tile-label text-center text-xs font-bold ${e.regionLabel}`)},n.toDisplayString(e.label),3)):n.createCommentVNode("",!0)]),_:3},8,["value","class"]))}}),yp={class:"vuetiful-shell flex h-full w-full flex-col overflow-hidden"},vp={class:"vuetiful-shell-content flex h-full w-full flex-auto overflow-hidden"},Ba=n.defineComponent({__name:"VShell",props:{regionPage:{type:String,default:""},slotFixedHeader:{type:String,default:"z-10"},slotSidebarLeft:{type:String,default:"w-auto"},slotSidebarRight:{type:String,default:"w-auto"},slotPageHeader:{type:String,default:""},slotPageContent:{type:String,default:""},slotPageFooter:{type:String,default:""},slotFixedFooter:{type:String,default:""}},setup(e){return(t,a)=>{var i;return n.openBlock(),n.createElementBlock("div",yp,[t.$slots.fixedHeader?(n.openBlock(),n.createElementBlock("header",{key:0,class:n.normalizeClass(`vuetiful-fixed-header ${e.slotFixedHeader}`)},[n.renderSlot(t.$slots,"fixedHeader")],2)):n.createCommentVNode("",!0),n.createElementVNode("div",vp,[t.$slots.sidebarLeft?(n.openBlock(),n.createElementBlock("aside",{key:0,class:n.normalizeClass(`vuetiful-sidebar-left overflow-y-auto overflow-x-hidden ${e.slotSidebarLeft}`)},[n.renderSlot(t.$slots,"sidebarLeft")],2)):n.createCommentVNode("",!0),n.createElementVNode("div",{tabindex:"-1",class:n.normalizeClass(`vuetiful-page flex flex-1 flex-col overflow-x-hidden ${(i=e.regionPage)!=null?i:""}`)},[t.$slots.pageHeader?(n.openBlock(),n.createElementBlock("header",{key:0,class:n.normalizeClass(`vuetiful-page-header flex-none ${e.slotPageHeader}`)},[n.renderSlot(t.$slots,"pageHeader")],2)):n.createCommentVNode("",!0),n.createElementVNode("main",{class:n.normalizeClass(`vuetiful-page-content flex-auto ${e.slotPageContent}`)},[n.renderSlot(t.$slots,"default")],2),t.$slots.pageFooter?(n.openBlock(),n.createElementBlock("footer",{key:1,class:n.normalizeClass(`vuetiful-page-footer flex-none ${e.slotPageFooter}`)},[n.renderSlot(t.$slots,"pageFooter")],2)):n.createCommentVNode("",!0)],2),t.$slots.sidebarRight?(n.openBlock(),n.createElementBlock("aside",{key:1,class:n.normalizeClass(`vuetiful-sidebar-right flex-none overflow-y-auto overflow-x-hidden ${e.slotSidebarRight}`)},[n.renderSlot(t.$slots,"sidebarRight")],2)):n.createCommentVNode("",!0)]),t.$slots.fixedFooter?(n.openBlock(),n.createElementBlock("footer",{key:1,class:n.normalizeClass(`vuetiful-fixed-footer ${e.slotFixedFooter}`)},[n.renderSlot(t.$slots,"fixedFooter")],2)):n.createCommentVNode("",!0)])}}});var Sg="";const Fa=e=>(n.pushScopeId("data-v-31089628"),e=e(),n.popScopeId(),e),hp={key:0},Dp=Fa(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})],-1)),Mp=Fa(()=>n.createElementVNode("svg",{class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},[n.createElementVNode("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})],-1));var Jt=Xe(n.defineComponent({__name:"VListboxButton",props:{as:{type:String,default:"button"},hideIcon:{type:Boolean,default:!1}},setup(e){const t=n.inject("unstyled"),{settings:a}=Z(),i=a.global.unstyled||a.components.listbox.unstyled||t;return(r,s)=>(n.openBlock(),n.createBlock(n.unref(Xm),{as:e.as,class:n.normalizeClass(`vuetiful-listbox-button ${n.unref(i)?"flex":"variant-filled btn flex w-full justify-between active:scale-[100%]"}`)},{default:n.withCtx(({open:o})=>[n.renderSlot(r.$slots,"default",{},void 0,!0),e.hideIcon?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("span",hp,[o?n.createCommentVNode("",!0):n.renderSlot(r.$slots,"open-icon",{key:0},()=>[Dp],!0),o?n.renderSlot(r.$slots,"close-icon",{key:1},()=>[Mp],!0):n.createCommentVNode("",!0)]))]),_:3},8,["as","class"]))}}),[["__scopeId","data-v-31089628"]]);const jt=n.defineComponent({__name:"VListboxItems",props:{as:{type:String,default:"ul"},static:{type:Boolean,default:!1},unstyled:{type:Boolean,default:!1}},setup(e){const t=e,a=n.inject("background"),i=n.inject("text"),r=n.inject("horizontal"),s=n.inject("classItems"),{settings:o}=Z(),l=o.global.unstyled||o.components.listbox.unstyled||t.unstyled;return(c,_)=>(n.openBlock(),n.createBlock(n.unref(Zm),{as:e.as,static:e.static,class:n.normalizeClass(`z-10 ${n.unref(l)?"":"rounded-container-token' gap-1 p-4 border-token border-surface-400-500-token"} ${n.unref(a)} ${n.unref(i)} ${n.unref(r)?"flex":"flex-col"} ${n.unref(s)}`),"data-test":"listbox-items"},{default:n.withCtx(()=>[n.renderSlot(c.$slots,"default")]),_:3},8,["as","static","class"]))}}),en=n.defineComponent({__name:"VListboxLabel",props:{as:{type:String,default:"label"}},setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(Qm),{class:"vuetiful-listbox-label",as:e.as},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3},8,["as"]))}}),Ga=n.defineComponent({__name:"VListbox",props:{modelValue:ba.props.modelValue,by:{type:String},display:{type:String},textLabel:{type:String},classLabel:{type:String,default:""},textButton:{type:String,default:"Select an option"},classButton:{type:String,default:""},classItem:{type:String,default:""},classItems:{type:String,default:""},horizontal:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},active:{type:String,default:"variant-filled"},hover:{type:String,default:"hover:variant-ghost"},background:{type:String,default:"bg-surface-200-700-token"},text:{type:String,default:"text-surface-900 dark:text-surface-50"},unstyled:ce},emits:["update:modelValue"],setup(e,{emit:t}){const a=e,i=n.ref(a.modelValue);n.watch(()=>a.modelValue,l=>{i.value=l}),n.watch(()=>i.value,l=>{t("update:modelValue",l)}),n.provide("active",a.active),n.provide("hover",a.hover),n.provide("background",a.background),n.provide("text",a.text),n.provide("horizontal",a.horizontal),n.provide("unstyled",a.unstyled),n.provide("classItem",a.classItem),n.provide("classItems",a.classItems);const r=n.computed(()=>{var c;if(a.display&&i.value)return i.value[a.display];const l=(c=i.value)==null?void 0:c.length;return a.multiple&&l===0?a.textButton:a.multiple&&l===1?i.value[0]:a.multiple&&l>1?`${l} options selected`:i.value?i.value:a.textButton}),{settings:s}=Z(),o=s.global.unstyled||s.components.listbox.unstyled||a.unstyled;return(l,c)=>(n.openBlock(),n.createBlock(n.unref(ba),{"data-test":"listbox",as:"div",by:e.by,multiple:e.multiple,class:n.normalizeClass(`vuetiful-listbox ${n.unref(o)?"":"relative rounded-container-token"}`),modelValue:i.value,"onUpdate:modelValue":c[0]||(c[0]=_=>i.value=_)},{default:n.withCtx(()=>[e.textLabel?(n.openBlock(),n.createBlock(en,{key:0,class:n.normalizeClass(e.classLabel)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.textLabel),1)]),_:1},8,["class"])):n.createCommentVNode("",!0),n.createVNode(Jt,{"data-test":"listbox-button",class:n.normalizeClass(`${e.background} ${e.text} ${e.classButton}`)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r)),1)]),_:1},8,["class"]),n.createVNode(n.Transition,{"enter-active-class":"transition duration-150 ease-in-out","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition duration-150 ease-in-out","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:n.withCtx(()=>[n.createVNode(jt,{"data-test":"listbox-items",unstyled:e.unstyled,class:n.normalizeClass(`${n.unref(o)?"":"absolute mt-1 min-w-full"}`)},{default:n.withCtx(()=>[n.renderSlot(l.$slots,"default")]),_:3},8,["unstyled","class"])]),_:3})]),_:3},8,["by","multiple","class","modelValue"]))}}),Ya=n.defineComponent({__name:"VListboxItem",props:{value:{type:[String,Number,Boolean,Object],required:!0},unstyled:{type:Boolean,default:!1}},setup(e){const t=e,a=n.inject("active"),i=n.inject("hover"),r=n.inject("classItem"),{settings:s}=Z(),o=s.global.unstyled||s.components.listboxItem.unstyled||t.unstyled;return(l,c)=>(n.openBlock(),n.createBlock(n.unref(Jm),{value:e.value},{default:n.withCtx(({selected:_,disabled:d,active:m})=>[n.createElementVNode("div",{"data-test":"listbox-item",class:n.normalizeClass(`vuetiful-listbox-item ${n.unref(o)?"":"px-4 py-1 text-base rounded-token"} 
       ${_?n.unref(a):n.unref(i)} 
       ${d?"cursor-not-allowed opacity-50":"cursor-pointer"}
       ${m&&!_?n.unref(i):""}
       ${n.unref(r)}`)},[n.renderSlot(l.$slots,"default")],2)]),_:3},8,["value"]))}}),Va=n.defineComponent({__name:"VTab",props:{disabled:{type:Boolean,default:!1},unstyled:ce},setup(e){const t=e,a=n.inject("active"),i=n.inject("hover"),r=n.inject("vertical"),s=n.inject("classTab"),o=n.inject("hideSeparator"),l=n.inject("classTabSeparator"),c=n.computed(()=>s||"w-full px-4 py-2"),{settings:_}=Z(),d=_.global.unstyled||_.components.tab.unstyled||t.unstyled;return(m,u)=>(n.openBlock(),n.createBlock(n.unref(mp),{disabled:e.disabled,class:n.normalizeClass(["vuetiful-tab",`flex ${n.unref(r)?"flex-row justify-between":"flex-col"}`])},{default:n.withCtx(({selected:T})=>[n.createElementVNode("div",{"data-test":"slot-container",class:n.normalizeClass(["vuetiful-tab-content",`text-base ${n.unref(d)?"":"rounded-token"} ${T?n.unref(a):n.unref(i)} ${n.unref(c)}`])},[n.renderSlot(m.$slots,"default")],2),n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["vuetiful-tab-separator",`z-10 ${n.unref(r)?"mr-[-2px] h-full border-r-2":"mb-[-2px] w-full border-b-2"} ${n.unref(l)}`])},null,2),[[n.vShow,T&&!n.unref(o)]])]),_:3},8,["disabled","class"]))}}),Ha=n.defineComponent({__name:"VTabPanel",setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(Ep),{class:"vuetiful-tab-panel"},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3}))}}),$a=n.defineComponent({__name:"VTabs",props:{hideSeparator:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},active:{type:String,default:""},hover:{type:String,default:"hover:variant-ghost"},classPanels:{type:String,default:""},classTabs:{type:String,default:""},classTab:{type:String,default:""},classSeparator:{type:String,default:"border-surface-400-500-token"},classTabSeparator:{type:String,default:"border-surface-900-50-token"},defaultIndex:{type:Number,default:0},unstyled:ce},setup(e){const t=e;n.provide("active",t.active),n.provide("hover",t.hover),n.provide("vertical",t.vertical),n.provide("classTab",t.classTab),n.provide("hideSeparator",t.hideSeparator),n.provide("classTabSeparator",t.classTabSeparator);const{settings:a}=Z(),i=a.global.unstyled||a.components.tabs.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createBlock(n.unref(dp),{as:"div",vertical:e.vertical,defaultIndex:e.defaultIndex,class:n.normalizeClass(["vuetiful-tab-group",`${e.vertical?"flex":""}`])},{default:n.withCtx(()=>[n.createVNode(n.unref(up),{"data-test":"vuetiful-tab-list",class:n.normalizeClass(`vuetiful-tab-list flex ${e.vertical?"flex-col":""}
       ${n.unref(i)?"":`${e.vertical?"!rounded-br-none !rounded-tr-none":"!rounded-bl-none !rounded-br-none"} rounded-container-token `} 
       ${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(pp),{"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"]))}}),za=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 bg="";const qa=e=>(n.pushScopeId("data-v-6c055e30"),e=e(),n.popScopeId(),e),Lp={class:"vuetiful-accordion-title"},wp=qa(()=>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)),xp=qa(()=>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 Wa=Xe(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(Ym),{class:"vuetiful-accordion-item",as:"div"},{default:n.withCtx(({open:c})=>[n.createVNode(n.unref(Vm),{class:n.normalizeClass([`${n.unref(s)?"":`${c?"!rounded-bl-none !rounded-br-none":""}`}
+      ${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"]))}}),za=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 bg="";const qa=e=>(n.pushScopeId("data-v-513d21fc"),e=e(),n.popScopeId(),e),Lp={class:"vuetiful-accordion-title"},wp=qa(()=>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)),xp=qa(()=>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 Wa=Xe(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(Ym),{class:"vuetiful-accordion-item",as:"div"},{default:n.withCtx(({open:c})=>[n.createVNode(n.unref(Vm),{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",Lp,n.toDisplayString(e.title),1),c?n.createCommentVNode("",!0):n.renderSlot(o.$slots,"open-item",{key:0},()=>[wp],!0),c?n.renderSlot(o.$slots,"close-item",{key:1},()=>[xp],!0):n.createCommentVNode("",!0)]),_:2},1032,["class"]),n.createVNode(n.unref(Hm),{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-6c055e30"]]),Rg="";const nt=e=>(n.pushScopeId("data-v-5df26a83"),e=e(),n.popScopeId(),e),Pp={key:0,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},kp=[nt(()=>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))],Up={key:1,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Bp=[nt(()=>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))],Fp={key:2,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Gp=[nt(()=>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))],Yp={key:3,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Vp=[nt(()=>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))],Hp=[nt(()=>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 Ka=Xe(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",Pp,kp)):n.createCommentVNode("",!0),e.type==="success"?(n.openBlock(),n.createElementBlock("svg",Up,Bp)):n.createCommentVNode("",!0),e.type==="warning"?(n.openBlock(),n.createElementBlock("svg",Fp,Gp)):n.createCommentVNode("",!0),e.type==="error"?(n.openBlock(),n.createElementBlock("svg",Yp,Vp)):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"},Hp,34)):n.createCommentVNode("",!0)],2)):n.createCommentVNode("",!0)}}),[["__scopeId","data-v-5df26a83"]]),vg="";const $p=["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:ce},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,$p))}}),Xa=n.defineComponent({__name:"VCardBody",props:{unstyled:ce},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))}}),Za=n.defineComponent({__name:"VCardFooter",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:ce},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 hg="";const Ja=n.defineComponent({__name:"VCardHeader",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:ce},setup(e){const t=e,a=n.ref(),i=n.computed(()=>{var m;const _=(m=a.value)==null?void 0:m.children;return _?Array.from(_).some(u=>u.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 Dg="";const zp=["innerHTML"],ja=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:ce},emits:["copy"],setup(e,{emit:t}){const a=e,{highlight:i}=Jn(),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(Ge),{size:"sm",class:n.normalizeClass(`vuetiful-code-block-button ${e.classButton?e.classButton:"bg-[#171717] dark:bg-[#171717] text-[#a4a4a4] dark:text-[#a4a4a4]"}`),onClick:d[0]||(d[0]=m=>o())},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(r.value?e.buttonCopiedText:e.buttonText),1)]),_:1},8,["class"])),[[n.unref(ir),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,zp)],2)],2))}});var er=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",VAvatar:sn,VButton:Ge,VBadge:jn,VChip:ea,VLightSwitch:Gt,VRadioGroup:Ve,VRadioItem:Oe,VRadioLabel:ha,VRadioDescription:va,VSwitchGroup:La,VSwitchLabel:wa,VSwitchDescription:Ma,VSwitch:Da,VAccordion:za,VAccordionItem:Wa,VAlert:Ka,VCard:Qa,VCardBody:Xa,VCardFooter:Za,VCardHeader:Ja,VCodeBlock:ja,VDrawer:xa,VListbox:Ga,VListboxButton:Jt,VListboxItem:Ya,VListboxItems:jt,VListboxLabel:en,VPreview:Pa,VRail:ka,VRailTile:Ua,VShell:Ba,VTab:Va,VTabPanel:Ha,VTabs:$a}),Mg="",Lg="";const qp={class:"vuetiful-theme-switcher"},Wp={class:"flex items-center justify-between"},Kp=n.createElementVNode("div",{class:"text-lg"},"Mode",-1),Qp=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{initializeTheme:t,loadTheme:a,themes:i,chosenTheme:r}=rr(),s=n.ref(!1);return n.onMounted(()=>{t()}),(o,l)=>(n.openBlock(),n.createElementBlock("div",qp,[n.createVNode(n.unref(Ge),{class:n.normalizeClass(`vuetiful-theme-switcher__button ${e.classButton}`),onClick:l[0]||(l[0]=c=>s.value=!s.value)},{default:n.withCtx(()=>[n.createTextVNode(" Theme ")]),_:1},8,["class"]),s.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",Wp,[Kp,n.createVNode(n.unref(Gt))]),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(i),(c,_)=>(n.openBlock(),n.createBlock(n.unref(Ge),{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(r)===c.name?"variant-filled-surface":""}`]),key:_,onClick:d=>n.unref(a)(c.name)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.name),1)]),_:2},1032,["class","onClick"]))),128))],2)],2)):n.createCommentVNode("",!0)]))}}),{isBrowser:tr}=ln(),ae={VUETIFUL:"vuetiful",ROCKET:"rocket",SAHARA:"sahara",SEAFOAM:"seafoam",SEASONAL:"seasonal",SKELETON:"skeleton",VINTAGE:"vintage"},we=e=>`https://code-coaching.dev/vuetiful-themes/theme-${e}.css`,nr=[{name:ae.VUETIFUL,url:we(`${ae.VUETIFUL}-0.0.1`)},{name:ae.ROCKET,url:we(`${ae.ROCKET}`)},{name:ae.SAHARA,url:we(`${ae.SAHARA}`)},{name:ae.SEAFOAM,url:we(`${ae.SEAFOAM}`)},{name:ae.SEASONAL,url:we(`${ae.SEASONAL}`)},{name:ae.SKELETON,url:we(`${ae.SKELETON}`)},{name:ae.VINTAGE,url:we(`${ae.VINTAGE}`)}],He=n.ref([...nr]),tn=ae.VUETIFUL,ar=n.ref(tn),rr=()=>{const e=o=>{const l=He.value.find(c=>c.name===o);!l||tr&&(localStorage.setItem("vuetiful-theme",l.name),document.body.setAttribute("data-theme",l.name))},t=o=>{if(tr){const l=localStorage.getItem("vuetiful-theme");a(l||tn,o)}},a=(o,l)=>{let c=He.value.find(E=>E.name===o);c||(c=He.value.find(E=>E.name===tn)||He.value[0]);const _=c;ar.value=_.name;const d=document.getElementById("theme");let m=_.url;const u=document.createElement("link");u.id="theme",u.href=m,u.type="text/css",u.rel="stylesheet",u.onload=()=>{d&&d.remove(),e(_.name),l&&l()};const T=document.querySelector("head");T&&T.appendChild(u)},i=()=>[...nr],r=(o,l)=>({url:l,name:o}),s=o=>{He.value=[...o]};return{themes:n.readonly(He),chosenTheme:n.readonly(ar),initializeTheme:t,loadTheme:a,saveThemeToStorage:e,THEMES:ae,overwriteThemes:s,registerAllBuiltInThemes:i,registerTheme:r}},ir=(e,t)=>{e.addEventListener("click",()=>{navigator.clipboard.writeText(t.value)})};function Xp(e){for(const t in er)e.component(t,er[t])}var Zp={install:Xp};M.ThemeSwitcher=Qp,M.VAccordion=za,M.VAccordionItem=Wa,M.VAlert=Ka,M.VAvatar=sn,M.VBadge=jn,M.VButton=Ge,M.VCard=Qa,M.VCardBody=Xa,M.VCardFooter=Za,M.VCardHeader=Ja,M.VChip=ea,M.VCodeBlock=ja,M.VDrawer=xa,M.VLightSwitch=Gt,M.VListbox=Ga,M.VListboxButton=Jt,M.VListboxItem=Ya,M.VListboxItems=jt,M.VListboxLabel=en,M.VPreview=Pa,M.VRadioDescription=va,M.VRadioGroup=Ve,M.VRadioItem=Oe,M.VRadioLabel=ha,M.VRail=ka,M.VRailTile=Ua,M.VShell=Ba,M.VSwitch=Da,M.VSwitchDescription=Ma,M.VSwitchGroup=La,M.VSwitchLabel=wa,M.VTab=Va,M.VTabPanel=Ha,M.VTabs=$a,M.default=Zp,M.useDarkMode=_n,M.useDrawer=dn,M.useHighlight=Jn,M.useRail=Bt,M.useSettings=Z,M.useTheme=rr,M.vClipboard=ir,Object.defineProperty(M,"__esModule",{value:!0}),M[Symbol.toStringTag]="Module"});
+      ${n.unref(a)}`,"vuetiful-accordion-item-button flex w-full"])},{default:n.withCtx(()=>[n.createElementVNode("span",Lp,n.toDisplayString(e.title),1),c?n.createCommentVNode("",!0):n.renderSlot(o.$slots,"open-item",{key:0},()=>[wp],!0),c?n.renderSlot(o.$slots,"close-item",{key:1},()=>[xp],!0):n.createCommentVNode("",!0)]),_:2},1032,["class"]),n.createVNode(n.unref(Hm),{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"]]),Rg="";const nt=e=>(n.pushScopeId("data-v-5d6982bd"),e=e(),n.popScopeId(),e),Pp={key:0,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},kp=[nt(()=>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))],Up={key:1,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Bp=[nt(()=>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))],Fp={key:2,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Gp=[nt(()=>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))],Yp={key:3,class:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},Vp=[nt(()=>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))],Hp=[nt(()=>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 Ka=Xe(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",Pp,kp)):n.createCommentVNode("",!0),e.type==="success"?(n.openBlock(),n.createElementBlock("svg",Up,Bp)):n.createCommentVNode("",!0),e.type==="warning"?(n.openBlock(),n.createElementBlock("svg",Fp,Gp)):n.createCommentVNode("",!0),e.type==="error"?(n.openBlock(),n.createElementBlock("svg",Yp,Vp)):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"},Hp,34)):n.createCommentVNode("",!0)],2)):n.createCommentVNode("",!0)}}),[["__scopeId","data-v-5d6982bd"]]),vg="";const $p=["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:ce},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,$p))}}),Xa=n.defineComponent({__name:"VCardBody",props:{unstyled:ce},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))}}),Za=n.defineComponent({__name:"VCardFooter",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:ce},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 hg="";const Ja=n.defineComponent({__name:"VCardHeader",props:{classSeparator:{type:String,default:"opacity-90"},unstyled:ce},setup(e){const t=e,a=n.ref(),i=n.computed(()=>{var m;const _=(m=a.value)==null?void 0:m.children;return _?Array.from(_).some(u=>u.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 Dg="";const zp=["innerHTML"],ja=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:ce},emits:["copy"],setup(e,{emit:t}){const a=e,{highlight:i}=Jn(),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(Ge),{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]=m=>o())},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(r.value?e.buttonCopiedText:e.buttonText),1)]),_:1},8,["class"])),[[n.unref(ir),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,zp)],2)],2))}});var er=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",VAvatar:sn,VButton:Ge,VBadge:jn,VChip:ea,VLightSwitch:Gt,VRadioGroup:Ve,VRadioItem:Oe,VRadioLabel:ha,VRadioDescription:va,VSwitchGroup:La,VSwitchLabel:wa,VSwitchDescription:Ma,VSwitch:Da,VAccordion:za,VAccordionItem:Wa,VAlert:Ka,VCard:Qa,VCardBody:Xa,VCardFooter:Za,VCardHeader:Ja,VCodeBlock:ja,VDrawer:xa,VListbox:Ga,VListboxButton:Jt,VListboxItem:Ya,VListboxItems:jt,VListboxLabel:en,VPreview:Pa,VRail:ka,VRailTile:Ua,VShell:Ba,VTab:Va,VTabPanel:Ha,VTabs:$a}),Mg="",Lg="";const qp={class:"vuetiful-theme-switcher"},Wp={class:"flex items-center justify-between"},Kp=n.createElementVNode("div",{class:"text-lg"},"Mode",-1),Qp=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{initializeTheme:t,loadTheme:a,themes:i,chosenTheme:r}=rr(),s=n.ref(!1);return n.onMounted(()=>{t()}),(o,l)=>(n.openBlock(),n.createElementBlock("div",qp,[n.createVNode(n.unref(Ge),{class:n.normalizeClass(`vuetiful-theme-switcher__button ${e.classButton}`),onClick:l[0]||(l[0]=c=>s.value=!s.value)},{default:n.withCtx(()=>[n.createTextVNode(" Theme ")]),_:1},8,["class"]),s.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",Wp,[Kp,n.createVNode(n.unref(Gt))]),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(i),(c,_)=>(n.openBlock(),n.createBlock(n.unref(Ge),{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(r)===c.name?"variant-filled-surface":""}`]),key:_,onClick:d=>n.unref(a)(c.name)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.name),1)]),_:2},1032,["class","onClick"]))),128))],2)],2)):n.createCommentVNode("",!0)]))}}),{isBrowser:tr}=ln(),ae={VUETIFUL:"vuetiful",ROCKET:"rocket",SAHARA:"sahara",SEAFOAM:"seafoam",SEASONAL:"seasonal",SKELETON:"skeleton",VINTAGE:"vintage"},we=e=>`https://code-coaching.dev/vuetiful-themes/theme-${e}.css`,nr=[{name:ae.VUETIFUL,url:we(`${ae.VUETIFUL}-0.0.1`)},{name:ae.ROCKET,url:we(`${ae.ROCKET}`)},{name:ae.SAHARA,url:we(`${ae.SAHARA}`)},{name:ae.SEAFOAM,url:we(`${ae.SEAFOAM}`)},{name:ae.SEASONAL,url:we(`${ae.SEASONAL}`)},{name:ae.SKELETON,url:we(`${ae.SKELETON}`)},{name:ae.VINTAGE,url:we(`${ae.VINTAGE}`)}],He=n.ref([...nr]),tn=ae.VUETIFUL,ar=n.ref(tn),rr=()=>{const e=o=>{const l=He.value.find(c=>c.name===o);!l||tr&&(localStorage.setItem("vuetiful-theme",l.name),document.body.setAttribute("data-theme",l.name))},t=o=>{if(tr){const l=localStorage.getItem("vuetiful-theme");a(l||tn,o)}},a=(o,l)=>{let c=He.value.find(E=>E.name===o);c||(c=He.value.find(E=>E.name===tn)||He.value[0]);const _=c;ar.value=_.name;const d=document.getElementById("theme");let m=_.url;const u=document.createElement("link");u.id="theme",u.href=m,u.type="text/css",u.rel="stylesheet",u.onload=()=>{d&&d.remove(),e(_.name),l&&l()};const T=document.querySelector("head");T&&T.appendChild(u)},i=()=>[...nr],r=(o,l)=>({url:l,name:o}),s=o=>{He.value=[...o]};return{themes:n.readonly(He),chosenTheme:n.readonly(ar),initializeTheme:t,loadTheme:a,saveThemeToStorage:e,THEMES:ae,overwriteThemes:s,registerAllBuiltInThemes:i,registerTheme:r}},ir=(e,t)=>{e.addEventListener("click",()=>{navigator.clipboard.writeText(t.value)})};function Xp(e){for(const t in er)e.component(t,er[t])}var Zp={install:Xp};M.ThemeSwitcher=Qp,M.VAccordion=za,M.VAccordionItem=Wa,M.VAlert=Ka,M.VAvatar=sn,M.VBadge=jn,M.VButton=Ge,M.VCard=Qa,M.VCardBody=Xa,M.VCardFooter=Za,M.VCardHeader=Ja,M.VChip=ea,M.VCodeBlock=ja,M.VDrawer=xa,M.VLightSwitch=Gt,M.VListbox=Ga,M.VListboxButton=Jt,M.VListboxItem=Ya,M.VListboxItems=jt,M.VListboxLabel=en,M.VPreview=Pa,M.VRadioDescription=va,M.VRadioGroup=Ve,M.VRadioItem=Oe,M.VRadioLabel=ha,M.VRail=ka,M.VRailTile=Ua,M.VShell=Ba,M.VSwitch=Da,M.VSwitchDescription=Ma,M.VSwitchGroup=La,M.VSwitchLabel=wa,M.VTab=Va,M.VTabPanel=Ha,M.VTabs=$a,M.default=Zp,M.useDarkMode=_n,M.useDrawer=dn,M.useHighlight=Jn,M.useRail=Bt,M.useSettings=Z,M.useTheme=rr,M.vClipboard=ir,Object.defineProperty(M,"__esModule",{value:!0}),M[Symbol.toStringTag]="Module"});

package/package.json

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