@vue/devtools-ui 7.7.7 → 8.0.0

package/dist/index.cjs

@@ -1,4 +1,4 @@
 // @unocss-include
 
-"use strict";var x=Object.create;var $=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var R=(a,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of P(t))!L.call(a,r)&&r!==o&&$(a,r,{get:()=>t[r],enumerable:!(i=z(t,r))||i.enumerable});return a};var f=(a,t,o)=>(o=a!=null?x(I(a)):{},R(t||!a||!a.__esModule?$(o,"default",{value:a,enumerable:!0}):o,a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("floating-vue");;/* empty css               */;/* empty css                 */const e=require("vue"),m=require("@vueuse/core"),F=require("shiki/core"),H=require("shiki/engine/javascript"),j=require("./ic-icons-data-G1Zhc3L0.cjs"),w=(a,t)=>{const o=a.__vccOpts||a;for(const[i,r]of t)o[i]=r;return o},q={},O={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function A(a,t){return e.openBlock(),e.createElementBlock("span",O,[e.renderSlot(a.$slots,"default")])}const W=w(q,[["render",A]]),K={},U={class:"h-3 w-3 $ui-inline-fcc"};function Y(a,t){return e.openBlock(),e.createElementBlock("div",U,t[0]||(t[0]=[e.createElementVNode("svg",{class:"animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})],-1)]))}const B=w(K,[["render",Y]]),J={key:2},v=e.defineComponent({inheritAttrs:!1,__name:"Button",props:{type:{default:"default"},round:{type:[String,Boolean],default:"normal"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:"normal"},flat:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1}},emits:["click"],setup(a,{emit:t}){const o=a,i=t,r=e.useAttrs(),s=e.computed(()=>r.to?"router-link":r.href?"a":"button"),l=e.computed(()=>o.loading||o.disabled);function c(u){if(l.value){u.preventDefault(),u.stopPropagation(),u.stopImmediatePropagation();return}i("click",u)}const n={common:{default:"active:bg-primary-100-darker dark:active:bg-gray-800-darker",primary:"active:bg-primary-500-darker",accent:"active:bg-accent-500-darker",danger:"active:bg-danger-500-darker",warning:"active:bg-warning-500-darker",info:"active:bg-primary-100-darker dark:active:bg-gray-800-darker",success:"active:bg-primary-100-darker dark:active:bg-gray-800-darker"},normal:{default:"bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter dark:hover:text-white",primary:" text-white bg-primary-500 hover:bg-primary-500-lighter dark:hover:bg-primary-500-darker",accent:"text-white bg-accent-500 hover:bg-accent-500-lighter dark:bg-accent-500-darker dark:bg-accent-300",danger:"text-white bg-danger-500 hover:bg-danger-500-lighter dark:hover:bg-danger-500-darker",warning:"text-white bg-warning-500 hover:bg-warning-500-lighter dark:hover:bg-warning-500-darker",info:"text-info-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter",success:"text-primary-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter"},flat:{default:"hover:bg-primary-100 hover:text-black !dark:text-white dark:hover:bg-primary-800",primary:"hover:bg-primary-500 hover:text-white",accent:"hover:bg-accent-500 hover:text-white",danger:"hover:bg-danger-500 hover:text-white",warning:"hover:bg-warning-500 hover:text-white",info:"hover:bg-primary-100 hover:text-info-500 dark:hover:bg-gray-800 dark:hover:text-info-400",success:"hover:bg-primary-100 hover:text-primary-500 dark:hover:bg-primary-800 dark:hover:text-primary-400"},outlined:{default:"hover:border-primary-100 hover:text-primary-300 hover:active:ring-primary-100:5 hover:active:bg-primary-100:5",primary:"hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5",accent:"hover:border-accent-500 hover:text-accent-500 active:ring-accent-500:5 active:bg-accent-500:5",danger:"hover:border-danger-500 hover:text-danger-500 active:ring-danger-500:5 active:bg-danger-500:5",warning:"hover:border-warning-500 hover:text-warning-500 active:ring-warning-500:5 active:bg-warning-500:5",info:"hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",success:"hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"}},d=e.useSlots(),p=e.computed(()=>o.flat?n.flat[o.type]:o.outlined?n.outlined[o.type]:n.normal[o.type]);return(u,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps(u.$attrs,{role:"button","aria-disabled":l.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[n.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":l.value,"bg-transparent":o.flat||o.outlined},[u.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",u.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",p.value]]],onClickCapture:c}),{default:e.withCtx(()=>[u.loading?(e.openBlock(),e.createBlock(B,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(u.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(d).default?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(u.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),X={},G={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Q(a,t){return e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(a.$slots,"default")])}const Z=w(X,[["render",Q]]),ee=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i);return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out",[e.unref(r)?s.variant==="normal"?"bg-primary-500 border-primary-200 dark:border-primary-100":"bg-accent-500 border-accent-200 dark:border-accent-100":""]]),onClick:l[0]||(l[0]=c=>r.value=!e.unref(r))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(r)?"opacity-100":"opacity-0"],"h-60% w-35% transform-translate-y--0.25 transform-rotate-45 border-width-[0_0.125rem_0.125rem_0] border-white border-solid transition-opacity duration-200 ease-in-out"])},null,2)],2))}}),h=e.shallowRef();let E=null;function oe(a,t="text"){var i;if(!E&&!h.value){const r=H.createJavaScriptRegexEngine();E=F.createHighlighterCore({themes:[import("shiki/themes/vitesse-dark.mjs"),import("shiki/themes/vitesse-light.mjs")],langs:[import("shiki/langs/json.mjs"),import("shiki/langs/yaml.mjs"),import("shiki/langs/css.mjs"),import("shiki/langs/javascript.mjs"),import("shiki/langs/typescript.mjs"),import("shiki/langs/vue.mjs"),import("shiki/langs/vue-html.mjs"),import("shiki/langs/html.mjs"),import("shiki/langs/diff.mjs"),import("shiki/langs/shellscript.mjs")],engine:r}).then(s=>{h.value=s})}const o=(i=h.value)==null?void 0:i.getLoadedLanguages().includes(t);return o?{code:h.value.codeToHtml(a,{lang:t,themes:{dark:"vitesse-dark",light:"vitesse-light"}}),supported:!0}:{code:a,supported:o}}const te=["innerHTML"],re={class:"shiki"},ae=["textContent"],ne=e.defineComponent({__name:"CodeBlock",props:{code:{},lang:{},lines:{type:Boolean,default:!0},transformRendered:{}},emits:["loaded"],setup(a,{emit:t}){const o=a,i=t,r=e.computed(()=>{const s=o.lang==="text"?{code:o.code,supported:!1}:oe(o.code,o.lang)||{code:o.code,supported:!1};return s.supported&&o.transformRendered&&(s.code=o.transformRendered(s.code)),s.supported&&e.nextTick(()=>i("loaded")),s});return(s,l)=>s.lang&&r.value.supported?(e.openBlock(),e.createElementBlock("pre",{key:0,class:e.normalizeClass(["code-block",s.lines?"code-block-lines":""]),innerHTML:r.value.code},null,10,te)):(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass(["code-block",s.lines?"code-block-lines":""])},[e.createElementVNode("pre",re,[e.createElementVNode("code",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.code.split(`
-`),(c,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createElementVNode("span",{class:"line",textContent:e.toDisplayString(c)},null,8,ae),l[0]||(l[0]=e.createElementVNode("br",null,null,-1))],64))),128))])])],2))}}),C=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean},position:{default:"fixed"}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[t.dim?"bg-opacity-50!":"bg-opacity-0!",t.blur?"backdrop-blur-sm":"",t.position]])},[e.renderSlot(t.$slots,"default")],2))}}),le={class:"h7.5 w-full $ui-fbc"},se={class:"text-4.5"},ie={class:"content transition-all transition-duration-300"},de={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},ce={class:"$ui-fcc"},N=e.defineComponent({__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},title:{default:"Dialog"},width:{default:"32rem"},height:{default:"18rem"},closable:{type:Boolean,default:!0},mountTo:{default:"body"},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["close","update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i,{passive:!0}),s=m.useScrollLock(()=>window.document.documentElement);e.watchEffect(()=>{r.value?s.value=!0:s.value=!1});function l(){r.value&&o.autoClose&&(r.value=!1)}m.onKeyStroke("Escape",()=>{l()});const c=e.ref(!1);return e.onMounted(()=>c.value=!0),(n,d)=>c.value||n.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:n.mountTo},[e.createVNode(e.Transition,{"enter-from-class":"opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0","enter-to-class":"opacity-100 [&_.modal]:scale-100","leave-from-class":"opacity-100 [&_.modal]:scale-100","leave-to-class":"opacity-0 [&_.modal]:scale-95"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(C,{key:0,dim:n.dim,blur:n.blur,position:n.position},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",style:e.normalizeStyle({width:o.width,height:o.height})},[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),n.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",onClick:l},d[0]||(d[0]=[e.createElementVNode("div",{class:"i-carbon-close"},null,-1)]))):e.createCommentVNode("",!0)]),e.createElementVNode("div",ie,[e.renderSlot(n.$slots,"default")]),e.createElementVNode("div",de,[e.renderSlot(n.$slots,"footer",{},()=>[e.renderSlot(n.$slots,"footer",{},()=>[e.createElementVNode("div",ce,[e.createVNode(v,{type:"primary",onClick:l},{default:e.withCtx(()=>d[1]||(d[1]=[e.createTextVNode(" close ")])),_:1})])])])])],4)]),_:3},8,["dim","blur","position"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),ue={class:"$ui-fec gap2.5"},pe=e.defineComponent({__name:"Confirm",props:{modelValue:{type:Boolean},content:{},cancelText:{default:"Cancel"},confirmText:{default:"Confirm"},width:{default:"20%"},height:{default:"9rem"},title:{default:"Warning"},loading:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0}},emits:["update:modelValue","confirm","cancel","close"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i);e.watchEffect(()=>{r.value||i("close")});function s(l=!1){(o.autoClose||l)&&(r.value=!1)}return(l,c)=>(e.openBlock(),e.createBlock(N,{modelValue:e.unref(r),"onUpdate:modelValue":c[2]||(c[2]=n=>e.isRef(r)?r.value=n:null),width:l.width,height:l.height,title:l.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createVNode(v,{onClick:c[0]||(c[0]=()=>{i("cancel"),s(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelText),1)]),_:1}),e.createVNode(v,{loading:l.loading,type:"primary",onClick:c[1]||(c[1]=()=>{i("confirm"),s()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(l.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),S=e.defineComponent({__name:"Notification",props:{message:{},type:{default:"info"},classes:{},duration:{default:3e3},placement:{default:"top-center"},onClose:{}},setup(a){const t=a,o={success:"i-carbon-checkmark",info:"i-material-symbols-light-info",warning:"i-carbon-warning",error:"i-carbon-close"},i={success:"text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",info:"text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",warning:"text-amber-4 border-amber-2 dark:border-amber-4",error:"text-red-4 border-red-2 dark:border-red-4"},r=e.ref(!1);e.onMounted(()=>{r.value=!0,setTimeout(()=>{r.value=!1},t.duration)});const s=e.computed(()=>t.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":l.placement.startsWith("top")},{"bottom-0":l.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":s.value,"leave-to-class":s.value,onAfterLeave:c[0]||(c[0]=()=>{var n;r.value||(n=l.onClose)==null||n.call(l)})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:l.placement.includes("right")?"right":l.placement.includes("left")?"left":"center"})},[e.createElementVNode("div",{class:e.normalizeClass(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base",[l.classes,i[l.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[l.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(l.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}});function me(a){const t=document.createElement("div");t.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(t);const o=a.onClose;function i(){e.render(null,t)}a.onClose=()=>{i(),o==null||o(),document.body.removeChild(t)};const r=e.h(S,a);e.render(r,t)}const _="__vue-devtools-theme__";function T(a={}){const t=m.useColorMode({...a,storageKey:_});return{colorMode:t,isDark:e.computed(()=>t.value==="dark")}}const fe={class:"$ui-dark-toggle-vtr"},ge=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(a){const t=a,o=m.useVModel(t,"isDark"),{colorMode:i}=T({initialValue:o.value?"dark":"light",onChanged:c=>{o.value=c==="dark"}}),r=e.computed({get:()=>i.value==="dark",set:c=>i.value=c?"dark":"light"}),s=!!document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function l(c){if(!s||!c||!t.animation){r.value=!r.value;return}const n=c.clientX,d=c.clientY,p=Math.hypot(Math.max(n,innerWidth-n),Math.max(d,innerHeight-d));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const g=[`circle(0px at ${n}px ${d}px)`,`circle(${p}px at ${n}px ${d}px)`];document.documentElement.animate({clipPath:r.value?[...g].reverse():g},{duration:t.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(c,n)=>(e.openBlock(),e.createElementBlock("span",fe,[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(i),isDark:r.value,toggle:l})))]))}}),ve=e.defineComponent({__name:"Drawer",props:{modelValue:{type:Boolean},mountTo:{default:"body"},placement:{default:"right"},closeOutside:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},contentClass:{},permanent:{type:Boolean,default:!1},contentBlur:{type:Boolean,default:!1},top:{},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["update:modelValue","close"],setup(a,{emit:t}){const o=a,i=t,{height:r}=m.useElementSize(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),s=m.useVModel(o,"modelValue",i),l={left:{class:"left-0 h-full b-r",transition:"[&_.drawer]:translate-x--100%"},right:{class:"right-0 h-full b-l",transition:"[&_.drawer]:translate-x-full"},top:{class:"w-full b-b",transition:"[&_.drawer]:translate-y--100%"},bottom:{class:"bottom-0 w-full b-t",transition:"[&_.drawer]:translate-y-100%"}};m.onKeyStroke("Escape",()=>{o.closable&&(s.value=!1)});const c=e.computed(()=>l[o.placement]),n=e.ref(!1);return e.onMounted(()=>n.value=!0),(d,p)=>n.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${c.value.transition}`,"leave-to-class":`${c.value.transition}`},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,position:d.position,onClick:p[2]||(p[2]=u=>d.closeOutside&&d.closable&&(s.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[c.value.class,d.contentClass??"",d.contentBlur?"$ui-glass-effect":"$ui-bg-base"],"drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),style:e.normalizeStyle({top:d.placement==="bottom"?"auto":`${e.unref(r)}px`,height:["top","bottom"].includes(d.placement)?"auto":`calc(100% - ${e.unref(r)}px)`}),onClick:p[1]||(p[1]=e.withModifiers(()=>{},["stop"]))},[d.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",onClick:p[0]||(p[0]=u=>s.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur","position"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),be={class:"overflow-hidden rounded-lg shadow-lg"},D=e.defineComponent({__name:"Dropdown",props:{label:{},buttonProps:{default:()=>({})},buttonClass:{default:""},trigger:{default:"click"},distance:{default:0},skidding:{},placement:{},disabled:{type:Boolean,default:!1},shown:{type:Boolean}},emits:["update:visible"],setup(a){const t=a;return e.provide("$ui-dropdown-disabled",e.computed(()=>t.disabled)),(o,i)=>(e.openBlock(),e.createBlock(e.unref(b.Dropdown),{disabled:o.disabled,class:"inline-block w-auto",shown:o.shown,triggers:[o.trigger],distance:o.distance+6,placement:o.placement,skidding:o.skidding,"onUpdate:shown":i[0]||(i[0]=r=>o.$emit("update:visible",r)),onClick:i[1]||(i[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",be,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[i[2]||(i[2]=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1))])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(v,e.mergeProps({...o.buttonProps,disabled:o.disabled},{class:o.buttonClass}),e.createSlots({icon:e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon")]),"icon-right":e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon-right")]),_:2},[o.label?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),key:"0"}:void 0]),1040,["class"])])]),_:3},8,["disabled","shown","triggers","distance","placement","skidding"]))}}),he=e.defineComponent({__name:"DropdownButton",props:{type:{},round:{type:[String,Boolean]},loading:{type:Boolean},disabled:{type:Boolean},size:{},flat:{type:Boolean},outlined:{type:Boolean},keepOpen:{type:Boolean,default:!1}},setup(a){const t=a,o=e.inject("$ui-dropdown-disabled",void 0);return(i,r)=>e.withDirectives((e.openBlock(),e.createBlock(v,e.mergeProps({...t,round:!1},{disabled:e.unref(o),class:"w-full justify-start transition-colors not-action:bg-transparent!"}),{icon:e.withCtx(()=>[e.renderSlot(i.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(b.vClosePopper)]])}}),y=e.defineComponent({__name:"Icon",props:{icon:{},inline:{type:Boolean},action:{type:Boolean,default:!1}},setup(a){return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[t.icon,t.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}}),ye=["type","placeholder","disabled"],ke={key:3,class:"pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"},k="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",M=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue","updateFocused","keyTab"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=m.refDebounced(e.computed(()=>o.loading),o.loadingDebounceTime),l=m.refWithControl(!1,{onChanged(u){i("updateFocused",u)}}),c=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),n=e.computed(()=>o.disabled||s.value),d=e.ref();let p=!1;return e.watchEffect(()=>{s.value&&l.value?p=!0:!s.value&&p&&(p=!1,e.nextTick(()=>{l.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(l.value=!0)}),e.watchEffect(()=>{var u;l.value&&((u=d.value)==null||u.focus())}),(u,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100",[{"border-none bg-transparent group":u.variant==="flat","cursor-not-allowed opacity-50":n.value,accent:u.variant==="accent",focused:e.unref(l)},[u.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:g[2]||(g[2]=()=>{l.value=!0})},[u.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(k)},[e.createVNode(y,{icon:u.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:d,"onUpdate:modelValue":g[0]||(g[0]=V=>e.isRef(r)?r.value=V:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:u.type,placeholder:u.placeholder,disabled:n.value||u.readonly,onBlur:g[1]||(g[1]=V=>l.value=!1)},null,40,ye),[[e.vModelDynamic,e.unref(r)]]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(k)},[e.createVNode(B)])):u.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(k)},[e.createVNode(y,{icon:u.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ke))],2))}}),we={class:"$ui-base"},Be=e.defineComponent({__name:"FormField",props:{modelValue:{},status:{default:"normal"},showMessage:{type:Boolean,default:!0},message:{default:""},placeholder:{}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=e.ref(!1),l=e.computed(()=>o.message&&o.message.length&&o.showMessage),c={normal:"color-gray-600 dark:color-gray-400",warning:"color-warning-500 dark:color-warning-200",danger:"color-danger-500 dark:color-danger-200",success:"color-primary-700 dark:color-primary-500"},n={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,p)=>(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(M,{modelValue:e.unref(r),"onUpdate:modelValue":p[0]||(p[0]=u=>e.isRef(r)?r.value=u:null),placeholder:d.placeholder,onUpdateFocused:p[1]||(p[1]=u=>s.value=u)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[c[d.status],{"opacity-65":!s.value}]])},[d.status!=="normal"&&l.value?(e.openBlock(),e.createBlock(y,{key:0,inline:"",icon:n[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l.value?d.message:""),1)],2)]))}}),Ce=["innerHTML"],Ve=e.defineComponent({__name:"IcIcon",props:{name:{}},setup(a){const t=a,o=e.computed(()=>j.icIcons[t.name]??"");return(i,r)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:"custom-svg h-1em w-1em",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",innerHTML:o.value},null,8,Ce))]))}}),$e={class:"m1 min-w-35 w-auto flex flex-col"},Ee=["onClick"],Ne=e.defineComponent({__name:"Select",props:{modelValue:{},multiple:{default:!1},options:{},placeholder:{default:"Select..."},autoClose:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},labelRenderer:{type:Function,default:a=>String(a)},buttonProps:{default:()=>({})}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=e.useSlots(),s=e.computed({get:()=>o.modelValue,set:n=>i("update:modelValue",n)}),l=e.computed(()=>{const n=o.options.find(d=>d.value===s.value);return n!=null&&n.label?o.labelRenderer(n.label):o.placeholder});function c(n){o.multiple?s.value=s.value.includes(n.value)?s.value.filter(d=>d!==n.value):[...s.value,n.value]:s.value=n.value}return(n,d)=>(e.openBlock(),e.createBlock(D,e.mergeProps({label:l.value},{buttonProps:n.buttonProps,disabled:n.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",$e,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.options,p=>(e.openBlock(),e.createElementBlock("div",{key:p.value,class:"cursor-pointer",onClick:u=>c(p)},[e.renderSlot(n.$slots,"item",e.mergeProps({ref_for:!0},{item:p,active:n.multiple?s.value.includes(p.value):p.value===s.value,disabled:n.disabled}))],8,Ee))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.options,p=>e.withDirectives((e.openBlock(),e.createBlock(v,{key:p.value,disabled:n.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:n.multiple?s.value.includes(p.value):p.value===s.value}]),onClick:u=>c(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(b.vClosePopper),n.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[d[0]||(d[0]=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1))]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),Se=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=m.useToggle(r);return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[l.disabled?"cursor-not-allowed":"cursor-pointer"],"$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),role:"checkbox",onClick:c[0]||(c[0]=n=>!l.disabled&&e.unref(s)())},[e.renderSlot(l.$slots,"default"),e.createElementVNode("div",{class:e.normalizeClass([{selected:e.unref(r)},"group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])},[e.createElementVNode("div",{class:e.normalizeClass(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white",[{"group-hover:opacity-75 group-active:scale-85":!l.disabled},{"opacity-65":l.disabled}]])},null,2)],2)],2))}}),_e=e.defineComponent({__name:"Tooltip",props:{trigger:{},distance:{},skidding:{},placement:{},disabled:{type:Boolean},shown:{type:Boolean}},setup(a){return(t,o)=>(e.openBlock(),e.createBlock(e.unref(b.Tooltip),e.mergeProps({disabled:t.disabled,placement:t.placement},t.$attrs),{popper:e.withCtx(()=>[e.renderSlot(t.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["disabled","placement"]))}});Object.defineProperty(exports,"vTooltip",{enumerable:!0,get:()=>b.vTooltip});exports.THEME_KEY=_;exports.VueBadge=W;exports.VueButton=v;exports.VueCard=Z;exports.VueCheckbox=ee;exports.VueCodeBlock=ne;exports.VueConfirm=pe;exports.VueDarkToggle=ge;exports.VueDialog=N;exports.VueDrawer=ve;exports.VueDropdown=D;exports.VueDropdownButton=he;exports.VueFormField=Be;exports.VueIcIcon=Ve;exports.VueIcon=y;exports.VueInput=M;exports.VueLoadingIndicator=B;exports.VueNotification=S;exports.VueOverlay=C;exports.VueSelect=Ne;exports.VueSwitch=Se;exports.VueTooltip=_e;exports.showVueNotification=me;exports.useDevToolsColorMode=T;
+"use strict";var M=Object.create;var $=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var R=(a,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of P(t))!L.call(a,r)&&r!==o&&$(a,r,{get:()=>t[r],enumerable:!(i=z(t,r))||i.enumerable});return a};var f=(a,t,o)=>(o=a!=null?M(I(a)):{},R(t||!a||!a.__esModule?$(o,"default",{value:a,enumerable:!0}):o,a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("floating-vue");;/* empty css               */;/* empty css                 */const e=require("vue"),m=require("@vueuse/core"),F=require("shiki/core"),H=require("shiki/engine/javascript"),O=require("./ic-icons-data-G1Zhc3L0.cjs"),w=(a,t)=>{const o=a.__vccOpts||a;for(const[i,r]of t)o[i]=r;return o},j={},q={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function A(a,t){return e.openBlock(),e.createElementBlock("span",q,[e.renderSlot(a.$slots,"default")])}const W=w(j,[["render",A]]),K={},U={class:"h-3 w-3 $ui-inline-fcc"};function Y(a,t){return e.openBlock(),e.createElementBlock("div",U,t[0]||(t[0]=[e.createElementVNode("svg",{class:"animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})],-1)]))}const B=w(K,[["render",Y]]),J={key:2},v=e.defineComponent({inheritAttrs:!1,__name:"Button",props:{type:{default:"default"},round:{type:[String,Boolean],default:"normal"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:"normal"},flat:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1}},emits:["click"],setup(a,{emit:t}){const o=a,i=t,r=e.useAttrs(),s=e.computed(()=>r.to?"router-link":r.href?"a":"button"),n=e.computed(()=>o.loading||o.disabled);function c(u){if(n.value){u.preventDefault(),u.stopPropagation(),u.stopImmediatePropagation();return}i("click",u)}const l={common:{default:"active:bg-primary-100-darker dark:active:bg-gray-800-darker",primary:"active:bg-primary-500-darker",accent:"active:bg-accent-500-darker",danger:"active:bg-danger-500-darker",warning:"active:bg-warning-500-darker",info:"active:bg-primary-100-darker dark:active:bg-gray-800-darker",success:"active:bg-primary-100-darker dark:active:bg-gray-800-darker"},normal:{default:"bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter dark:hover:text-white",primary:" text-white bg-primary-500 hover:bg-primary-500-lighter dark:hover:bg-primary-500-darker",accent:"text-white bg-accent-500 hover:bg-accent-500-lighter dark:bg-accent-500-darker dark:bg-accent-300",danger:"text-white bg-danger-500 hover:bg-danger-500-lighter dark:hover:bg-danger-500-darker",warning:"text-white bg-warning-500 hover:bg-warning-500-lighter dark:hover:bg-warning-500-darker",info:"text-info-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter",success:"text-primary-500 bg-primary-100 hover:bg-primary-100-lighter dark:bg-gray-800 dark:hover:bg-gray-800-lighter"},flat:{default:"hover:bg-primary-100 hover:text-black !dark:text-white dark:hover:bg-primary-800",primary:"hover:bg-primary-500 hover:text-white",accent:"hover:bg-accent-500 hover:text-white",danger:"hover:bg-danger-500 hover:text-white",warning:"hover:bg-warning-500 hover:text-white",info:"hover:bg-primary-100 hover:text-info-500 dark:hover:bg-gray-800 dark:hover:text-info-400",success:"hover:bg-primary-100 hover:text-primary-500 dark:hover:bg-primary-800 dark:hover:text-primary-400"},outlined:{default:"hover:border-primary-100 hover:text-primary-300 hover:active:ring-primary-100:5 hover:active:bg-primary-100:5",primary:"hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5",accent:"hover:border-accent-500 hover:text-accent-500 active:ring-accent-500:5 active:bg-accent-500:5",danger:"hover:border-danger-500 hover:text-danger-500 active:ring-danger-500:5 active:bg-danger-500:5",warning:"hover:border-warning-500 hover:text-warning-500 active:ring-warning-500:5 active:bg-warning-500:5",info:"hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",success:"hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"}},d=e.useSlots(),p=e.computed(()=>o.flat?l.flat[o.type]:o.outlined?l.outlined[o.type]:l.normal[o.type]);return(u,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps(u.$attrs,{role:"button","aria-disabled":n.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[l.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":n.value,"bg-transparent":o.flat||o.outlined},[u.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",u.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",p.value]]],onClickCapture:c}),{default:e.withCtx(()=>[u.loading?(e.openBlock(),e.createBlock(B,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(u.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(d).default?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(u.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),X={},G={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Q(a,t){return e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(a.$slots,"default")])}const Z=w(X,[["render",Q]]),ee=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i);return(s,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out",[e.unref(r)?s.variant==="normal"?"bg-primary-500 border-primary-200 dark:border-primary-100":"bg-accent-500 border-accent-200 dark:border-accent-100":""]]),onClick:n[0]||(n[0]=c=>r.value=!e.unref(r))},[e.createElementVNode("div",{class:e.normalizeClass([[e.unref(r)?"opacity-100":"opacity-0"],"h-60% w-35% transform-translate-y--0.25 transform-rotate-45 border-width-[0_0.125rem_0.125rem_0] border-white border-solid transition-opacity duration-200 ease-in-out"])},null,2)],2))}}),h=e.shallowRef();let E=null;function oe(a,t="text"){if(!E&&!h.value){const i=H.createJavaScriptRegexEngine();E=F.createHighlighterCore({themes:[import("shiki/themes/vitesse-dark.mjs"),import("shiki/themes/vitesse-light.mjs")],langs:[import("shiki/langs/json.mjs"),import("shiki/langs/yaml.mjs"),import("shiki/langs/css.mjs"),import("shiki/langs/javascript.mjs"),import("shiki/langs/typescript.mjs"),import("shiki/langs/vue.mjs"),import("shiki/langs/vue-html.mjs"),import("shiki/langs/html.mjs"),import("shiki/langs/diff.mjs"),import("shiki/langs/shellscript.mjs")],engine:i}).then(r=>{h.value=r})}const o=h.value?.getLoadedLanguages().includes(t);return o?{code:h.value.codeToHtml(a,{lang:t,themes:{dark:"vitesse-dark",light:"vitesse-light"}}),supported:!0}:{code:a,supported:o}}const te=["innerHTML"],re={class:"shiki"},ae=["textContent"],ne=e.defineComponent({__name:"CodeBlock",props:{code:{},lang:{},lines:{type:Boolean,default:!0},transformRendered:{}},emits:["loaded"],setup(a,{emit:t}){const o=a,i=t,r=e.computed(()=>{const s=o.lang==="text"?{code:o.code,supported:!1}:oe(o.code,o.lang)||{code:o.code,supported:!1};return s.supported&&o.transformRendered&&(s.code=o.transformRendered(s.code)),s.supported&&e.nextTick(()=>i("loaded")),s});return(s,n)=>s.lang&&r.value.supported?(e.openBlock(),e.createElementBlock("pre",{key:0,class:e.normalizeClass(["code-block",s.lines?"code-block-lines":""]),innerHTML:r.value.code},null,10,te)):(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass(["code-block",s.lines?"code-block-lines":""])},[e.createElementVNode("pre",re,[e.createElementVNode("code",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.code.split(`
+`),(c,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[e.createElementVNode("span",{class:"line",textContent:e.toDisplayString(c)},null,8,ae),n[0]||(n[0]=e.createElementVNode("br",null,null,-1))],64))),128))])])],2))}}),C=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean},position:{default:"fixed"}},setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc $ui-bg-base transition-opacity transition-duration-300",[t.dim?"bg-opacity-50!":"bg-opacity-0!",t.blur?"backdrop-blur-sm":"",t.position]])},[e.renderSlot(t.$slots,"default")],2))}}),le={class:"h7.5 w-full $ui-fbc"},se={class:"text-4.5"},ie={class:"content transition-all transition-duration-300"},de={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},ce={class:"$ui-fcc"},N=e.defineComponent({__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},title:{default:"Dialog"},width:{default:"32rem"},height:{default:"18rem"},closable:{type:Boolean,default:!0},mountTo:{default:"body"},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["close","update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i,{passive:!0}),s=m.useScrollLock(()=>window.document.documentElement);e.watchEffect(()=>{r.value?s.value=!0:s.value=!1});function n(){r.value&&o.autoClose&&(r.value=!1)}m.onKeyStroke("Escape",()=>{n()});const c=e.ref(!1);return e.onMounted(()=>c.value=!0),(l,d)=>c.value||l.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:l.mountTo},[e.createVNode(e.Transition,{"enter-from-class":"opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0","enter-to-class":"opacity-100 [&_.modal]:scale-100","leave-from-class":"opacity-100 [&_.modal]:scale-100","leave-to-class":"opacity-0 [&_.modal]:scale-95"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(C,{key:0,dim:l.dim,blur:l.blur,position:l.position},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",style:e.normalizeStyle({width:o.width,height:o.height})},[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),l.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",onClick:n},d[0]||(d[0]=[e.createElementVNode("div",{class:"i-carbon-close"},null,-1)]))):e.createCommentVNode("",!0)]),e.createElementVNode("div",ie,[e.renderSlot(l.$slots,"default")]),e.createElementVNode("div",de,[e.renderSlot(l.$slots,"footer",{},()=>[e.renderSlot(l.$slots,"footer",{},()=>[e.createElementVNode("div",ce,[e.createVNode(v,{type:"primary",onClick:n},{default:e.withCtx(()=>d[1]||(d[1]=[e.createTextVNode(" close ",-1)])),_:1,__:[1]})])])])])],4)]),_:3},8,["dim","blur","position"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),ue={class:"$ui-fec gap2.5"},pe=e.defineComponent({__name:"Confirm",props:{modelValue:{type:Boolean},content:{},cancelText:{default:"Cancel"},confirmText:{default:"Confirm"},width:{default:"20%"},height:{default:"9rem"},title:{default:"Warning"},loading:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0}},emits:["update:modelValue","confirm","cancel","close"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i);e.watchEffect(()=>{r.value||i("close")});function s(n=!1){(o.autoClose||n)&&(r.value=!1)}return(n,c)=>(e.openBlock(),e.createBlock(N,{modelValue:e.unref(r),"onUpdate:modelValue":c[2]||(c[2]=l=>e.isRef(r)?r.value=l:null),width:n.width,height:n.height,title:n.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",ue,[e.createVNode(v,{onClick:c[0]||(c[0]=()=>{i("cancel"),s(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.cancelText),1)]),_:1}),e.createVNode(v,{loading:n.loading,type:"primary",onClick:c[1]||(c[1]=()=>{i("confirm"),s()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(n.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),_=e.defineComponent({__name:"Notification",props:{message:{},type:{default:"info"},classes:{},duration:{default:3e3},placement:{default:"top-center"},onClose:{}},setup(a){const t=a,o={success:"i-carbon-checkmark",info:"i-material-symbols-light-info",warning:"i-carbon-warning",error:"i-carbon-close"},i={success:"text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",info:"text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",warning:"text-amber-4 border-amber-2 dark:border-amber-4",error:"text-red-4 border-red-2 dark:border-red-4"},r=e.ref(!1);e.onMounted(()=>{r.value=!0,setTimeout(()=>{r.value=!1},t.duration)});const s=e.computed(()=>t.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":n.placement.startsWith("top")},{"bottom-0":n.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":s.value,"leave-to-class":s.value,onAfterLeave:c[0]||(c[0]=()=>{r.value||n.onClose?.()})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:n.placement.includes("right")?"right":n.placement.includes("left")?"left":"center"})},[e.createElementVNode("div",{class:e.normalizeClass(["m3 flex-inline items-center gap2 b-1 b-1 rounded $ui-bg-base px4 py1 shadow transition-all duration-300",[n.classes,i[n.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[n.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(n.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}});function me(a){const t=document.createElement("div");t.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(t);const o=a.onClose;function i(){e.render(null,t)}a.onClose=()=>{i(),o?.(),document.body.removeChild(t)};const r=e.h(_,a);e.render(r,t)}const S="__vue-devtools-theme__";function T(a={}){const t=m.useColorMode({...a,storageKey:S});return{colorMode:t,isDark:e.computed(()=>t.value==="dark")}}const fe={class:"$ui-dark-toggle-vtr"},ge=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(a){const t=a,o=m.useVModel(t,"isDark"),{colorMode:i}=T({initialValue:o.value?"dark":"light",onChanged:c=>{o.value=c==="dark"}}),r=e.computed({get:()=>i.value==="dark",set:c=>i.value=c?"dark":"light"}),s=!!document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function n(c){if(!s||!c||!t.animation){r.value=!r.value;return}const l=c.clientX,d=c.clientY,p=Math.hypot(Math.max(l,innerWidth-l),Math.max(d,innerHeight-d));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const g=[`circle(0px at ${l}px ${d}px)`,`circle(${p}px at ${l}px ${d}px)`];document.documentElement.animate({clipPath:r.value?[...g].reverse():g},{duration:t.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(c,l)=>(e.openBlock(),e.createElementBlock("span",fe,[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(i),isDark:r.value,toggle:n})))]))}}),ve=e.defineComponent({__name:"Drawer",props:{modelValue:{type:Boolean},mountTo:{default:"body"},placement:{default:"right"},closeOutside:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},contentClass:{},permanent:{type:Boolean,default:!1},contentBlur:{type:Boolean,default:!1},top:{},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["update:modelValue","close"],setup(a,{emit:t}){const o=a,i=t,{height:r}=m.useElementSize(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),s=m.useVModel(o,"modelValue",i),n={left:{class:"left-0 h-full b-r",transition:"[&_.drawer]:translate-x--100%"},right:{class:"right-0 h-full b-l",transition:"[&_.drawer]:translate-x-full"},top:{class:"w-full b-b",transition:"[&_.drawer]:translate-y--100%"},bottom:{class:"bottom-0 w-full b-t",transition:"[&_.drawer]:translate-y-100%"}};m.onKeyStroke("Escape",()=>{o.closable&&(s.value=!1)});const c=e.computed(()=>n[o.placement]),l=e.ref(!1);return e.onMounted(()=>l.value=!0),(d,p)=>l.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${c.value.transition}`,"leave-to-class":`${c.value.transition}`},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(C,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,position:d.position,onClick:p[2]||(p[2]=u=>d.closeOutside&&d.closable&&(s.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[c.value.class,d.contentClass??"",d.contentBlur?"$ui-glass-effect":"$ui-bg-base"],"drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),style:e.normalizeStyle({top:d.placement==="bottom"?"auto":`${e.unref(r)}px`,height:["top","bottom"].includes(d.placement)?"auto":`calc(100% - ${e.unref(r)}px)`}),onClick:p[1]||(p[1]=e.withModifiers(()=>{},["stop"]))},[d.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",onClick:p[0]||(p[0]=u=>s.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur","position"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),be={class:"overflow-hidden rounded-lg shadow-lg"},D=e.defineComponent({__name:"Dropdown",props:{label:{},buttonProps:{default:()=>({})},buttonClass:{default:""},trigger:{default:"click"},distance:{default:0},skidding:{},placement:{},disabled:{type:Boolean,default:!1},shown:{type:Boolean}},emits:["update:visible"],setup(a){const t=a;return e.provide("$ui-dropdown-disabled",e.computed(()=>t.disabled)),(o,i)=>(e.openBlock(),e.createBlock(e.unref(b.Dropdown),{disabled:o.disabled,class:"inline-block w-auto",shown:o.shown,triggers:[o.trigger],distance:o.distance+6,placement:o.placement,skidding:o.skidding,"onUpdate:shown":i[0]||(i[0]=r=>o.$emit("update:visible",r)),onClick:i[1]||(i[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",be,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[i[2]||(i[2]=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1))])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(v,e.mergeProps({...o.buttonProps,disabled:o.disabled},{class:o.buttonClass}),e.createSlots({icon:e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon")]),"icon-right":e.withCtx(()=>[e.renderSlot(o.$slots,"button-icon-right")]),_:2},[o.label?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),key:"0"}:void 0]),1040,["class"])])]),_:3},8,["disabled","shown","triggers","distance","placement","skidding"]))}}),he=e.defineComponent({__name:"DropdownButton",props:{type:{},round:{type:[String,Boolean]},loading:{type:Boolean},disabled:{type:Boolean},size:{},flat:{type:Boolean},outlined:{type:Boolean},keepOpen:{type:Boolean,default:!1}},setup(a){const t=a,o=e.inject("$ui-dropdown-disabled",void 0);return(i,r)=>e.withDirectives((e.openBlock(),e.createBlock(v,e.mergeProps({...t,round:!1},{disabled:e.unref(o),class:"w-full justify-start transition-colors not-action:bg-transparent!"}),{icon:e.withCtx(()=>[e.renderSlot(i.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(b.vClosePopper)]])}}),y=e.defineComponent({__name:"Icon",props:{icon:{},inline:{type:Boolean},action:{type:Boolean,default:!1}},setup(a){return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[t.icon,t.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}}),ye=["type","placeholder","disabled"],ke={key:3,class:"pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"},k="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",x=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue","updateFocused","keyTab"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=m.refDebounced(e.computed(()=>o.loading),o.loadingDebounceTime),n=m.refWithControl(!1,{onChanged(u){i("updateFocused",u)}}),c=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),l=e.computed(()=>o.disabled||s.value),d=e.ref();let p=!1;return e.watchEffect(()=>{s.value&&n.value?p=!0:!s.value&&p&&(p=!1,e.nextTick(()=>{n.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(n.value=!0)}),e.watchEffect(()=>{n.value&&d.value?.focus()}),(u,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100",[{"border-none bg-transparent group":u.variant==="flat","cursor-not-allowed opacity-50":l.value,accent:u.variant==="accent",focused:e.unref(n)},[u.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:g[2]||(g[2]=()=>{n.value=!0})},[u.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(k)},[e.createVNode(y,{icon:u.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:d,"onUpdate:modelValue":g[0]||(g[0]=V=>e.isRef(r)?r.value=V:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:u.type,placeholder:u.placeholder,disabled:l.value||u.readonly,onBlur:g[1]||(g[1]=V=>n.value=!1)},null,40,ye),[[e.vModelDynamic,e.unref(r)]]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(k)},[e.createVNode(B)])):u.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(k)},[e.createVNode(y,{icon:u.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ke))],2))}}),we={class:"$ui-base"},Be=e.defineComponent({__name:"FormField",props:{modelValue:{},status:{default:"normal"},showMessage:{type:Boolean,default:!0},message:{default:""},placeholder:{}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=e.ref(!1),n=e.computed(()=>o.message&&o.message.length&&o.showMessage),c={normal:"color-gray-600 dark:color-gray-400",warning:"color-warning-500 dark:color-warning-200",danger:"color-danger-500 dark:color-danger-200",success:"color-primary-700 dark:color-primary-500"},l={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,p)=>(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(x,{modelValue:e.unref(r),"onUpdate:modelValue":p[0]||(p[0]=u=>e.isRef(r)?r.value=u:null),placeholder:d.placeholder,onUpdateFocused:p[1]||(p[1]=u=>s.value=u)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[c[d.status],{"opacity-65":!s.value}]])},[d.status!=="normal"&&n.value?(e.openBlock(),e.createBlock(y,{key:0,inline:"",icon:l[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.value?d.message:""),1)],2)]))}}),Ce=["innerHTML"],Ve=e.defineComponent({__name:"IcIcon",props:{name:{}},setup(a){const t=a,o=e.computed(()=>O.icIcons[t.name]??"");return(i,r)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:"custom-svg h-1em w-1em",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",innerHTML:o.value},null,8,Ce))]))}}),$e={class:"m1 min-w-35 w-auto flex flex-col"},Ee=["onClick"],Ne=e.defineComponent({__name:"Select",props:{modelValue:{},multiple:{default:!1},options:{},placeholder:{default:"Select..."},autoClose:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},labelRenderer:{type:Function,default:a=>String(a)},buttonProps:{default:()=>({})}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=e.useSlots(),s=e.computed({get:()=>o.modelValue,set:l=>i("update:modelValue",l)}),n=e.computed(()=>{const l=o.options.find(d=>d.value===s.value);return l?.label?o.labelRenderer(l.label):o.placeholder});function c(l){o.multiple?s.value=s.value.includes(l.value)?s.value.filter(d=>d!==l.value):[...s.value,l.value]:s.value=l.value}return(l,d)=>(e.openBlock(),e.createBlock(D,e.mergeProps({label:n.value},{buttonProps:l.buttonProps,disabled:l.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",$e,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,p=>(e.openBlock(),e.createElementBlock("div",{key:p.value,class:"cursor-pointer",onClick:u=>c(p)},[e.renderSlot(l.$slots,"item",e.mergeProps({ref_for:!0},{item:p,active:l.multiple?s.value.includes(p.value):p.value===s.value,disabled:l.disabled}))],8,Ee))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.options,p=>e.withDirectives((e.openBlock(),e.createBlock(v,{key:p.value,disabled:l.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:l.multiple?s.value.includes(p.value):p.value===s.value}]),onClick:u=>c(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(b.vClosePopper),l.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[d[0]||(d[0]=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1))]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),_e=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(a,{emit:t}){const o=a,i=t,r=m.useVModel(o,"modelValue",i),s=m.useToggle(r);return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[n.disabled?"cursor-not-allowed":"cursor-pointer"],"$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),role:"checkbox",onClick:c[0]||(c[0]=l=>!n.disabled&&e.unref(s)())},[e.renderSlot(n.$slots,"default"),e.createElementVNode("div",{class:e.normalizeClass([{selected:e.unref(r)},"group relative $ui-base h4 w8 rounded-2 bg-primary-100 transition-colors dark:bg-gray-700 [&.selected]:bg-primary-500!"])},[e.createElementVNode("div",{class:e.normalizeClass(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white",[{"group-hover:opacity-75 group-active:scale-85":!n.disabled},{"opacity-65":n.disabled}]])},null,2)],2)],2))}}),Se=e.defineComponent({__name:"Tooltip",props:{trigger:{},distance:{},skidding:{},placement:{},disabled:{type:Boolean},shown:{type:Boolean}},setup(a){return(t,o)=>(e.openBlock(),e.createBlock(e.unref(b.Tooltip),e.mergeProps({disabled:t.disabled,placement:t.placement},t.$attrs),{popper:e.withCtx(()=>[e.renderSlot(t.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["disabled","placement"]))}});Object.defineProperty(exports,"vTooltip",{enumerable:!0,get:()=>b.vTooltip});exports.THEME_KEY=S;exports.VueBadge=W;exports.VueButton=v;exports.VueCard=Z;exports.VueCheckbox=ee;exports.VueCodeBlock=ne;exports.VueConfirm=pe;exports.VueDarkToggle=ge;exports.VueDialog=N;exports.VueDrawer=ve;exports.VueDropdown=D;exports.VueDropdownButton=he;exports.VueFormField=Be;exports.VueIcIcon=Ve;exports.VueIcon=y;exports.VueInput=x;exports.VueLoadingIndicator=B;exports.VueNotification=_;exports.VueOverlay=C;exports.VueSelect=Ne;exports.VueSwitch=_e;exports.VueTooltip=Se;exports.showVueNotification=me;exports.useDevToolsColorMode=T;

package/dist/index.js

@@ -4,24 +4,24 @@ import { Dropdown as ae, vClosePopper as Y, Tooltip as re } from "floating-vue";
 import { vTooltip as Bt } from "floating-vue";
 /* empty css             */
 /* empty css               */
-import { createElementBlock as f, openBlock as u, renderSlot as v, createElementVNode as m, defineComponent as h, useAttrs as ne, computed as k, useSlots as q, createBlock as w, resolveDynamicComponent as J, mergeProps as D, withCtx as g, createCommentVNode as $, unref as b, normalizeClass as y, shallowRef as le, nextTick as H, Fragment as E, renderList as R, toDisplayString as B, watchEffect as P, ref as S, onMounted as z, Teleport as X, createVNode as C, Transition as N, normalizeStyle as j, createTextVNode as _, isRef as x, h as se, render as U, normalizeProps as G, guardReactiveProps as Q, withModifiers as ie, provide as de, createSlots as Z, inject as ue, withDirectives as A, vModelDynamic as ce } from "vue";
+import { createElementBlock as f, openBlock as u, renderSlot as v, createElementVNode as m, defineComponent as h, useAttrs as ne, computed as k, useSlots as q, createBlock as w, resolveDynamicComponent as J, mergeProps as D, withCtx as g, createCommentVNode as $, unref as b, normalizeClass as y, shallowRef as le, nextTick as x, Fragment as E, renderList as R, toDisplayString as B, watchEffect as P, ref as S, onMounted as z, Teleport as X, createVNode as C, Transition as H, normalizeStyle as N, createTextVNode as _, isRef as O, h as se, render as U, normalizeProps as G, guardReactiveProps as Q, withModifiers as ie, provide as de, createSlots as Z, inject as ue, withDirectives as j, vModelDynamic as ce } from "vue";
 import { useVModel as T, useScrollLock as pe, onKeyStroke as ee, useColorMode as me, useElementSize as fe, refDebounced as ge, refWithControl as ve, useToggle as be } from "@vueuse/core";
 import { createHighlighterCore as ye } from "shiki/core";
 import { createJavaScriptRegexEngine as he } from "shiki/engine/javascript";
 import { i as ke } from "./ic-icons-data-B4q1VTSq.js";
-const O = (l, t) => {
-  const e = l.__vccOpts || l;
+const A = (n, t) => {
+  const e = n.__vccOpts || n;
   for (const [s, o] of t)
     e[s] = o;
   return e;
 }, we = {}, $e = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
-function Ce(l, t) {
+function Ce(n, t) {
   return u(), f("span", $e, [
-    v(l.$slots, "default")
+    v(n.$slots, "default")
   ]);
 }
-const dt = /* @__PURE__ */ O(we, [["render", Ce]]), Ve = {}, Be = { class: "h-3 w-3 $ui-inline-fcc" };
-function _e(l, t) {
+const dt = /* @__PURE__ */ A(we, [["render", Ce]]), Ve = {}, Be = { class: "h-3 w-3 $ui-inline-fcc" };
+function _e(n, t) {
   return u(), f("div", Be, t[0] || (t[0] = [
     m("svg", {
       class: "animate-spin",
@@ -45,7 +45,7 @@ function _e(l, t) {
     ], -1)
   ]));
 }
-const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__PURE__ */ h({
+const te = /* @__PURE__ */ A(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -58,16 +58,16 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
     outlined: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(l, { emit: t }) {
-    const e = l, s = t, o = ne(), n = k(() => o.to ? "router-link" : o.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
+  setup(n, { emit: t }) {
+    const e = n, s = t, o = ne(), l = k(() => o.to ? "router-link" : o.href ? "a" : "button"), a = k(() => e.loading || e.disabled);
     function d(c) {
-      if (r.value) {
+      if (a.value) {
         c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
         return;
       }
       s("click", c);
     }
-    const a = {
+    const r = {
       common: {
         default: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
         primary: "active:bg-primary-500-darker",
@@ -104,16 +104,16 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
         info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
         success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
       }
-    }, i = q(), p = k(() => e.flat ? a.flat[e.type] : e.outlined ? a.outlined[e.type] : a.normal[e.type]);
-    return (c, V) => (u(), w(J(n.value), D(c.$attrs, {
+    }, i = q(), p = k(() => e.flat ? r.flat[e.type] : e.outlined ? r.outlined[e.type] : r.normal[e.type]);
+    return (c, V) => (u(), w(J(l.value), D(c.$attrs, {
       role: "button",
-      "aria-disabled": r.value,
+      "aria-disabled": a.value,
       class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
-        [a.common[e.type]],
+        [r.common[e.type]],
         {
           "rounded-full": e.round === "full",
           "$ui-base-br": e.round === "normal",
-          "opacity-50 cursor-not-allowed": r.value,
+          "opacity-50 cursor-not-allowed": a.value,
           "bg-transparent": e.flat || e.outlined
         },
         [
@@ -141,25 +141,25 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
     }, 16, ["aria-disabled", "class"]));
   }
 }), De = {}, Me = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
-function Se(l, t) {
+function Se(n, t) {
   return u(), f("div", Me, [
-    v(l.$slots, "default")
+    v(n.$slots, "default")
   ]);
 }
-const ut = /* @__PURE__ */ O(De, [["render", Se]]), ct = /* @__PURE__ */ h({
+const ut = /* @__PURE__ */ A(De, [["render", Se]]), ct = /* @__PURE__ */ h({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
     variant: { default: "normal" }
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: t }) {
-    const o = T(l, "modelValue", t);
-    return (n, r) => (u(), f("div", {
+  setup(n, { emit: t }) {
+    const o = T(n, "modelValue", t);
+    return (l, a) => (u(), f("div", {
       class: y(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
-        b(o) ? n.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
+        b(o) ? l.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
       ]]),
-      onClick: r[0] || (r[0] = (d) => o.value = !b(o))
+      onClick: a[0] || (a[0] = (d) => o.value = !b(o))
     }, [
       m("div", {
         class: y([[
@@ -170,10 +170,9 @@ const ut = /* @__PURE__ */ O(De, [["render", Se]]), ct = /* @__PURE__ */ h({
   }
 }), I = le();
 let K = null;
-function Ie(l, t = "text") {
-  var s;
+function Ie(n, t = "text") {
   if (!K && !I.value) {
-    const o = he();
+    const s = he();
     K = ye({
       themes: [
         import("shiki/themes/vitesse-dark.mjs"),
@@ -191,14 +190,14 @@ function Ie(l, t = "text") {
         import("shiki/langs/diff.mjs"),
         import("shiki/langs/shellscript.mjs")
       ],
-      engine: o
-    }).then((n) => {
-      I.value = n;
+      engine: s
+    }).then((o) => {
+      I.value = o;
     });
   }
-  const e = (s = I.value) == null ? void 0 : s.getLoadedLanguages().includes(t);
+  const e = I.value?.getLoadedLanguages().includes(t);
   return e ? {
-    code: I.value.codeToHtml(l, {
+    code: I.value.codeToHtml(n, {
       lang: t,
       themes: {
         dark: "vitesse-dark",
@@ -207,7 +206,7 @@ function Ie(l, t = "text") {
     }),
     supported: !0
   } : {
-    code: l,
+    code: n,
     supported: e
   };
 }
@@ -220,28 +219,28 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     transformRendered: {}
   },
   emits: ["loaded"],
-  setup(l, { emit: t }) {
-    const e = l, s = t, o = k(() => {
-      const n = e.lang === "text" ? { code: e.code, supported: !1 } : Ie(e.code, e.lang) || { code: e.code, supported: !1 };
-      return n.supported && e.transformRendered && (n.code = e.transformRendered(n.code)), n.supported && H(() => s("loaded")), n;
+  setup(n, { emit: t }) {
+    const e = n, s = t, o = k(() => {
+      const l = e.lang === "text" ? { code: e.code, supported: !1 } : Ie(e.code, e.lang) || { code: e.code, supported: !1 };
+      return l.supported && e.transformRendered && (l.code = e.transformRendered(l.code)), l.supported && x(() => s("loaded")), l;
     });
-    return (n, r) => n.lang && o.value.supported ? (u(), f("pre", {
+    return (l, a) => l.lang && o.value.supported ? (u(), f("pre", {
       key: 0,
-      class: y(["code-block", n.lines ? "code-block-lines" : ""]),
+      class: y(["code-block", l.lines ? "code-block-lines" : ""]),
       innerHTML: o.value.code
     }, null, 10, Ee)) : (u(), f("pre", {
       key: 1,
-      class: y(["code-block", n.lines ? "code-block-lines" : ""])
+      class: y(["code-block", l.lines ? "code-block-lines" : ""])
     }, [
       m("pre", Pe, [
         m("code", null, [
-          (u(!0), f(E, null, R(n.code.split(`
-`), (d, a) => (u(), f(E, { key: a }, [
+          (u(!0), f(E, null, R(l.code.split(`
+`), (d, r) => (u(), f(E, { key: r }, [
             m("span", {
               class: "line",
               textContent: B(d)
             }, null, 8, ze),
-            r[0] || (r[0] = m("br", null, null, -1))
+            a[0] || (a[0] = m("br", null, null, -1))
           ], 64))), 128))
         ])
       ])
@@ -254,9 +253,9 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     blur: { type: Boolean },
     position: { default: "fixed" }
   },
-  setup(l) {
+  setup(n) {
     return (t, e) => (u(), f("div", {
-      class: y(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
+      class: y(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc $ui-bg-base transition-opacity transition-duration-300", [
         t.dim ? "bg-opacity-50!" : "bg-opacity-0!",
         t.blur ? "backdrop-blur-sm" : "",
         t.position
@@ -265,7 +264,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
       v(t.$slots, "default")
     ], 2));
   }
-}), Le = { class: "h7.5 w-full $ui-fbc" }, Re = { class: "text-4.5" }, Fe = { class: "content transition-all transition-duration-300" }, He = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Ne = { class: "$ui-fcc" }, je = /* @__PURE__ */ h({
+}), Le = { class: "h7.5 w-full $ui-fbc" }, Re = { class: "text-4.5" }, Fe = { class: "content transition-all transition-duration-300" }, xe = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, He = { class: "$ui-fcc" }, Ne = /* @__PURE__ */ h({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -280,23 +279,23 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     position: {}
   },
   emits: ["close", "update:modelValue"],
-  setup(l, { emit: t }) {
-    const e = l, o = T(e, "modelValue", t, { passive: !0 }), n = pe(() => window.document.documentElement);
+  setup(n, { emit: t }) {
+    const e = n, o = T(e, "modelValue", t, { passive: !0 }), l = pe(() => window.document.documentElement);
     P(() => {
-      o.value ? n.value = !0 : n.value = !1;
+      o.value ? l.value = !0 : l.value = !1;
     });
-    function r() {
+    function a() {
       o.value && e.autoClose && (o.value = !1);
     }
     ee("Escape", () => {
-      r();
+      a();
     });
     const d = S(!1);
-    return z(() => d.value = !0), (a, i) => d.value || a.mountTo === "body" ? (u(), w(X, {
+    return z(() => d.value = !0), (r, i) => d.value || r.mountTo === "body" ? (u(), w(X, {
       key: 0,
-      to: a.mountTo
+      to: r.mountTo
     }, [
-      C(N, {
+      C(H, {
         "enter-from-class": "opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0",
         "enter-to-class": "opacity-100 [&_.modal]:scale-100",
         "leave-from-class": "opacity-100 [&_.modal]:scale-100",
@@ -305,47 +304,48 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
         default: g(() => [
           b(o) ? (u(), w(oe, {
             key: 0,
-            dim: a.dim,
-            blur: a.blur,
-            position: a.position
+            dim: r.dim,
+            blur: r.blur,
+            position: r.position
           }, {
             default: g(() => [
               m("div", {
                 class: "modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",
-                style: j({
+                style: N({
                   width: e.width,
                   height: e.height
                 })
               }, [
                 m("div", Le, [
                   m("div", Re, [
-                    v(a.$slots, "title", {}, () => [
+                    v(r.$slots, "title", {}, () => [
                       _(B(e.title), 1)
                     ])
                   ]),
-                  a.closable ? (u(), f("div", {
+                  r.closable ? (u(), f("div", {
                     key: 0,
                     class: "h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",
-                    onClick: r
+                    onClick: a
                   }, i[0] || (i[0] = [
                     m("div", { class: "i-carbon-close" }, null, -1)
                   ]))) : $("", !0)
                 ]),
                 m("div", Fe, [
-                  v(a.$slots, "default")
+                  v(r.$slots, "default")
                 ]),
-                m("div", He, [
-                  v(a.$slots, "footer", {}, () => [
-                    v(a.$slots, "footer", {}, () => [
-                      m("div", Ne, [
+                m("div", xe, [
+                  v(r.$slots, "footer", {}, () => [
+                    v(r.$slots, "footer", {}, () => [
+                      m("div", He, [
                         C(M, {
                           type: "primary",
-                          onClick: r
+                          onClick: a
                         }, {
                           default: g(() => i[1] || (i[1] = [
-                            _(" close ")
+                            _(" close ", -1)
                           ])),
-                          _: 1
+                          _: 1,
+                          __: [1]
                         })
                       ])
                     ])
@@ -360,7 +360,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
       })
     ], 8, ["to"])) : $("", !0);
   }
-}), xe = { class: "$ui-fec gap2.5" }, mt = /* @__PURE__ */ h({
+}), Oe = { class: "$ui-fec gap2.5" }, mt = /* @__PURE__ */ h({
   __name: "Confirm",
   props: {
     modelValue: { type: Boolean },
@@ -374,57 +374,57 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     autoClose: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "confirm", "cancel", "close"],
-  setup(l, { emit: t }) {
-    const e = l, s = t, o = T(e, "modelValue", s);
+  setup(n, { emit: t }) {
+    const e = n, s = t, o = T(e, "modelValue", s);
     P(() => {
       o.value || s("close");
     });
-    function n(r = !1) {
-      (e.autoClose || r) && (o.value = !1);
+    function l(a = !1) {
+      (e.autoClose || a) && (o.value = !1);
     }
-    return (r, d) => (u(), w(je, {
+    return (a, d) => (u(), w(Ne, {
       modelValue: b(o),
-      "onUpdate:modelValue": d[2] || (d[2] = (a) => x(o) ? o.value = a : null),
-      width: r.width,
-      height: r.height,
-      title: r.title,
+      "onUpdate:modelValue": d[2] || (d[2] = (r) => O(o) ? o.value = r : null),
+      width: a.width,
+      height: a.height,
+      title: a.title,
       closable: !1
     }, {
       footer: g(() => [
-        m("div", xe, [
+        m("div", Oe, [
           C(M, {
             onClick: d[0] || (d[0] = () => {
-              s("cancel"), n(!0);
+              s("cancel"), l(!0);
             })
           }, {
             default: g(() => [
-              _(B(r.cancelText), 1)
+              _(B(a.cancelText), 1)
             ]),
             _: 1
           }),
           C(M, {
-            loading: r.loading,
+            loading: a.loading,
             type: "primary",
             onClick: d[1] || (d[1] = () => {
-              s("confirm"), n();
+              s("confirm"), l();
             })
           }, {
             default: g(() => [
-              _(B(r.confirmText), 1)
+              _(B(a.confirmText), 1)
             ]),
             _: 1
           }, 8, ["loading"])
         ])
       ]),
       default: g(() => [
-        v(r.$slots, "default", { class: "h-auto w-auto" }, () => [
-          _(B(r.content), 1)
+        v(a.$slots, "default", { class: "h-auto w-auto" }, () => [
+          _(B(a.content), 1)
         ])
       ]),
       _: 3
     }, 8, ["modelValue", "width", "height", "title"]));
   }
-}), Ae = /* @__PURE__ */ h({
+}), je = /* @__PURE__ */ h({
   __name: "Notification",
   props: {
     message: {},
@@ -434,8 +434,8 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     placement: { default: "top-center" },
     onClose: {}
   },
-  setup(l) {
-    const t = l, e = {
+  setup(n) {
+    const t = n, e = {
       success: "i-carbon-checkmark",
       info: "i-material-symbols-light-info",
       warning: "i-carbon-warning",
@@ -451,34 +451,33 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
         o.value = !1;
       }, t.duration);
     });
-    const n = k(() => t.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
-    return (r, d) => (u(), f("div", {
+    const l = k(() => t.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
+    return (a, d) => (u(), f("div", {
       class: y(["fixed left-0 right-0 $ui-z-max-override text-center", [
-        { "top-0": r.placement.startsWith("top") },
-        { "bottom-0": r.placement.startsWith("bottom") }
+        { "top-0": a.placement.startsWith("top") },
+        { "bottom-0": a.placement.startsWith("bottom") }
       ]])
     }, [
-      C(N, {
-        "enter-from-class": n.value,
-        "leave-to-class": n.value,
+      C(H, {
+        "enter-from-class": l.value,
+        "leave-to-class": l.value,
         onAfterLeave: d[0] || (d[0] = () => {
-          var a;
-          o.value || (a = r.onClose) == null || a.call(r);
+          o.value || a.onClose?.();
         })
       }, {
         default: g(() => [
           o.value ? (u(), f("div", {
             key: 0,
             class: "flex transition-all duration-300",
-            style: j({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
+            style: N({ justifyContent: a.placement.includes("right") ? "right" : a.placement.includes("left") ? "left" : "center" })
           }, [
             m("div", {
-              class: y(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, s[r.type]]])
+              class: y(["m3 flex-inline items-center gap2 b-1 b-1 rounded $ui-bg-base px4 py1 shadow transition-all duration-300", [a.classes, s[a.type]]])
             }, [
               m("div", {
-                class: y(e[r.type])
+                class: y(e[a.type])
               }, null, 2),
-              m("div", null, B(r.message), 1)
+              m("div", null, B(a.message), 1)
             ], 2)
           ], 4)) : $("", !0)
         ]),
@@ -487,24 +486,24 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], pt = /*
     ], 2));
   }
 });
-function ft(l) {
+function ft(n) {
   const t = document.createElement("div");
   t.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(t);
-  const e = l.onClose;
+  const e = n.onClose;
   function s() {
     U(null, t);
   }
-  l.onClose = () => {
-    s(), e == null || e(), document.body.removeChild(t);
+  n.onClose = () => {
+    s(), e?.(), document.body.removeChild(t);
   };
-  const o = se(Ae, l);
+  const o = se(je, n);
   U(o, t);
 }
-const Oe = "__vue-devtools-theme__";
-function We(l = {}) {
+const Ae = "__vue-devtools-theme__";
+function We(n = {}) {
   const t = me({
-    ...l,
-    storageKey: Oe
+    ...n,
+    storageKey: Ae
   });
   return {
     colorMode: t,
@@ -518,8 +517,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     animation: { type: Boolean, default: !0 },
     animationDuration: { default: 400 }
   },
-  setup(l) {
-    const t = l, e = T(t, "isDark"), { colorMode: s } = We({
+  setup(n) {
+    const t = n, e = T(t, "isDark"), { colorMode: s } = We({
       initialValue: e.value ? "dark" : "light",
       onChanged: (d) => {
         e.value = d === "dark";
@@ -527,22 +526,22 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     }), o = k({
       get: () => s.value === "dark",
       set: (d) => s.value = d ? "dark" : "light"
-    }), n = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    function r(d) {
-      if (!n || !d || !t.animation) {
+    }), l = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    function a(d) {
+      if (!l || !d || !t.animation) {
         o.value = !o.value;
         return;
       }
-      const a = d.clientX, i = d.clientY, p = Math.hypot(
-        Math.max(a, innerWidth - a),
+      const r = d.clientX, i = d.clientY, p = Math.hypot(
+        Math.max(r, innerWidth - r),
         Math.max(i, innerHeight - i)
       );
       document.startViewTransition(async () => {
-        o.value = !o.value, await H();
+        o.value = !o.value, await x();
       }).ready.then(() => {
         const V = [
-          `circle(0px at ${a}px ${i}px)`,
-          `circle(${p}px at ${a}px ${i}px)`
+          `circle(0px at ${r}px ${i}px)`,
+          `circle(${p}px at ${r}px ${i}px)`
         ];
         document.documentElement.animate(
           {
@@ -556,8 +555,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
         );
       });
     }
-    return (d, a) => (u(), f("span", Ue, [
-      v(d.$slots, "default", G(Q({ mode: b(s), isDark: o.value, toggle: r })))
+    return (d, r) => (u(), f("span", Ue, [
+      v(d.$slots, "default", G(Q({ mode: b(s), isDark: o.value, toggle: a })))
     ]));
   }
 }), vt = /* @__PURE__ */ h({
@@ -577,8 +576,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     position: {}
   },
   emits: ["update:modelValue", "close"],
-  setup(l, { emit: t }) {
-    const e = l, s = t, { height: o } = fe(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), n = T(e, "modelValue", s), r = {
+  setup(n, { emit: t }) {
+    const e = n, s = t, { height: o } = fe(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), l = T(e, "modelValue", s), a = {
       left: {
         class: "left-0 h-full b-r",
         transition: "[&_.drawer]:translate-x--100%"
@@ -597,19 +596,19 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       }
     };
     ee("Escape", () => {
-      e.closable && (n.value = !1);
+      e.closable && (l.value = !1);
     });
-    const d = k(() => r[e.placement]), a = S(!1);
-    return z(() => a.value = !0), (i, p) => a.value || i.mountTo === "body" ? (u(), w(X, {
+    const d = k(() => a[e.placement]), r = S(!1);
+    return z(() => r.value = !0), (i, p) => r.value || i.mountTo === "body" ? (u(), w(X, {
       key: 0,
       to: i.mountTo
     }, [
-      C(N, {
+      C(H, {
         "enter-from-class": `${d.value.transition}`,
         "leave-to-class": `${d.value.transition}`
       }, {
         default: g(() => [
-          b(n) ? (u(), w(oe, {
+          b(l) ? (u(), w(oe, {
             key: 0,
             class: y({
               "pointer-events-none": i.permanent
@@ -617,12 +616,12 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
             dim: i.dim,
             blur: i.blur,
             position: i.position,
-            onClick: p[2] || (p[2] = (c) => i.closeOutside && i.closable && (n.value = !1))
+            onClick: p[2] || (p[2] = (c) => i.closeOutside && i.closable && (l.value = !1))
           }, {
             default: g(() => [
               m("div", {
                 class: y([[d.value.class, i.contentClass ?? "", i.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
-                style: j({
+                style: N({
                   top: i.placement === "bottom" ? "auto" : `${b(o)}px`,
                   height: ["top", "bottom"].includes(i.placement) ? "auto" : `calc(100% - ${b(o)}px)`
                 }),
@@ -632,7 +631,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
                 i.closable ? (u(), f("div", {
                   key: 0,
                   class: "i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",
-                  onClick: p[0] || (p[0] = (c) => n.value = !1)
+                  onClick: p[0] || (p[0] = (c) => l.value = !1)
                 })) : $("", !0),
                 v(i.$slots, "default")
               ], 6)
@@ -658,8 +657,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     shown: { type: Boolean }
   },
   emits: ["update:visible"],
-  setup(l) {
-    const t = l;
+  setup(n) {
+    const t = n;
     return de("$ui-dropdown-disabled", k(() => t.disabled)), (e, s) => (u(), w(b(ae), {
       disabled: e.disabled,
       class: "inline-block w-auto",
@@ -719,9 +718,9 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     outlined: { type: Boolean },
     keepOpen: { type: Boolean, default: !1 }
   },
-  setup(l) {
-    const t = l, e = ue("$ui-dropdown-disabled", void 0);
-    return (s, o) => A((u(), w(M, D({
+  setup(n) {
+    const t = n, e = ue("$ui-dropdown-disabled", void 0);
+    return (s, o) => j((u(), w(M, D({
       ...t,
       round: !1
     }, {
@@ -746,7 +745,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     inline: { type: Boolean },
     action: { type: Boolean, default: !1 }
   },
-  setup(l) {
+  setup(n) {
     return (t, e) => (u(), w(J(t.inline ? "span" : "div"), {
       class: y(["$ui-base", [t.icon, t.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
@@ -770,36 +769,35 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     type: { default: "text" }
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
-  setup(l, { emit: t }) {
-    const e = l, s = t, o = T(e, "modelValue", s), n = ge(k(() => e.loading), e.loadingDebounceTime), r = ve(!1, {
+  setup(n, { emit: t }) {
+    const e = n, s = t, o = T(e, "modelValue", s), l = ge(k(() => e.loading), e.loadingDebounceTime), a = ve(!1, {
       onChanged(c) {
         s("updateFocused", c);
       }
-    }), d = k(() => e.variant === "flat" || e.variant === "warning" || e.disabled || e.readonly), a = k(() => e.disabled || n.value), i = S();
+    }), d = k(() => e.variant === "flat" || e.variant === "warning" || e.disabled || e.readonly), r = k(() => e.disabled || l.value), i = S();
     let p = !1;
     return P(() => {
-      n.value && r.value ? p = !0 : !n.value && p && (p = !1, H(() => {
-        r.value = !0;
+      l.value && a.value ? p = !0 : !l.value && p && (p = !1, x(() => {
+        a.value = !0;
       }));
     }), z(() => {
-      e.autoFocus && (r.value = !0);
+      e.autoFocus && (a.value = !0);
     }), P(() => {
-      var c;
-      r.value && ((c = i.value) == null || c.focus());
+      a.value && i.value?.focus();
     }), (c, V) => (u(), f("div", {
       class: y(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
         {
           "border-none bg-transparent group": c.variant === "flat",
-          "cursor-not-allowed opacity-50": a.value,
+          "cursor-not-allowed opacity-50": r.value,
           accent: c.variant === "accent",
-          focused: b(r)
+          focused: b(a)
         },
         [
           c.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
         ]
       ]]),
       onClick: V[2] || (V[2] = () => {
-        r.value = !0;
+        a.value = !0;
       })
     }, [
       c.leftIcon ? (u(), f("div", {
@@ -808,19 +806,19 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       }, [
         C(F, { icon: c.leftIcon }, null, 8, ["icon"])
       ])) : $("", !0),
-      A(m("input", {
+      j(m("input", {
         ref_key: "inputRef",
         ref: i,
-        "onUpdate:modelValue": V[0] || (V[0] = (W) => x(o) ? o.value = W : null),
+        "onUpdate:modelValue": V[0] || (V[0] = (W) => O(o) ? o.value = W : null),
         class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
         type: c.type,
         placeholder: c.placeholder,
-        disabled: a.value || c.readonly,
-        onBlur: V[1] || (V[1] = (W) => r.value = !1)
+        disabled: r.value || c.readonly,
+        onBlur: V[1] || (V[1] = (W) => a.value = !1)
       }, null, 40, qe), [
         [ce, b(o)]
       ]),
-      b(n) ? (u(), f("div", {
+      b(l) ? (u(), f("div", {
         key: 1,
         class: y(L)
       }, [
@@ -844,13 +842,13 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     placeholder: {}
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: t }) {
-    const e = l, o = T(e, "modelValue", t), n = S(!1), r = k(() => e.message && e.message.length && e.showMessage), d = {
+  setup(n, { emit: t }) {
+    const e = n, o = T(e, "modelValue", t), l = S(!1), a = k(() => e.message && e.message.length && e.showMessage), d = {
       normal: "color-gray-600 dark:color-gray-400",
       warning: "color-warning-500 dark:color-warning-200",
       danger: "color-danger-500 dark:color-danger-200",
       success: "color-primary-700 dark:color-primary-500"
-    }, a = {
+    }, r = {
       warning: "i-bx:bxs-error",
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
@@ -858,22 +856,22 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     return (i, p) => (u(), f("div", Ge, [
       C(Xe, {
         modelValue: b(o),
-        "onUpdate:modelValue": p[0] || (p[0] = (c) => x(o) ? o.value = c : null),
+        "onUpdate:modelValue": p[0] || (p[0] = (c) => O(o) ? o.value = c : null),
         placeholder: i.placeholder,
-        onUpdateFocused: p[1] || (p[1] = (c) => n.value = c)
+        onUpdateFocused: p[1] || (p[1] = (c) => l.value = c)
       }, null, 8, ["modelValue", "placeholder"]),
       m("div", {
         class: y(["mt2 $ui-base text-3.5", [
           d[i.status],
-          { "opacity-65": !n.value }
+          { "opacity-65": !l.value }
         ]])
       }, [
-        i.status !== "normal" && r.value ? (u(), w(F, {
+        i.status !== "normal" && a.value ? (u(), w(F, {
           key: 0,
           inline: "",
-          icon: a[i.status]
+          icon: r[i.status]
         }, null, 8, ["icon"])) : $("", !0),
-        _(" " + B(r.value ? i.message : ""), 1)
+        _(" " + B(a.value ? i.message : ""), 1)
       ], 2)
     ]));
   }
@@ -882,8 +880,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
   props: {
     name: {}
   },
-  setup(l) {
-    const t = l, e = k(() => ke[t.name] ?? "");
+  setup(n) {
+    const t = n, e = k(() => ke[t.name] ?? "");
     return (s, o) => (u(), f("div", null, [
       (u(), f("svg", {
         class: "custom-svg h-1em w-1em",
@@ -902,43 +900,43 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     placeholder: { default: "Select..." },
     autoClose: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
-    labelRenderer: { type: Function, default: (l) => String(l) },
+    labelRenderer: { type: Function, default: (n) => String(n) },
     buttonProps: { default: () => ({}) }
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: t }) {
-    const e = l, s = t, o = q(), n = k({
+  setup(n, { emit: t }) {
+    const e = n, s = t, o = q(), l = k({
       get: () => e.modelValue,
-      set: (a) => s("update:modelValue", a)
-    }), r = k(() => {
-      const a = e.options.find((i) => i.value === n.value);
-      return a != null && a.label ? e.labelRenderer(a.label) : e.placeholder;
+      set: (r) => s("update:modelValue", r)
+    }), a = k(() => {
+      const r = e.options.find((i) => i.value === l.value);
+      return r?.label ? e.labelRenderer(r.label) : e.placeholder;
     });
-    function d(a) {
-      e.multiple ? n.value = n.value.includes(a.value) ? n.value.filter((i) => i !== a.value) : [...n.value, a.value] : n.value = a.value;
+    function d(r) {
+      e.multiple ? l.value = l.value.includes(r.value) ? l.value.filter((i) => i !== r.value) : [...l.value, r.value] : l.value = r.value;
     }
-    return (a, i) => (u(), w(Ye, D({ label: r.value }, {
-      buttonProps: a.buttonProps,
-      disabled: a.disabled
+    return (r, i) => (u(), w(Ye, D({ label: a.value }, {
+      buttonProps: r.buttonProps,
+      disabled: r.disabled
     }), Z({
       popper: g(() => [
         m("div", Ze, [
-          b(o).item ? (u(!0), f(E, { key: 0 }, R(a.options, (p) => (u(), f("div", {
+          b(o).item ? (u(!0), f(E, { key: 0 }, R(r.options, (p) => (u(), f("div", {
             key: p.value,
             class: "cursor-pointer",
             onClick: (c) => d(p)
           }, [
-            v(a.$slots, "item", D({ ref_for: !0 }, {
+            v(r.$slots, "item", D({ ref_for: !0 }, {
               item: p,
-              active: a.multiple ? n.value.includes(p.value) : p.value === n.value,
-              disabled: a.disabled
+              active: r.multiple ? l.value.includes(p.value) : p.value === l.value,
+              disabled: r.disabled
             }))
-          ], 8, et))), 128)) : (u(!0), f(E, { key: 1 }, R(a.options, (p) => A((u(), w(M, {
+          ], 8, et))), 128)) : (u(!0), f(E, { key: 1 }, R(r.options, (p) => j((u(), w(M, {
             key: p.value,
-            disabled: a.disabled,
+            disabled: r.disabled,
             round: "normal",
             class: y(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
-              active: a.multiple ? n.value.includes(p.value) : p.value === n.value
+              active: r.multiple ? l.value.includes(p.value) : p.value === l.value
             }]),
             onClick: (c) => d(p)
           }, {
@@ -947,7 +945,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
-            [b(Y), a.autoClose]
+            [b(Y), r.autoClose]
           ])), 128))
         ])
       ]),
@@ -959,7 +957,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       b(o).button ? {
         name: "default",
         fn: g(() => [
-          v(a.$slots, "button")
+          v(r.$slots, "button")
         ]),
         key: "0"
       } : void 0
@@ -972,16 +970,16 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: t }) {
-    const o = T(l, "modelValue", t), n = be(o);
-    return (r, d) => (u(), f("div", {
+  setup(n, { emit: t }) {
+    const o = T(n, "modelValue", t), l = be(o);
+    return (a, d) => (u(), f("div", {
       class: y([[
-        r.disabled ? "cursor-not-allowed" : "cursor-pointer"
+        a.disabled ? "cursor-not-allowed" : "cursor-pointer"
       ], "$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),
       role: "checkbox",
-      onClick: d[0] || (d[0] = (a) => !r.disabled && b(n)())
+      onClick: d[0] || (d[0] = (r) => !a.disabled && b(l)())
     }, [
-      v(r.$slots, "default"),
+      v(a.$slots, "default"),
       m("div", {
         class: y([{
           selected: b(o)
@@ -989,8 +987,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
       }, [
         m("div", {
           class: y(["h4 w4 rounded-full bg-primary-800 transition-transform group-[&.selected]:transform-translate-x-4 dark:bg-white", [
-            { "group-hover:opacity-75 group-active:scale-85": !r.disabled },
-            { "opacity-65": r.disabled }
+            { "group-hover:opacity-75 group-active:scale-85": !a.disabled },
+            { "opacity-65": a.disabled }
           ]])
         }, null, 2)
       ], 2)
@@ -1006,7 +1004,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
     disabled: { type: Boolean },
     shown: { type: Boolean }
   },
-  setup(l) {
+  setup(n) {
     return (t, e) => (u(), w(b(re), D({
       disabled: t.disabled,
       placement: t.placement
@@ -1022,7 +1020,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
   }
 });
 export {
-  Oe as THEME_KEY,
+  Ae as THEME_KEY,
   dt as VueBadge,
   M as VueButton,
   ut as VueCard,
@@ -1030,7 +1028,7 @@ export {
   pt as VueCodeBlock,
   mt as VueConfirm,
   gt as VueDarkToggle,
-  je as VueDialog,
+  Ne as VueDialog,
   vt as VueDrawer,
   Ye as VueDropdown,
   bt as VueDropdownButton,
@@ -1039,7 +1037,7 @@ export {
   F as VueIcon,
   Xe as VueInput,
   te as VueLoadingIndicator,
-  Ae as VueNotification,
+  je as VueNotification,
   oe as VueOverlay,
   kt as VueSelect,
   wt as VueSwitch,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-ui",
   "type": "module",
-  "version": "7.7.7",
+  "version": "8.0.0",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -37,23 +37,23 @@
     "vue": ">=3.0.0-0"
   },
   "dependencies": {
-    "@vueuse/components": "^12.8.2",
-    "@vueuse/core": "^12.8.2",
-    "@vueuse/integrations": "^12.8.2",
+    "@vueuse/components": "^13.5.0",
+    "@vueuse/core": "^13.5.0",
+    "@vueuse/integrations": "^13.5.0",
     "colord": "^2.9.3",
-    "focus-trap": "^7.6.4",
-    "@vue/devtools-shared": "7.7.7"
+    "focus-trap": "^7.6.5",
+    "@vue/devtools-shared": "8.0.0"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^0.17.17",
     "@iconify-json/ic": "^1.2.2",
-    "@types/node": "^22.13.14",
-    "@unocss/reset": "^66.0.0",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@types/node": "^24.1.0",
+    "@unocss/reset": "^66.3.3",
+    "@vitejs/plugin-vue": "^6.0.0",
     "floating-vue": "5.2.2",
     "histoire": "^0.17.17",
-    "unocss": "^66.0.0",
-    "vite-plugin-dts": "^4.5.3"
+    "unocss": "^66.3.3",
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
     "build": "tsx ./scripts/update-icons.ts && vite build",