@vue/devtools-ui 7.6.0 → 7.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +119 -119
  3. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
1
  // @unocss-include
2
2
 
3
3
  "use strict";var z=Object.create;var $=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var F=(a,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of I(t))!R.call(a,r)&&r!==o&&$(a,r,{get:()=>t[r],enumerable:!(i=P(t,r))||i.enumerable});return a};var f=(a,t,o)=>(o=a!=null?z(L(a)):{},F(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"),E=require("shiki/core"),H=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 O(a,t){return e.openBlock(),e.createElementBlock("span",q,[e.renderSlot(a.$slots,"default")])}const A=w(j,[["render",O]]),W={},K={class:"h-3 w-3 $ui-inline-fcc"};function U(a,t){return e.openBlock(),e.createElementBlock("div",K,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(W,[["render",U]]),Y={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",Y,[e.renderSlot(u.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),J={},X={class:"$ui-base border $ui-border-base rounded shadow-sm"};function G(a,t){return e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(a.$slots,"default")])}const Q=w(J,[["render",G]]),Z=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 N=null;function ee(a,t="text"){var i;if(!N&&!h.value){const r=E.createJavaScriptRegexEngine();N=E.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 oe=["innerHTML"],te={class:"shiki"},re=["textContent"],ae=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}:ee(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,oe)):(e.openBlock(),e.createElementBlock("pre",{key:1,class:e.normalizeClass(["code-block",s.lines?"code-block-lines":""])},[e.createElementVNode("pre",te,[e.createElementVNode("code",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.code.split(`
4
- `),(c,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createElementVNode("span",{class:"line",textContent:e.toDisplayString(c)},null,8,re),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))}}),ne={class:"h7.5 w-full $ui-fbc"},le={class:"text-4.5"},se={class:"content transition-all transition-duration-300"},ie={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},de={class:"$ui-fcc"},S=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",ne,[e.createElementVNode("div",le,[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",se,[e.renderSlot(n.$slots,"default")]),e.createElementVNode("div",ie,[e.renderSlot(n.$slots,"footer",{},()=>[e.renderSlot(n.$slots,"footer",{},()=>[e.createElementVNode("div",de,[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)}}),ce={class:"$ui-fec gap2.5"},ue=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(S,{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",ce,[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"]))}}),_=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 pe(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(_,a);e.render(r,t)}const T="__vue-devtools-theme__";function D(a={}){const t=m.useColorMode({...a,storageKey:T});return{colorMode:t,isDark:e.computed(()=>t.value==="dark")}}const me={class:"$ui-dark-toggle-vtr"},fe=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}=D({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",me,[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(i),isDark:r.value,toggle:l})))]))}}),ge=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)}}),ve={class:"overflow-hidden rounded-lg shadow-lg"},M=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",ve,[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"]))}}),be=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"]))}}),he=["type","placeholder","disabled"],ye={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),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,he),[[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",ye))],2))}}),ke={class:"$ui-base"},we=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",ke,[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"&&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)]))}}),Be=["innerHTML"],Ce=e.defineComponent({__name:"IcIcon",props:{name:{}},setup(a){const t=a,o=e.computed(()=>H.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,Be))]))}}),Ve={class:"m1 min-w-35 w-auto flex flex-col"},$e=["onClick"],Ee=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(M,e.mergeProps({label:l.value},{buttonProps:n.buttonProps,disabled:n.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",Ve,[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,$e))),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"]))}}),Ne=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))}}),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=T;exports.VueBadge=A;exports.VueButton=v;exports.VueCard=Q;exports.VueCheckbox=Z;exports.VueCodeBlock=ae;exports.VueConfirm=ue;exports.VueDarkToggle=fe;exports.VueDialog=S;exports.VueDrawer=ge;exports.VueDropdown=M;exports.VueDropdownButton=be;exports.VueFormField=we;exports.VueIcIcon=Ce;exports.VueIcon=y;exports.VueInput=x;exports.VueLoadingIndicator=B;exports.VueNotification=_;exports.VueOverlay=C;exports.VueSelect=Ee;exports.VueSwitch=Ne;exports.VueTooltip=Se;exports.showVueNotification=pe;exports.useDevToolsColorMode=D;
4
+ `),(c,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[e.createElementVNode("span",{class:"line",textContent:e.toDisplayString(c)},null,8,re),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))}}),ne={class:"h7.5 w-full $ui-fbc"},le={class:"text-4.5"},se={class:"content transition-all transition-duration-300"},ie={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},de={class:"$ui-fcc"},S=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",ne,[e.createElementVNode("div",le,[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",se,[e.renderSlot(n.$slots,"default")]),e.createElementVNode("div",ie,[e.renderSlot(n.$slots,"footer",{},()=>[e.renderSlot(n.$slots,"footer",{},()=>[e.createElementVNode("div",de,[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)}}),ce={class:"$ui-fec gap2.5"},ue=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(S,{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",ce,[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"]))}}),_=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 pe(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(_,a);e.render(r,t)}const T="__vue-devtools-theme__";function D(a={}){const t=m.useColorMode({...a,storageKey:T});return{colorMode:t,isDark:e.computed(()=>t.value==="dark")}}const me={class:"$ui-dark-toggle-vtr"},fe=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}=D({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",me,[e.renderSlot(c.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(i),isDark:r.value,toggle:l})))]))}}),ge=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)}}),ve={class:"overflow-hidden rounded-lg shadow-lg"},M=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",ve,[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"]))}}),be=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"]))}}),he=["type","placeholder","disabled"],ye={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),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,he),[[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",ye))],2))}}),ke={class:"$ui-base"},we=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",ke,[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"&&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)]))}}),Be=["innerHTML"],Ce=e.defineComponent({__name:"IcIcon",props:{name:{}},setup(a){const t=a,o=e.computed(()=>H.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,Be))]))}}),Ve={class:"m1 min-w-35 w-auto flex flex-col"},$e=["onClick"],Ee=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(M,e.mergeProps({label:l.value},{buttonProps:n.buttonProps,disabled:n.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",Ve,[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,$e))),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"]))}}),Ne=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))}}),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=T;exports.VueBadge=A;exports.VueButton=v;exports.VueCard=Q;exports.VueCheckbox=Z;exports.VueCodeBlock=ae;exports.VueConfirm=ue;exports.VueDarkToggle=fe;exports.VueDialog=S;exports.VueDrawer=ge;exports.VueDropdown=M;exports.VueDropdownButton=be;exports.VueFormField=we;exports.VueIcIcon=Ce;exports.VueIcon=y;exports.VueInput=x;exports.VueLoadingIndicator=B;exports.VueNotification=_;exports.VueOverlay=C;exports.VueSelect=Ee;exports.VueSwitch=Ne;exports.VueTooltip=Se;exports.showVueNotification=pe;exports.useDevToolsColorMode=D;
package/dist/index.js CHANGED
@@ -1,27 +1,27 @@
1
1
  // @unocss-include
2
2
 
3
- import { Dropdown as ae, VClosePopper as Y, Tooltip as re } from "floating-vue";
4
- import { vTooltip as Vt } from "floating-vue";
3
+ import { Dropdown as oe, VClosePopper as ae, vClosePopper as re, Tooltip as ne } from "floating-vue";
4
+ import { vTooltip as Bt } from "floating-vue";
5
5
  /* empty css */
6
6
  /* empty css */
7
- import { openBlock as u, createElementBlock as f, 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, unref as b, createCommentVNode as $, 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";
8
- 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";
9
- import { createJavaScriptRegexEngine as ye, createHighlighterCore as he } from "shiki/core";
10
- import { i as ke } from "./ic-icons-data-B4q1VTSq.js";
7
+ import { openBlock as u, createElementBlock as f, renderSlot as v, createElementVNode as m, defineComponent as h, useAttrs as le, computed as k, useSlots as Y, createBlock as w, resolveDynamicComponent as q, mergeProps as D, withCtx as g, unref as b, createCommentVNode as $, normalizeClass as y, shallowRef as se, nextTick as H, Fragment as E, renderList as R, toDisplayString as B, watchEffect as P, ref as S, onMounted as z, Teleport as J, createVNode as C, Transition as N, normalizeStyle as j, createTextVNode as _, isRef as x, h as ie, render as U, normalizeProps as X, guardReactiveProps as G, withModifiers as de, provide as ue, createSlots as Q, inject as ce, withDirectives as A, vModelDynamic as pe } from "vue";
8
+ import { useVModel as T, useScrollLock as me, onKeyStroke as Z, useColorMode as fe, useElementSize as ge, refDebounced as ve, refWithControl as be, useToggle as ye } from "@vueuse/core";
9
+ import { createJavaScriptRegexEngine as he, createHighlighterCore as ke } from "shiki/core";
10
+ import { i as we } from "./ic-icons-data-B4q1VTSq.js";
11
11
  const O = (l, t) => {
12
12
  const e = l.__vccOpts || l;
13
13
  for (const [s, o] of t)
14
14
  e[s] = o;
15
15
  return e;
16
- }, we = {}, $e = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
17
- function Ce(l, t) {
18
- return u(), f("span", $e, [
16
+ }, $e = {}, Ce = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
17
+ function Ve(l, t) {
18
+ return u(), f("span", Ce, [
19
19
  v(l.$slots, "default")
20
20
  ]);
21
21
  }
22
- const it = /* @__PURE__ */ O(we, [["render", Ce]]), Ve = {}, Be = { class: "h-3 w-3 $ui-inline-fcc" };
23
- function _e(l, t) {
24
- return u(), f("div", Be, t[0] || (t[0] = [
22
+ const dt = /* @__PURE__ */ O($e, [["render", Ve]]), Be = {}, _e = { class: "h-3 w-3 $ui-inline-fcc" };
23
+ function Te(l, t) {
24
+ return u(), f("div", _e, t[0] || (t[0] = [
25
25
  m("svg", {
26
26
  class: "animate-spin",
27
27
  xmlns: "http://www.w3.org/2000/svg",
@@ -44,7 +44,7 @@ function _e(l, t) {
44
44
  ], -1)
45
45
  ]));
46
46
  }
47
- const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__PURE__ */ h({
47
+ const ee = /* @__PURE__ */ O(Be, [["render", Te]]), De = { key: 2 }, M = /* @__PURE__ */ h({
48
48
  inheritAttrs: !1,
49
49
  __name: "Button",
50
50
  props: {
@@ -58,7 +58,7 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
58
58
  },
59
59
  emits: ["click"],
60
60
  setup(l, { emit: t }) {
61
- const e = l, s = t, o = ne(), n = k(() => o.to ? "router-link" : o.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
61
+ const e = l, s = t, o = le(), n = k(() => o.to ? "router-link" : o.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
62
62
  function d(c) {
63
63
  if (r.value) {
64
64
  c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
@@ -103,8 +103,8 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
103
103
  info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
104
104
  success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
105
105
  }
106
- }, i = q(), p = k(() => e.flat ? a.flat[e.type] : e.outlined ? a.outlined[e.type] : a.normal[e.type]);
107
- return (c, V) => (u(), w(J(n.value), D(c.$attrs, {
106
+ }, i = Y(), p = k(() => e.flat ? a.flat[e.type] : e.outlined ? a.outlined[e.type] : a.normal[e.type]);
107
+ return (c, V) => (u(), w(q(n.value), D(c.$attrs, {
108
108
  role: "button",
109
109
  "aria-disabled": r.value,
110
110
  class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
@@ -124,14 +124,14 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
124
124
  onClickCapture: d
125
125
  }), {
126
126
  default: g(() => [
127
- c.loading ? (u(), w(te, {
127
+ c.loading ? (u(), w(ee, {
128
128
  key: 0,
129
129
  class: "mt0.5 h-full w3"
130
130
  })) : v(c.$slots, "icon", {
131
131
  key: 1,
132
132
  class: "h-full w3 $ui-inline-fcc"
133
133
  }),
134
- b(i).default ? (u(), f("div", Te, [
134
+ b(i).default ? (u(), f("div", De, [
135
135
  v(c.$slots, "default")
136
136
  ])) : $("", !0),
137
137
  v(c.$slots, "icon-right")
@@ -139,13 +139,13 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
139
139
  _: 3
140
140
  }, 16, ["aria-disabled", "class"]));
141
141
  }
142
- }), De = {}, Me = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
143
- function Se(l, t) {
144
- return u(), f("div", Me, [
142
+ }), Me = {}, Se = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
143
+ function Ie(l, t) {
144
+ return u(), f("div", Se, [
145
145
  v(l.$slots, "default")
146
146
  ]);
147
147
  }
148
- const dt = /* @__PURE__ */ O(De, [["render", Se]]), ut = /* @__PURE__ */ h({
148
+ const ut = /* @__PURE__ */ O(Me, [["render", Ie]]), ct = /* @__PURE__ */ h({
149
149
  __name: "Checkbox",
150
150
  props: {
151
151
  modelValue: { type: Boolean },
@@ -167,13 +167,13 @@ const dt = /* @__PURE__ */ O(De, [["render", Se]]), ut = /* @__PURE__ */ h({
167
167
  }, null, 2)
168
168
  ], 2));
169
169
  }
170
- }), I = le();
170
+ }), I = se();
171
171
  let K = null;
172
- function Ie(l, t = "text") {
172
+ function Ee(l, t = "text") {
173
173
  var s;
174
174
  if (!K && !I.value) {
175
- const o = ye();
176
- K = he({
175
+ const o = he();
176
+ K = ke({
177
177
  themes: [
178
178
  import("shiki/themes/vitesse-dark.mjs"),
179
179
  import("shiki/themes/vitesse-light.mjs")
@@ -210,7 +210,7 @@ function Ie(l, t = "text") {
210
210
  supported: e
211
211
  };
212
212
  }
213
- const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /* @__PURE__ */ h({
213
+ const Pe = ["innerHTML"], ze = { class: "shiki" }, Le = ["textContent"], pt = /* @__PURE__ */ h({
214
214
  __name: "CodeBlock",
215
215
  props: {
216
216
  code: {},
@@ -221,32 +221,32 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
221
221
  emits: ["loaded"],
222
222
  setup(l, { emit: t }) {
223
223
  const e = l, s = t, o = k(() => {
224
- const n = e.lang === "text" ? { code: e.code, supported: !1 } : Ie(e.code, e.lang) || { code: e.code, supported: !1 };
224
+ const n = e.lang === "text" ? { code: e.code, supported: !1 } : Ee(e.code, e.lang) || { code: e.code, supported: !1 };
225
225
  return n.supported && e.transformRendered && (n.code = e.transformRendered(n.code)), n.supported && H(() => s("loaded")), n;
226
226
  });
227
227
  return (n, r) => n.lang && o.value.supported ? (u(), f("pre", {
228
228
  key: 0,
229
229
  class: y(["code-block", n.lines ? "code-block-lines" : ""]),
230
230
  innerHTML: o.value.code
231
- }, null, 10, Ee)) : (u(), f("pre", {
231
+ }, null, 10, Pe)) : (u(), f("pre", {
232
232
  key: 1,
233
233
  class: y(["code-block", n.lines ? "code-block-lines" : ""])
234
234
  }, [
235
- m("pre", Pe, [
235
+ m("pre", ze, [
236
236
  m("code", null, [
237
237
  (u(!0), f(E, null, R(n.code.split(`
238
238
  `), (d, a) => (u(), f(E, { key: a }, [
239
239
  m("span", {
240
240
  class: "line",
241
241
  textContent: B(d)
242
- }, null, 8, ze),
242
+ }, null, 8, Le),
243
243
  r[0] || (r[0] = m("br", null, null, -1))
244
244
  ], 64))), 128))
245
245
  ])
246
246
  ])
247
247
  ], 2));
248
248
  }
249
- }), oe = /* @__PURE__ */ h({
249
+ }), te = /* @__PURE__ */ h({
250
250
  __name: "Overlay",
251
251
  props: {
252
252
  dim: { type: Boolean },
@@ -264,7 +264,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
264
264
  v(t.$slots, "default")
265
265
  ], 2));
266
266
  }
267
- }), 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({
267
+ }), Re = { class: "h7.5 w-full $ui-fbc" }, Fe = { class: "text-4.5" }, He = { class: "content transition-all transition-duration-300" }, Ne = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, je = { class: "$ui-fcc" }, xe = /* @__PURE__ */ h({
268
268
  __name: "Dialog",
269
269
  props: {
270
270
  modelValue: { type: Boolean, default: !1 },
@@ -280,18 +280,18 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
280
280
  },
281
281
  emits: ["close", "update:modelValue"],
282
282
  setup(l, { emit: t }) {
283
- const e = l, o = T(e, "modelValue", t, { passive: !0 }), n = pe(() => window.document.documentElement);
283
+ const e = l, o = T(e, "modelValue", t, { passive: !0 }), n = me(() => window.document.documentElement);
284
284
  P(() => {
285
285
  o.value ? n.value = !0 : n.value = !1;
286
286
  });
287
287
  function r() {
288
288
  o.value && e.autoClose && (o.value = !1);
289
289
  }
290
- ee("Escape", () => {
290
+ Z("Escape", () => {
291
291
  r();
292
292
  });
293
293
  const d = S(!1);
294
- return z(() => d.value = !0), (a, i) => d.value || a.mountTo === "body" ? (u(), w(X, {
294
+ return z(() => d.value = !0), (a, i) => d.value || a.mountTo === "body" ? (u(), w(J, {
295
295
  key: 0,
296
296
  to: a.mountTo
297
297
  }, [
@@ -302,7 +302,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
302
302
  "leave-to-class": "opacity-0 [&_.modal]:scale-95"
303
303
  }, {
304
304
  default: g(() => [
305
- b(o) ? (u(), w(oe, {
305
+ b(o) ? (u(), w(te, {
306
306
  key: 0,
307
307
  dim: a.dim,
308
308
  blur: a.blur,
@@ -316,8 +316,8 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
316
316
  height: e.height
317
317
  })
318
318
  }, [
319
- m("div", Le, [
320
- m("div", Re, [
319
+ m("div", Re, [
320
+ m("div", Fe, [
321
321
  v(a.$slots, "title", {}, () => [
322
322
  _(B(e.title), 1)
323
323
  ])
@@ -330,13 +330,13 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
330
330
  m("div", { class: "i-carbon-close" }, null, -1)
331
331
  ]))) : $("", !0)
332
332
  ]),
333
- m("div", Fe, [
333
+ m("div", He, [
334
334
  v(a.$slots, "default")
335
335
  ]),
336
- m("div", He, [
336
+ m("div", Ne, [
337
337
  v(a.$slots, "footer", {}, () => [
338
338
  v(a.$slots, "footer", {}, () => [
339
- m("div", Ne, [
339
+ m("div", je, [
340
340
  C(M, {
341
341
  type: "primary",
342
342
  onClick: r
@@ -359,7 +359,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
359
359
  })
360
360
  ], 8, ["to"])) : $("", !0);
361
361
  }
362
- }), xe = { class: "$ui-fec gap2.5" }, pt = /* @__PURE__ */ h({
362
+ }), Ae = { class: "$ui-fec gap2.5" }, mt = /* @__PURE__ */ h({
363
363
  __name: "Confirm",
364
364
  props: {
365
365
  modelValue: { type: Boolean },
@@ -381,7 +381,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
381
381
  function n(r = !1) {
382
382
  (e.autoClose || r) && (o.value = !1);
383
383
  }
384
- return (r, d) => (u(), w(je, {
384
+ return (r, d) => (u(), w(xe, {
385
385
  modelValue: b(o),
386
386
  "onUpdate:modelValue": d[2] || (d[2] = (a) => x(o) ? o.value = a : null),
387
387
  width: r.width,
@@ -390,7 +390,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
390
390
  closable: !1
391
391
  }, {
392
392
  footer: g(() => [
393
- m("div", xe, [
393
+ m("div", Ae, [
394
394
  C(M, {
395
395
  onClick: d[0] || (d[0] = () => {
396
396
  s("cancel"), n(!0);
@@ -423,7 +423,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
423
423
  _: 3
424
424
  }, 8, ["modelValue", "width", "height", "title"]));
425
425
  }
426
- }), Ae = /* @__PURE__ */ h({
426
+ }), Oe = /* @__PURE__ */ h({
427
427
  __name: "Notification",
428
428
  props: {
429
429
  message: {},
@@ -486,7 +486,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
486
486
  ], 2));
487
487
  }
488
488
  });
489
- function mt(l) {
489
+ function ft(l) {
490
490
  const t = document.createElement("div");
491
491
  t.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(t);
492
492
  const e = l.onClose;
@@ -496,21 +496,21 @@ function mt(l) {
496
496
  l.onClose = () => {
497
497
  s(), e == null || e(), document.body.removeChild(t);
498
498
  };
499
- const o = se(Ae, l);
499
+ const o = ie(Oe, l);
500
500
  U(o, t);
501
501
  }
502
- const Oe = "__vue-devtools-theme__";
503
- function We(l = {}) {
504
- const t = me({
502
+ const We = "__vue-devtools-theme__";
503
+ function Ue(l = {}) {
504
+ const t = fe({
505
505
  ...l,
506
- storageKey: Oe
506
+ storageKey: We
507
507
  });
508
508
  return {
509
509
  colorMode: t,
510
510
  isDark: k(() => t.value === "dark")
511
511
  };
512
512
  }
513
- const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
513
+ const Ke = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
514
514
  __name: "DarkToggle",
515
515
  props: {
516
516
  isDark: { type: Boolean, default: !1 },
@@ -518,7 +518,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
518
518
  animationDuration: { default: 400 }
519
519
  },
520
520
  setup(l) {
521
- const t = l, e = T(t, "isDark"), { colorMode: s } = We({
521
+ const t = l, e = T(t, "isDark"), { colorMode: s } = Ue({
522
522
  initialValue: e.value ? "dark" : "light",
523
523
  onChanged: (d) => {
524
524
  e.value = d === "dark";
@@ -526,7 +526,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
526
526
  }), o = k({
527
527
  get: () => s.value === "dark",
528
528
  set: (d) => s.value = d ? "dark" : "light"
529
- }), n = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
529
+ }), n = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
530
530
  function r(d) {
531
531
  if (!n || !d || !t.animation) {
532
532
  o.value = !o.value;
@@ -555,11 +555,11 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
555
555
  );
556
556
  });
557
557
  }
558
- return (d, a) => (u(), f("span", Ue, [
559
- v(d.$slots, "default", G(Q({ mode: b(s), isDark: o.value, toggle: r })))
558
+ return (d, a) => (u(), f("span", Ke, [
559
+ v(d.$slots, "default", X(G({ mode: b(s), isDark: o.value, toggle: r })))
560
560
  ]));
561
561
  }
562
- }), gt = /* @__PURE__ */ h({
562
+ }), vt = /* @__PURE__ */ h({
563
563
  __name: "Drawer",
564
564
  props: {
565
565
  modelValue: { type: Boolean },
@@ -577,7 +577,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
577
577
  },
578
578
  emits: ["update:modelValue", "close"],
579
579
  setup(l, { emit: t }) {
580
- 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 = {
580
+ const e = l, s = t, { height: o } = ge(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), n = T(e, "modelValue", s), r = {
581
581
  left: {
582
582
  class: "left-0 h-full b-r",
583
583
  transition: "[&_.drawer]:translate-x--100%"
@@ -595,11 +595,11 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
595
595
  transition: "[&_.drawer]:translate-y-100%"
596
596
  }
597
597
  };
598
- ee("Escape", () => {
598
+ Z("Escape", () => {
599
599
  e.closable && (n.value = !1);
600
600
  });
601
601
  const d = k(() => r[e.placement]), a = S(!1);
602
- return z(() => a.value = !0), (i, p) => a.value || i.mountTo === "body" ? (u(), w(X, {
602
+ return z(() => a.value = !0), (i, p) => a.value || i.mountTo === "body" ? (u(), w(J, {
603
603
  key: 0,
604
604
  to: i.mountTo
605
605
  }, [
@@ -608,7 +608,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
608
608
  "leave-to-class": `${d.value.transition}`
609
609
  }, {
610
610
  default: g(() => [
611
- b(n) ? (u(), w(oe, {
611
+ b(n) ? (u(), w(te, {
612
612
  key: 0,
613
613
  class: y({
614
614
  "pointer-events-none": i.permanent
@@ -625,7 +625,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
625
625
  top: i.placement === "bottom" ? "auto" : `${b(o)}px`,
626
626
  height: ["top", "bottom"].includes(i.placement) ? "auto" : `calc(100% - ${b(o)}px)`
627
627
  }),
628
- onClick: p[1] || (p[1] = ie(() => {
628
+ onClick: p[1] || (p[1] = de(() => {
629
629
  }, ["stop"]))
630
630
  }, [
631
631
  i.closable ? (u(), f("div", {
@@ -643,7 +643,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
643
643
  }, 8, ["enter-from-class", "leave-to-class"])
644
644
  ], 8, ["to"])) : $("", !0);
645
645
  }
646
- }), Ke = { class: "overflow-hidden rounded-lg shadow-lg" }, Ye = /* @__PURE__ */ h({
646
+ }), Ye = { class: "overflow-hidden rounded-lg shadow-lg" }, qe = /* @__PURE__ */ h({
647
647
  __name: "Dropdown",
648
648
  props: {
649
649
  label: {},
@@ -659,7 +659,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
659
659
  emits: ["update:visible"],
660
660
  setup(l) {
661
661
  const t = l;
662
- return de("$ui-dropdown-disabled", k(() => t.disabled)), (e, s) => (u(), w(b(ae), {
662
+ return ue("$ui-dropdown-disabled", k(() => t.disabled)), (e, s) => (u(), w(b(oe), {
663
663
  disabled: e.disabled,
664
664
  class: "inline-block w-auto",
665
665
  shown: e.shown,
@@ -673,8 +673,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
673
673
  })
674
674
  }, {
675
675
  popper: g(({ hide: o }) => [
676
- m("div", Ke, [
677
- v(e.$slots, "popper", G(Q({ hide: o })), () => [
676
+ m("div", Ye, [
677
+ v(e.$slots, "popper", X(G({ hide: o })), () => [
678
678
  s[2] || (s[2] = m("div", { class: "p2 opacity-40" }, " Empty... ", -1))
679
679
  ])
680
680
  ])
@@ -684,7 +684,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
684
684
  C(M, D({
685
685
  ...e.buttonProps,
686
686
  disabled: e.disabled
687
- }, { class: e.buttonClass }), Z({
687
+ }, { class: e.buttonClass }), Q({
688
688
  icon: g(() => [
689
689
  v(e.$slots, "button-icon")
690
690
  ]),
@@ -706,7 +706,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
706
706
  _: 3
707
707
  }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
708
708
  }
709
- }), vt = /* @__PURE__ */ h({
709
+ }), bt = /* @__PURE__ */ h({
710
710
  __name: "DropdownButton",
711
711
  props: {
712
712
  type: {},
@@ -719,7 +719,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
719
719
  keepOpen: { type: Boolean, default: !1 }
720
720
  },
721
721
  setup(l) {
722
- const t = l, e = ue("$ui-dropdown-disabled", void 0);
722
+ const t = l, e = ce("$ui-dropdown-disabled", void 0);
723
723
  return (s, o) => A((u(), w(M, D({
724
724
  ...t,
725
725
  round: !1
@@ -735,7 +735,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
735
735
  ]),
736
736
  _: 3
737
737
  }, 16, ["disabled"])), [
738
- [b(Y)]
738
+ [b(ae)]
739
739
  ]);
740
740
  }
741
741
  }), F = /* @__PURE__ */ h({
@@ -746,14 +746,14 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
746
746
  action: { type: Boolean, default: !1 }
747
747
  },
748
748
  setup(l) {
749
- return (t, e) => (u(), w(J(t.inline ? "span" : "div"), {
749
+ return (t, e) => (u(), w(q(t.inline ? "span" : "div"), {
750
750
  class: y(["$ui-base", [t.icon, t.action ? "cursor-pointer hover:op50" : ""]])
751
751
  }, null, 8, ["class"]));
752
752
  }
753
- }), qe = ["type", "placeholder", "disabled"], Je = {
753
+ }), Je = ["type", "placeholder", "disabled"], Xe = {
754
754
  key: 3,
755
755
  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"
756
- }, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Xe = /* @__PURE__ */ h({
756
+ }, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Ge = /* @__PURE__ */ h({
757
757
  __name: "Input",
758
758
  props: {
759
759
  modelValue: {},
@@ -770,7 +770,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
770
770
  },
771
771
  emits: ["update:modelValue", "updateFocused", "keyTab"],
772
772
  setup(l, { emit: t }) {
773
- const e = l, s = t, o = T(e, "modelValue", s), n = ge(k(() => e.loading), e.loadingDebounceTime), r = ve(!1, {
773
+ const e = l, s = t, o = T(e, "modelValue", s), n = ve(k(() => e.loading), e.loadingDebounceTime), r = be(!1, {
774
774
  onChanged(c) {
775
775
  s("updateFocused", c);
776
776
  }
@@ -816,24 +816,24 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
816
816
  placeholder: c.placeholder,
817
817
  disabled: a.value || c.readonly,
818
818
  onBlur: V[1] || (V[1] = (W) => r.value = !1)
819
- }, null, 40, qe), [
820
- [ce, b(o)]
819
+ }, null, 40, Je), [
820
+ [pe, b(o)]
821
821
  ]),
822
822
  b(n) ? (u(), f("div", {
823
823
  key: 1,
824
824
  class: y(L)
825
825
  }, [
826
- C(te)
826
+ C(ee)
827
827
  ])) : c.rightIcon ? (u(), f("div", {
828
828
  key: 2,
829
829
  class: y(L)
830
830
  }, [
831
831
  C(F, { icon: c.rightIcon }, null, 8, ["icon"])
832
832
  ])) : $("", !0),
833
- d.value ? $("", !0) : (u(), f("div", Je))
833
+ d.value ? $("", !0) : (u(), f("div", Xe))
834
834
  ], 2));
835
835
  }
836
- }), Ge = { class: "$ui-base" }, bt = /* @__PURE__ */ h({
836
+ }), Qe = { class: "$ui-base" }, yt = /* @__PURE__ */ h({
837
837
  __name: "FormField",
838
838
  props: {
839
839
  modelValue: {},
@@ -854,8 +854,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
854
854
  danger: "i-ic-round-error",
855
855
  success: "i-ep:success-filled"
856
856
  };
857
- return (i, p) => (u(), f("div", Ge, [
858
- C(Xe, {
857
+ return (i, p) => (u(), f("div", Qe, [
858
+ C(Ge, {
859
859
  modelValue: b(o),
860
860
  "onUpdate:modelValue": p[0] || (p[0] = (c) => x(o) ? o.value = c : null),
861
861
  placeholder: i.placeholder,
@@ -876,23 +876,23 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
876
876
  ], 2)
877
877
  ]));
878
878
  }
879
- }), Qe = ["innerHTML"], yt = /* @__PURE__ */ h({
879
+ }), Ze = ["innerHTML"], ht = /* @__PURE__ */ h({
880
880
  __name: "IcIcon",
881
881
  props: {
882
882
  name: {}
883
883
  },
884
884
  setup(l) {
885
- const t = l, e = k(() => ke[t.name] ?? "");
885
+ const t = l, e = k(() => we[t.name] ?? "");
886
886
  return (s, o) => (u(), f("div", null, [
887
887
  (u(), f("svg", {
888
888
  class: "custom-svg h-1em w-1em",
889
889
  xmlns: "http://www.w3.org/2000/svg",
890
890
  viewBox: "0 0 24 24",
891
891
  innerHTML: e.value
892
- }, null, 8, Qe))
892
+ }, null, 8, Ze))
893
893
  ]));
894
894
  }
895
- }), Ze = { class: "m1 min-w-35 w-auto flex flex-col" }, et = ["onClick"], ht = /* @__PURE__ */ h({
895
+ }), et = { class: "m1 min-w-35 w-auto flex flex-col" }, tt = ["onClick"], kt = /* @__PURE__ */ h({
896
896
  __name: "Select",
897
897
  props: {
898
898
  modelValue: {},
@@ -906,7 +906,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
906
906
  },
907
907
  emits: ["update:modelValue"],
908
908
  setup(l, { emit: t }) {
909
- const e = l, s = t, o = q(), n = k({
909
+ const e = l, s = t, o = Y(), n = k({
910
910
  get: () => e.modelValue,
911
911
  set: (a) => s("update:modelValue", a)
912
912
  }), r = k(() => {
@@ -916,12 +916,12 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
916
916
  function d(a) {
917
917
  e.multiple ? n.value = n.value.includes(a.value) ? n.value.filter((i) => i !== a.value) : [...n.value, a.value] : n.value = a.value;
918
918
  }
919
- return (a, i) => (u(), w(Ye, D({ label: r.value }, {
919
+ return (a, i) => (u(), w(qe, D({ label: r.value }, {
920
920
  buttonProps: a.buttonProps,
921
921
  disabled: a.disabled
922
- }), Z({
922
+ }), Q({
923
923
  popper: g(() => [
924
- m("div", Ze, [
924
+ m("div", et, [
925
925
  b(o).item ? (u(!0), f(E, { key: 0 }, R(a.options, (p) => (u(), f("div", {
926
926
  key: p.value,
927
927
  class: "cursor-pointer",
@@ -932,7 +932,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
932
932
  active: a.multiple ? n.value.includes(p.value) : p.value === n.value,
933
933
  disabled: a.disabled
934
934
  }))
935
- ], 8, et))), 128)) : (u(!0), f(E, { key: 1 }, R(a.options, (p) => A((u(), w(M, {
935
+ ], 8, tt))), 128)) : (u(!0), f(E, { key: 1 }, R(a.options, (p) => A((u(), w(M, {
936
936
  key: p.value,
937
937
  disabled: a.disabled,
938
938
  round: "normal",
@@ -946,7 +946,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
946
946
  ]),
947
947
  _: 2
948
948
  }, 1032, ["disabled", "class", "onClick"])), [
949
- [b(Y), a.autoClose]
949
+ [b(re), a.autoClose]
950
950
  ])), 128))
951
951
  ])
952
952
  ]),
@@ -964,7 +964,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
964
964
  } : void 0
965
965
  ]), 1040, ["label"]));
966
966
  }
967
- }), kt = /* @__PURE__ */ h({
967
+ }), wt = /* @__PURE__ */ h({
968
968
  __name: "Switch",
969
969
  props: {
970
970
  modelValue: { type: Boolean },
@@ -972,7 +972,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
972
972
  },
973
973
  emits: ["update:modelValue"],
974
974
  setup(l, { emit: t }) {
975
- const o = T(l, "modelValue", t), n = be(o);
975
+ const o = T(l, "modelValue", t), n = ye(o);
976
976
  return (r, d) => (u(), f("div", {
977
977
  class: y([[
978
978
  r.disabled ? "cursor-not-allowed" : "cursor-pointer"
@@ -995,7 +995,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
995
995
  ], 2)
996
996
  ], 2));
997
997
  }
998
- }), wt = /* @__PURE__ */ h({
998
+ }), $t = /* @__PURE__ */ h({
999
999
  __name: "Tooltip",
1000
1000
  props: {
1001
1001
  trigger: {},
@@ -1006,7 +1006,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
1006
1006
  shown: { type: Boolean }
1007
1007
  },
1008
1008
  setup(l) {
1009
- return (t, e) => (u(), w(b(re), D({
1009
+ return (t, e) => (u(), w(b(ne), D({
1010
1010
  disabled: t.disabled,
1011
1011
  placement: t.placement
1012
1012
  }, t.$attrs), {
@@ -1021,29 +1021,29 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
1021
1021
  }
1022
1022
  });
1023
1023
  export {
1024
- Oe as THEME_KEY,
1025
- it as VueBadge,
1024
+ We as THEME_KEY,
1025
+ dt as VueBadge,
1026
1026
  M as VueButton,
1027
- dt as VueCard,
1028
- ut as VueCheckbox,
1029
- ct as VueCodeBlock,
1030
- pt as VueConfirm,
1031
- ft as VueDarkToggle,
1032
- je as VueDialog,
1033
- gt as VueDrawer,
1034
- Ye as VueDropdown,
1035
- vt as VueDropdownButton,
1036
- bt as VueFormField,
1037
- yt as VueIcIcon,
1027
+ ut as VueCard,
1028
+ ct as VueCheckbox,
1029
+ pt as VueCodeBlock,
1030
+ mt as VueConfirm,
1031
+ gt as VueDarkToggle,
1032
+ xe as VueDialog,
1033
+ vt as VueDrawer,
1034
+ qe as VueDropdown,
1035
+ bt as VueDropdownButton,
1036
+ yt as VueFormField,
1037
+ ht as VueIcIcon,
1038
1038
  F as VueIcon,
1039
- Xe as VueInput,
1040
- te as VueLoadingIndicator,
1041
- Ae as VueNotification,
1042
- oe as VueOverlay,
1043
- ht as VueSelect,
1044
- kt as VueSwitch,
1045
- wt as VueTooltip,
1046
- mt as showVueNotification,
1047
- We as useDevToolsColorMode,
1048
- Vt as vTooltip
1039
+ Ge as VueInput,
1040
+ ee as VueLoadingIndicator,
1041
+ Oe as VueNotification,
1042
+ te as VueOverlay,
1043
+ kt as VueSelect,
1044
+ wt as VueSwitch,
1045
+ $t as VueTooltip,
1046
+ ft as showVueNotification,
1047
+ Ue as useDevToolsColorMode,
1048
+ Bt as vTooltip
1049
1049
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vue/devtools-ui",
3
3
  "type": "module",
4
- "version": "7.6.0",
4
+ "version": "7.6.2",
5
5
  "author": "webfansplz",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -42,7 +42,7 @@
42
42
  "@vueuse/integrations": "^11.1.0",
43
43
  "colord": "^2.9.3",
44
44
  "focus-trap": "^7.6.0",
45
- "@vue/devtools-shared": "7.6.0"
45
+ "@vue/devtools-shared": "7.6.2"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@histoire/plugin-vue": "^0.17.17",