@vue/devtools-ui 7.0.5 → 7.0.7

package/dist/index.cjs

@@ -1,3 +1,3 @@
 // @unocss-include
 
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("floating-vue"),e=require("vue");const H=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},se={},ue={class:"h-3 w-3 $ui-inline-fcc"},ce=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),de=[ce];function fe(t,n){return e.openBlock(),e.createElementBlock("div",ue,de)}const J=H(se,[["render",fe]]),pe={key:2},D=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(t,{emit:n}){const o=t,l=n,r=e.useAttrs(),s=e.computed(()=>r.to?"router-link":r.href?"a":"button"),a=e.computed(()=>o.loading||o.disabled);function u(c){if(a.value){c.preventDefault(),c.stopPropagation(),c.stopImmediatePropagation();return}l("click",c)}const i={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(),f=e.computed(()=>o.flat?i.flat[o.type]:o.outlined?i.outlined[o.type]:i.normal[o.type]);return(c,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps(c.$attrs,{role:"button","aria-disabled":a.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[i.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":a.value,"bg-transparent":o.flat||o.outlined},[c.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",c.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",f.value]]],onClickCapture:u}),{default:e.withCtx(()=>[c.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(c.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(d).default?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),me={},ge={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function ve(t,n){return e.openBlock(),e.createElementBlock("span",ge,[e.renderSlot(t.$slots,"default")])}const he=H(me,[["render",ve]]),R=e.defineComponent({__name:"Icon",props:{icon:{},inline:{type:Boolean},action:{type:Boolean,default:!1}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[n.icon,n.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}});function W(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function be(t,n,{enumerable:o=!1,unwrap:l=!0}={}){for(const[r,s]of Object.entries(n))r!=="value"&&(e.isRef(s)&&l?Object.defineProperty(t,r,{get(){return s.value},set(a){s.value=a},enumerable:o}):Object.defineProperty(t,r,{value:s,enumerable:o}));return t}function B(t){return typeof t=="function"?t():e.unref(t)}const Y=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ye=t=>typeof t<"u",we=Object.prototype.toString,ke=t=>we.call(t)==="[object Object]",F=()=>{},q=Ce();function Ce(){var t,n;return Y&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function X(t,n){function o(...l){return new Promise((r,s)=>{Promise.resolve(t(()=>n.apply(this,l),{fn:n,thisArg:this,args:l})).then(r).catch(s)})}return o}const Q=t=>t();function Be(t,n={}){let o,l,r=F;const s=u=>{clearTimeout(u),r(),r=F};return u=>{const i=B(t),d=B(n.maxWait);return o&&s(o),i<=0||d!==void 0&&d<=0?(l&&(s(l),l=null),Promise.resolve(u())):new Promise((f,c)=>{r=n.rejectOnCancel?c:f,d&&!l&&(l=setTimeout(()=>{o&&s(o),l=null,f(u())},d)),o=setTimeout(()=>{l&&s(l),l=null,f(u())},i)})}}function Ve(t=Q){const n=e.ref(!0);function o(){n.value=!1}function l(){n.value=!0}const r=(...s)=>{n.value&&t(...s)};return{isActive:e.readonly(n),pause:o,resume:l,eventFilter:r}}function $e(t){return t||e.getCurrentInstance()}function Z(...t){if(t.length!==1)return e.toRef(...t);const n=t[0];return typeof n=="function"?e.readonly(e.customRef(()=>({get:n,set:F}))):e.ref(n)}function Se(t,n=200,o={}){return X(Be(n,o),t)}function _e(t,n=200,o={}){const l=e.ref(t.value),r=Se(()=>{l.value=t.value},n,o);return e.watch(t,()=>r()),l}function Ne(t,n={}){let o=t,l,r;const s=e.customRef((p,m)=>(l=p,r=m,{get(){return a()},set(v){u(v)}}));function a(p=!0){return p&&l(),o}function u(p,m=!0){var v,h;if(p===o)return;const k=o;((v=n.onBeforeChange)==null?void 0:v.call(n,p,k))!==!1&&(o=p,(h=n.onChanged)==null||h.call(n,p,k),m&&r())}return be(s,{get:a,set:u,untrackedGet:()=>a(!1),silentSet:p=>u(p,!1),peek:()=>a(!1),lay:p=>u(p,!1)},{enumerable:!0})}function Ee(t,n,o={}){const{eventFilter:l=Q,...r}=o;return e.watch(t,X(l,n),r)}function Te(t,n,o={}){const{eventFilter:l,...r}=o,{eventFilter:s,pause:a,resume:u,isActive:i}=Ve(l);return{stop:Ee(t,n,{...r,eventFilter:s}),pause:a,resume:u,isActive:i}}function U(t,n=!0,o){$e()?e.onMounted(t,o):n?t():e.nextTick(t)}function xe(t=!1,n={}){const{truthyValue:o=!0,falsyValue:l=!1}=n,r=e.isRef(t),s=e.ref(t);function a(u){if(arguments.length)return s.value=u,s.value;{const i=B(o);return s.value=s.value===i?B(l):i,s.value}}return r?a:[s,a]}function N(t){var n;const o=B(t);return(n=o==null?void 0:o.$el)!=null?n:o}const E=Y?window:void 0;function L(...t){let n,o,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,r]=t,n=E):[n,o,l,r]=t,!n)return F;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const s=[],a=()=>{s.forEach(f=>f()),s.length=0},u=(f,c,p,m)=>(f.addEventListener(c,p,m),()=>f.removeEventListener(c,p,m)),i=e.watch(()=>[N(n),B(r)],([f,c])=>{if(a(),!f)return;const p=ke(c)?{...c}:c;s.push(...o.flatMap(m=>l.map(v=>u(f,m,v,p))))},{immediate:!0,flush:"post"}),d=()=>{i(),a()};return W(d),d}function De(t){return typeof t=="function"?t:typeof t=="string"?n=>n.key===t:Array.isArray(t)?n=>t.includes(n.key):()=>!0}function ee(...t){let n,o,l={};t.length===3?(n=t[0],o=t[1],l=t[2]):t.length===2?typeof t[1]=="object"?(n=!0,o=t[0],l=t[1]):(n=t[0],o=t[1]):(n=!0,o=t[0]);const{target:r=E,eventName:s="keydown",passive:a=!1,dedupe:u=!1}=l,i=De(n);return L(r,s,f=>{f.repeat&&B(u)||i(f)&&o(f)},a)}function ze(){const t=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{t.value=!0}),t}function te(t){const n=ze();return e.computed(()=>(n.value,!!t()))}function Oe(t,n={}){const{window:o=E}=n,l=te(()=>o&&"matchMedia"in o&&typeof o.matchMedia=="function");let r;const s=e.ref(!1),a=d=>{s.value=d.matches},u=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",a):r.removeListener(a))},i=e.watchEffect(()=>{l.value&&(u(),r=o.matchMedia(B(t)),"addEventListener"in r?r.addEventListener("change",a):r.addListener(a),s.value=r.matches)});return W(()=>{i(),u(),r=void 0}),s}function Me(t){return JSON.parse(JSON.stringify(t))}const M=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},P="__vueuse_ssr_handlers__",Pe=Ae();function Ae(){return P in M||(M[P]=M[P]||{}),M[P]}function oe(t,n){return Pe[t]||n}function Re(t){return t==null?"any":t instanceof Set?"set":t instanceof Map?"map":t instanceof Date?"date":typeof t=="boolean"?"boolean":typeof t=="string"?"string":typeof t=="object"?"object":Number.isNaN(t)?"any":"number"}const Fe={boolean:{read:t=>t==="true",write:t=>String(t)},object:{read:t=>JSON.parse(t),write:t=>JSON.stringify(t)},number:{read:t=>Number.parseFloat(t),write:t=>String(t)},any:{read:t=>t,write:t=>String(t)},string:{read:t=>t,write:t=>String(t)},map:{read:t=>new Map(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t.entries()))},set:{read:t=>new Set(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t))},date:{read:t=>new Date(t),write:t=>t.toISOString()}},K="vueuse-storage";function Le(t,n,o,l={}){var r;const{flush:s="pre",deep:a=!0,listenToStorageChanges:u=!0,writeDefaults:i=!0,mergeDefaults:d=!1,shallow:f,window:c=E,eventFilter:p,onError:m=g=>{console.error(g)},initOnMounted:v}=l,h=(f?e.shallowRef:e.ref)(typeof n=="function"?n():n);if(!o)try{o=oe("getDefaultStorage",()=>{var g;return(g=E)==null?void 0:g.localStorage})()}catch(g){m(g)}if(!o)return h;const k=B(n),_=Re(k),V=(r=l.serializer)!=null?r:Fe[_],{pause:w,resume:b}=Te(h,()=>C(h.value),{flush:s,deep:a,eventFilter:p});return c&&u&&U(()=>{L(c,"storage",$),L(c,K,z),v&&$()}),v||$(),h;function C(g){try{if(g==null)o.removeItem(t);else{const y=V.write(g),x=o.getItem(t);x!==y&&(o.setItem(t,y),c&&c.dispatchEvent(new CustomEvent(K,{detail:{key:t,oldValue:x,newValue:y,storageArea:o}})))}}catch(y){m(y)}}function S(g){const y=g?g.newValue:o.getItem(t);if(y==null)return i&&k!=null&&o.setItem(t,V.write(k)),k;if(!g&&d){const x=V.read(y);return typeof d=="function"?d(x,k):_==="object"&&!Array.isArray(x)?{...k,...x}:x}else return typeof y!="string"?y:V.read(y)}function z(g){$(g.detail)}function $(g){if(!(g&&g.storageArea!==o)){if(g&&g.key==null){h.value=k;return}if(!(g&&g.key!==t)){w();try{(g==null?void 0:g.newValue)!==V.write(h.value)&&(h.value=S(g))}catch(y){m(y)}finally{g?e.nextTick(b):b()}}}}}function We(t){return Oe("(prefers-color-scheme: dark)",t)}function je(t={}){const{selector:n="html",attribute:o="class",initialValue:l="auto",window:r=E,storage:s,storageKey:a="vueuse-color-scheme",listenToStorageChanges:u=!0,storageRef:i,emitAuto:d,disableTransition:f=!0}=t,c={auto:"",light:"light",dark:"dark",...t.modes||{}},p=We({window:r}),m=e.computed(()=>p.value?"dark":"light"),v=i||(a==null?Z(l):Le(a,l,s,{window:r,listenToStorageChanges:u})),h=e.computed(()=>v.value==="auto"?m.value:v.value),k=oe("updateHTMLAttrs",(b,C,S)=>{const z=typeof b=="string"?r==null?void 0:r.document.querySelector(b):N(b);if(!z)return;let $;if(f){$=r.document.createElement("style");const g="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";$.appendChild(document.createTextNode(g)),r.document.head.appendChild($)}if(C==="class"){const g=S.split(/\s/g);Object.values(c).flatMap(y=>(y||"").split(/\s/g)).filter(Boolean).forEach(y=>{g.includes(y)?z.classList.add(y):z.classList.remove(y)})}else z.setAttribute(C,S);f&&(r.getComputedStyle($).opacity,document.head.removeChild($))});function _(b){var C;k(n,o,(C=c[b])!=null?C:b)}function V(b){t.onChanged?t.onChanged(b,_):_(b)}e.watch(h,V,{flush:"post",immediate:!0}),U(()=>V(h.value));const w=e.computed({get(){return d?v.value:h.value},set(b){v.value=b}});try{return Object.assign(w,{store:v,system:m,state:h})}catch{return w}}function Ie(t,n,o={}){const{window:l=E,...r}=o;let s;const a=te(()=>l&&"ResizeObserver"in l),u=()=>{s&&(s.disconnect(),s=void 0)},i=e.computed(()=>Array.isArray(t)?t.map(c=>N(c)):[N(t)]),d=e.watch(i,c=>{if(u(),a.value&&l){s=new ResizeObserver(n);for(const p of c)p&&s.observe(p,r)}},{immediate:!0,flush:"post",deep:!0}),f=()=>{u(),d()};return W(f),{isSupported:a,stop:f}}function He(t,n={width:0,height:0},o={}){const{window:l=E,box:r="content-box"}=o,s=e.computed(()=>{var c,p;return(p=(c=N(t))==null?void 0:c.namespaceURI)==null?void 0:p.includes("svg")}),a=e.ref(n.width),u=e.ref(n.height),{stop:i}=Ie(t,([c])=>{const p=r==="border-box"?c.borderBoxSize:r==="content-box"?c.contentBoxSize:c.devicePixelContentBoxSize;if(l&&s.value){const m=N(t);if(m){const v=l.getComputedStyle(m);a.value=Number.parseFloat(v.width),u.value=Number.parseFloat(v.height)}}else if(p){const m=Array.isArray(p)?p:[p];a.value=m.reduce((v,{inlineSize:h})=>v+h,0),u.value=m.reduce((v,{blockSize:h})=>v+h,0)}else a.value=c.contentRect.width,u.value=c.contentRect.height},o);U(()=>{const c=N(t);c&&(a.value="offsetWidth"in c?c.offsetWidth:n.width,u.value="offsetHeight"in c?c.offsetHeight:n.height)});const d=e.watch(()=>N(t),c=>{a.value=c?n.width:0,u.value=c?n.height:0});function f(){i(),d()}return{width:a,height:u,stop:f}}function j(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function ne(t){const n=window.getComputedStyle(t);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&t.clientWidth<t.scrollWidth||n.overflowY==="auto"&&t.clientHeight<t.scrollHeight)return!0;{const o=t.parentNode;return!o||o.tagName==="BODY"?!1:ne(o)}}function Je(t){const n=t||window.event,o=n.target;return ne(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const A=new WeakMap;function Ue(t,n=!1){const o=e.ref(n);let l=null,r;e.watch(Z(t),u=>{const i=j(B(u));if(i){const d=i;A.get(d)||A.set(d,r),o.value&&(d.style.overflow="hidden")}},{immediate:!0});const s=()=>{const u=j(B(t));!u||o.value||(q&&(l=L(u,"touchmove",i=>{Je(i)},{passive:!1})),u.style.overflow="hidden",o.value=!0)},a=()=>{var u;const i=j(B(t));!i||!o.value||(q&&(l==null||l()),i.style.overflow=(u=A.get(i))!=null?u:"",A.delete(i),o.value=!1)};return W(a),e.computed({get(){return o.value},set(u){u?s():a()}})}function T(t,n,o,l={}){var r,s,a;const{clone:u=!1,passive:i=!1,eventName:d,deep:f=!1,defaultValue:c,shouldEmit:p}=l,m=e.getCurrentInstance(),v=o||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((a=(s=m==null?void 0:m.proxy)==null?void 0:s.$emit)==null?void 0:a.bind(m==null?void 0:m.proxy));let h=d;n||(n="modelValue"),h=h||`update:${n.toString()}`;const k=w=>u?typeof u=="function"?u(w):Me(w):w,_=()=>ye(t[n])?k(t[n]):c,V=w=>{p?p(w)&&v(h,w):v(h,w)};if(i){const w=_(),b=e.ref(w);let C=!1;return e.watch(()=>t[n],S=>{C||(C=!0,b.value=k(S),e.nextTick(()=>C=!1))}),e.watch(b,S=>{!C&&(S!==t[n]||f)&&V(S)},{deep:f}),b}else return e.computed({get(){return _()},set(w){V(w)}})}const Ge={class:"$ui-dark-toggle-vtr"},qe=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(t){const n=t,o=T(n,"isDark"),l=je({initialValue:o.value?"dark":"light",onChanged:i=>{o.value=i==="dark"}}),r=e.computed({get:()=>l.value==="dark",set:i=>l.value=i?"dark":"light"}),s=document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function a(i){if(!s||!i||!n.animation){r.value=!r.value;return}const d=i.clientX,f=i.clientY,c=Math.hypot(Math.max(d,innerWidth-d),Math.max(f,innerHeight-f));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const m=[`circle(0px at ${d}px ${f}px)`,`circle(${c}px at ${d}px ${f}px)`];document.documentElement.animate({clipPath:r.value?[...m].reverse():m},{duration:n.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}const u={mode:l,isDark:r,toggle:a};return(i,d)=>(e.openBlock(),e.createElementBlock("span",Ge,[e.renderSlot(i.$slots,"default",e.normalizeProps(e.guardReactiveProps(u)))]))}}),Ke={},Ye={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Xe(t,n){return e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(t.$slots,"default")])}const Qe=H(Ke,[["render",Xe]]),G=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[n.dim?"bg-opacity-50!":"bg-opacity-0!",n.blur?"backdrop-blur-sm":""]])},[e.renderSlot(n.$slots,"default")],2))}}),Ze={class:"h7.5 w-full $ui-fbc"},et={class:"text-4.5"},tt=e.createElementVNode("div",{class:"i-carbon-close"},null,-1),ot=[tt],nt={class:"content transition-all transition-duration-300"},rt={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},at={class:"$ui-fcc"},re=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}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=T(o,"modelValue",n,{passive:!0}),s=Ue(()=>window.document.documentElement);e.watchEffect(()=>{r.value?s.value=!0:s.value=!1});function a(){r.value&&o.autoClose&&(r.value=!1)}ee("Escape",()=>{a()});const u=e.ref(!1);return e.onMounted(()=>u.value=!0),(i,d)=>u.value||i.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:i.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(G,{key:0,dim:i.dim,blur:i.blur},{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",Ze,[e.createElementVNode("div",et,[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),i.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:a},ot)):e.createCommentVNode("",!0)]),e.createElementVNode("div",nt,[e.renderSlot(i.$slots,"default")]),e.createElementVNode("div",rt,[e.renderSlot(i.$slots,"footer",{},()=>[e.renderSlot(i.$slots,"footer",{},()=>[e.createElementVNode("div",at,[e.createVNode(D,{type:"primary",onClick:a},{default:e.withCtx(()=>[e.createTextVNode(" close ")]),_:1})])])])])],4)]),_:3},8,["dim","blur"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),lt=["type","placeholder","disabled"],it={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"},I="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",ae=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},password:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0}},emits:["update:modelValue","updateFocused","keyTab"],setup(t,{emit:n}){const o=t,l=n,r=T(o,"modelValue",l),s=_e(e.computed(()=>o.loading),o.loadingDebounceTime),a=Ne(!1,{onChanged(c){l("updateFocused",c)}}),u=e.computed(()=>o.variant==="flat"||o.variant==="warning"),i=e.computed(()=>o.disabled||s.value),d=e.ref();let f=!1;return e.watchEffect(()=>{s.value&&a.value?f=!0:!s.value&&f&&(f=!1,e.nextTick(()=>{a.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(a.value=!0)}),e.watchEffect(()=>{var c;a.value&&((c=d.value)==null||c.focus())}),(c,p)=>(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":c.variant==="flat","cursor-not-allowed opacity-50":i.value,accent:c.variant==="accent",focused:e.unref(a)},[c.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:p[2]||(p[2]=()=>{a.value=!0})},[c.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(I)},[e.createVNode(R,{icon:c.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:d,"onUpdate:modelValue":p[0]||(p[0]=m=>e.isRef(r)?r.value=m:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:o.password?"password":"text",placeholder:c.placeholder,disabled:i.value,onBlur:p[1]||(p[1]=m=>a.value=!1)},null,40,lt),[[e.vModelDynamic,e.unref(r)]]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(I)},[e.createVNode(J)])):c.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(I)},[e.createVNode(R,{icon:c.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",it))],2))}}),st={class:"$ui-base"},ut=e.defineComponent({__name:"FormField",props:{modelValue:{},status:{default:"normal"},showMessage:{type:Boolean,default:!0},message:{default:""},placeholder:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=T(o,"modelValue",n),s=e.ref(!1),a=e.computed(()=>o.message&&o.message.length&&o.showMessage),u={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"},i={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,f)=>(e.openBlock(),e.createElementBlock("div",st,[e.createVNode(ae,{modelValue:e.unref(r),"onUpdate:modelValue":f[0]||(f[0]=c=>e.isRef(r)?r.value=c:null),placeholder:d.placeholder,onUpdateFocused:f[1]||(f[1]=c=>s.value=c)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[u[d.status],{"opacity-65":!s.value}]])},[d.status!=="normal"&&a.value?(e.openBlock(),e.createBlock(R,{key:0,inline:"",icon:i[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(a.value?d.message:""),1)],2)]))}}),ct={class:"overflow-hidden rounded-lg shadow-lg"},dt=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1),le=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(t){const n=t;return e.provide("$ui-dropdown-disabled",e.computed(()=>n.disabled)),(o,l)=>(e.openBlock(),e.createBlock(e.unref(O.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":l[0]||(l[0]=r=>o.$emit("update:visible",r)),onClick:l[1]||(l[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",ct,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[dt])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(D,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"]))}}),ft=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(t){const n=t,o=e.inject("$ui-dropdown-disabled",void 0);return(l,r)=>e.withDirectives((e.openBlock(),e.createBlock(D,e.mergeProps({...n,round:!1},{disabled:e.unref(o),class:"w-full justify-start transition-colors not-action:bg-transparent!"}),{icon:e.withCtx(()=>[e.renderSlot(l.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(O.VClosePopper)]])}}),pt={class:"$ui-fec gap2.5"},mt=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(t,{emit:n}){const o=t,l=n,r=T(o,"modelValue",l);e.watchEffect(()=>{r.value||l("close")});function s(a=!1){(o.autoClose||a)&&(r.value=!1)}return(a,u)=>(e.openBlock(),e.createBlock(re,{modelValue:e.unref(r),"onUpdate:modelValue":u[2]||(u[2]=i=>e.isRef(r)?r.value=i:null),width:a.width,height:a.height,title:a.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",pt,[e.createVNode(D,{onClick:u[0]||(u[0]=()=>{l("cancel"),s(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.cancelText),1)]),_:1}),e.createVNode(D,{loading:a.loading,type:"primary",onClick:u[1]||(u[1]=()=>{l("confirm"),s()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(a.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),gt={class:"m1 min-w-35 w-auto flex flex-col"},vt=["onClick"],ht=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1),bt=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:t=>String(t)},buttonProps:{default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,l=n,r=e.useSlots(),s=e.computed({get:()=>o.modelValue,set:i=>l("update:modelValue",i)}),a=e.computed(()=>{const i=o.options.find(d=>d.value===s.value);return i!=null&&i.label?o.labelRenderer(i.label):o.placeholder});function u(i){o.multiple?s.value=s.value.includes(i.value)?s.value.filter(d=>d!==i.value):[...s.value,i.value]:s.value=i.value}return(i,d)=>(e.openBlock(),e.createBlock(le,e.mergeProps({label:a.value},{buttonProps:i.buttonProps,disabled:i.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",gt,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(i.options,f=>(e.openBlock(),e.createElementBlock("div",{key:f.value,class:"cursor-pointer",onClick:c=>u(f)},[e.renderSlot(i.$slots,"item",e.normalizeProps(e.guardReactiveProps({item:f,active:i.multiple?s.value.includes(f.value):f.value===s.value,disabled:i.disabled})))],8,vt))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.options,f=>e.withDirectives((e.openBlock(),e.createBlock(D,{key:f.value,disabled:i.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:i.multiple?s.value.includes(f.value):f.value===s.value}]),onClick:c=>u(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(O.VClosePopper),i.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[ht]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),yt=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const r=T(t,"modelValue",n),s=xe(r);return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[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:u[0]||(u[0]=i=>!a.disabled&&e.unref(s)())},[e.renderSlot(a.$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":!a.disabled},{"opacity-65":a.disabled}]])},null,2)],2)],2))}}),wt=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=T(t,"modelValue",n);return(s,a)=>(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:a[0]||(a[0]=u=>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))}}),kt=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}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,l=n,{height:r}=He(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),s=T(o,"modelValue",l),a={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%"}};ee("Escape",()=>{o.closable&&(s.value=!1)});const u=e.computed(()=>a[o.placement]),i=e.ref(!1);return e.onMounted(()=>i.value=!0),(d,f)=>i.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${u.value.transition}`,"leave-to-class":`${u.value.transition}`},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(G,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,onClick:f[2]||(f[2]=c=>d.closeOutside&&d.closable&&(s.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[u.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:f[1]||(f[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:f[0]||(f[0]=c=>s.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"Notification",props:{message:{},type:{default:"info"},classes:{},duration:{default:3e3},placement:{default:"top-center"},onClose:{}},setup(t){const n=t,o={success:"i-carbon-checkmark",info:"i-material-symbols-light-info",warning:"i-carbon-warning",error:"i-carbon-close"},l={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},n.duration)});const s=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":a.placement.startsWith("top")},{"bottom-0":a.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":s.value,"leave-to-class":s.value,onAfterLeave:u[0]||(u[0]=()=>{var i;r.value||(i=a.onClose)==null||i.call(a)})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:a.placement.includes("right")?"right":a.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",[a.classes,l[a.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[a.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(a.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}}),Ct=e.defineComponent({__name:"Tooltip",props:{trigger:{},distance:{},skidding:{},placement:{},disabled:{type:Boolean},shown:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.unref(O.Tooltip),e.mergeProps({disabled:n.disabled,placement:n.placement},n.$attrs),{popper:e.withCtx(()=>[e.renderSlot(n.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["disabled","placement"]))}});function Bt(t){const n=document.createElement("div");n.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(n);const o=t.onClose;function l(){e.render(null,n)}t.onClose=()=>{l(),o==null||o(),document.body.removeChild(n)};const r=e.h(ie,t);e.render(r,n)}Object.defineProperty(exports,"VTooltip",{enumerable:!0,get:()=>O.VTooltip});exports.VueBadge=he;exports.VueButton=D;exports.VueCard=Qe;exports.VueCheckbox=wt;exports.VueConfirm=mt;exports.VueDarkToggle=qe;exports.VueDialog=re;exports.VueDrawer=kt;exports.VueDropdown=le;exports.VueDropdownButton=ft;exports.VueFormField=ut;exports.VueIcon=R;exports.VueInput=ae;exports.VueLoadingIndicator=J;exports.VueNotification=ie;exports.VueOverlay=G;exports.VueSelect=bt;exports.VueSwitch=yt;exports.VueTooltip=Ct;exports.showVueNotification=Bt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("floating-vue"),e=require("vue");const H=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},se={},ue={class:"h-3 w-3 $ui-inline-fcc"},ce=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),de=[ce];function fe(t,n){return e.openBlock(),e.createElementBlock("div",ue,de)}const J=H(se,[["render",fe]]),pe={key:2},D=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(t,{emit:n}){const o=t,l=n,r=e.useAttrs(),s=e.computed(()=>r.to?"router-link":r.href?"a":"button"),a=e.computed(()=>o.loading||o.disabled);function u(c){if(a.value){c.preventDefault(),c.stopPropagation(),c.stopImmediatePropagation();return}l("click",c)}const i={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(),f=e.computed(()=>o.flat?i.flat[o.type]:o.outlined?i.outlined[o.type]:i.normal[o.type]);return(c,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps(c.$attrs,{role:"button","aria-disabled":a.value,class:["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition",[[i.common[o.type]],{"rounded-full":o.round==="full","$ui-base-br":o.round==="normal","opacity-50 cursor-not-allowed":a.value,"bg-transparent":o.flat||o.outlined},[c.outlined?"b-1 $ui-border-base active:ring-3 shadow-sm":"border-none",c.size==="mini"?"px1 text-3 h5.5":"px3.5 text-3.5 h8",f.value]]],onClickCapture:u}),{default:e.withCtx(()=>[c.loading?(e.openBlock(),e.createBlock(J,{key:0,class:"mt0.5 h-full w3"})):e.renderSlot(c.$slots,"icon",{key:1,class:"h-full w3 $ui-inline-fcc"}),e.unref(d).default?(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),me={},ge={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function ve(t,n){return e.openBlock(),e.createElementBlock("span",ge,[e.renderSlot(t.$slots,"default")])}const he=H(me,[["render",ve]]),R=e.defineComponent({__name:"Icon",props:{icon:{},inline:{type:Boolean},action:{type:Boolean,default:!1}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.inline?"span":"div"),{class:e.normalizeClass(["$ui-base",[n.icon,n.action?"cursor-pointer hover:op50":""]])},null,8,["class"]))}});function W(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function be(t,n,{enumerable:o=!1,unwrap:l=!0}={}){for(const[r,s]of Object.entries(n))r!=="value"&&(e.isRef(s)&&l?Object.defineProperty(t,r,{get(){return s.value},set(a){s.value=a},enumerable:o}):Object.defineProperty(t,r,{value:s,enumerable:o}));return t}function B(t){return typeof t=="function"?t():e.unref(t)}const Y=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ye=t=>typeof t<"u",we=Object.prototype.toString,ke=t=>we.call(t)==="[object Object]",F=()=>{},q=Ce();function Ce(){var t,n;return Y&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function X(t,n){function o(...l){return new Promise((r,s)=>{Promise.resolve(t(()=>n.apply(this,l),{fn:n,thisArg:this,args:l})).then(r).catch(s)})}return o}const Q=t=>t();function Be(t,n={}){let o,l,r=F;const s=u=>{clearTimeout(u),r(),r=F};return u=>{const i=B(t),d=B(n.maxWait);return o&&s(o),i<=0||d!==void 0&&d<=0?(l&&(s(l),l=null),Promise.resolve(u())):new Promise((f,c)=>{r=n.rejectOnCancel?c:f,d&&!l&&(l=setTimeout(()=>{o&&s(o),l=null,f(u())},d)),o=setTimeout(()=>{l&&s(l),l=null,f(u())},i)})}}function Ve(t=Q){const n=e.ref(!0);function o(){n.value=!1}function l(){n.value=!0}const r=(...s)=>{n.value&&t(...s)};return{isActive:e.readonly(n),pause:o,resume:l,eventFilter:r}}function $e(t){return t||e.getCurrentInstance()}function Z(...t){if(t.length!==1)return e.toRef(...t);const n=t[0];return typeof n=="function"?e.readonly(e.customRef(()=>({get:n,set:F}))):e.ref(n)}function Se(t,n=200,o={}){return X(Be(n,o),t)}function _e(t,n=200,o={}){const l=e.ref(t.value),r=Se(()=>{l.value=t.value},n,o);return e.watch(t,()=>r()),l}function Ne(t,n={}){let o=t,l,r;const s=e.customRef((p,m)=>(l=p,r=m,{get(){return a()},set(v){u(v)}}));function a(p=!0){return p&&l(),o}function u(p,m=!0){var v,h;if(p===o)return;const k=o;((v=n.onBeforeChange)==null?void 0:v.call(n,p,k))!==!1&&(o=p,(h=n.onChanged)==null||h.call(n,p,k),m&&r())}return be(s,{get:a,set:u,untrackedGet:()=>a(!1),silentSet:p=>u(p,!1),peek:()=>a(!1),lay:p=>u(p,!1)},{enumerable:!0})}function Ee(t,n,o={}){const{eventFilter:l=Q,...r}=o;return e.watch(t,X(l,n),r)}function Te(t,n,o={}){const{eventFilter:l,...r}=o,{eventFilter:s,pause:a,resume:u,isActive:i}=Ve(l);return{stop:Ee(t,n,{...r,eventFilter:s}),pause:a,resume:u,isActive:i}}function U(t,n=!0,o){$e()?e.onMounted(t,o):n?t():e.nextTick(t)}function xe(t=!1,n={}){const{truthyValue:o=!0,falsyValue:l=!1}=n,r=e.isRef(t),s=e.ref(t);function a(u){if(arguments.length)return s.value=u,s.value;{const i=B(o);return s.value=s.value===i?B(l):i,s.value}}return r?a:[s,a]}function N(t){var n;const o=B(t);return(n=o==null?void 0:o.$el)!=null?n:o}const E=Y?window:void 0;function L(...t){let n,o,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,r]=t,n=E):[n,o,l,r]=t,!n)return F;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const s=[],a=()=>{s.forEach(f=>f()),s.length=0},u=(f,c,p,m)=>(f.addEventListener(c,p,m),()=>f.removeEventListener(c,p,m)),i=e.watch(()=>[N(n),B(r)],([f,c])=>{if(a(),!f)return;const p=ke(c)?{...c}:c;s.push(...o.flatMap(m=>l.map(v=>u(f,m,v,p))))},{immediate:!0,flush:"post"}),d=()=>{i(),a()};return W(d),d}function De(t){return typeof t=="function"?t:typeof t=="string"?n=>n.key===t:Array.isArray(t)?n=>t.includes(n.key):()=>!0}function ee(...t){let n,o,l={};t.length===3?(n=t[0],o=t[1],l=t[2]):t.length===2?typeof t[1]=="object"?(n=!0,o=t[0],l=t[1]):(n=t[0],o=t[1]):(n=!0,o=t[0]);const{target:r=E,eventName:s="keydown",passive:a=!1,dedupe:u=!1}=l,i=De(n);return L(r,s,f=>{f.repeat&&B(u)||i(f)&&o(f)},a)}function ze(){const t=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{t.value=!0}),t}function te(t){const n=ze();return e.computed(()=>(n.value,!!t()))}function Oe(t,n={}){const{window:o=E}=n,l=te(()=>o&&"matchMedia"in o&&typeof o.matchMedia=="function");let r;const s=e.ref(!1),a=d=>{s.value=d.matches},u=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",a):r.removeListener(a))},i=e.watchEffect(()=>{l.value&&(u(),r=o.matchMedia(B(t)),"addEventListener"in r?r.addEventListener("change",a):r.addListener(a),s.value=r.matches)});return W(()=>{i(),u(),r=void 0}),s}function Me(t){return JSON.parse(JSON.stringify(t))}const M=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},P="__vueuse_ssr_handlers__",Pe=Ae();function Ae(){return P in M||(M[P]=M[P]||{}),M[P]}function oe(t,n){return Pe[t]||n}function Re(t){return t==null?"any":t instanceof Set?"set":t instanceof Map?"map":t instanceof Date?"date":typeof t=="boolean"?"boolean":typeof t=="string"?"string":typeof t=="object"?"object":Number.isNaN(t)?"any":"number"}const Fe={boolean:{read:t=>t==="true",write:t=>String(t)},object:{read:t=>JSON.parse(t),write:t=>JSON.stringify(t)},number:{read:t=>Number.parseFloat(t),write:t=>String(t)},any:{read:t=>t,write:t=>String(t)},string:{read:t=>t,write:t=>String(t)},map:{read:t=>new Map(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t.entries()))},set:{read:t=>new Set(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t))},date:{read:t=>new Date(t),write:t=>t.toISOString()}},K="vueuse-storage";function Le(t,n,o,l={}){var r;const{flush:s="pre",deep:a=!0,listenToStorageChanges:u=!0,writeDefaults:i=!0,mergeDefaults:d=!1,shallow:f,window:c=E,eventFilter:p,onError:m=g=>{console.error(g)},initOnMounted:v}=l,h=(f?e.shallowRef:e.ref)(typeof n=="function"?n():n);if(!o)try{o=oe("getDefaultStorage",()=>{var g;return(g=E)==null?void 0:g.localStorage})()}catch(g){m(g)}if(!o)return h;const k=B(n),_=Re(k),V=(r=l.serializer)!=null?r:Fe[_],{pause:w,resume:b}=Te(h,()=>C(h.value),{flush:s,deep:a,eventFilter:p});return c&&u&&U(()=>{L(c,"storage",$),L(c,K,z),v&&$()}),v||$(),h;function C(g){try{if(g==null)o.removeItem(t);else{const y=V.write(g),x=o.getItem(t);x!==y&&(o.setItem(t,y),c&&c.dispatchEvent(new CustomEvent(K,{detail:{key:t,oldValue:x,newValue:y,storageArea:o}})))}}catch(y){m(y)}}function S(g){const y=g?g.newValue:o.getItem(t);if(y==null)return i&&k!=null&&o.setItem(t,V.write(k)),k;if(!g&&d){const x=V.read(y);return typeof d=="function"?d(x,k):_==="object"&&!Array.isArray(x)?{...k,...x}:x}else return typeof y!="string"?y:V.read(y)}function z(g){$(g.detail)}function $(g){if(!(g&&g.storageArea!==o)){if(g&&g.key==null){h.value=k;return}if(!(g&&g.key!==t)){w();try{(g==null?void 0:g.newValue)!==V.write(h.value)&&(h.value=S(g))}catch(y){m(y)}finally{g?e.nextTick(b):b()}}}}}function We(t){return Oe("(prefers-color-scheme: dark)",t)}function je(t={}){const{selector:n="html",attribute:o="class",initialValue:l="auto",window:r=E,storage:s,storageKey:a="vueuse-color-scheme",listenToStorageChanges:u=!0,storageRef:i,emitAuto:d,disableTransition:f=!0}=t,c={auto:"",light:"light",dark:"dark",...t.modes||{}},p=We({window:r}),m=e.computed(()=>p.value?"dark":"light"),v=i||(a==null?Z(l):Le(a,l,s,{window:r,listenToStorageChanges:u})),h=e.computed(()=>v.value==="auto"?m.value:v.value),k=oe("updateHTMLAttrs",(b,C,S)=>{const z=typeof b=="string"?r==null?void 0:r.document.querySelector(b):N(b);if(!z)return;let $;if(f){$=r.document.createElement("style");const g="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";$.appendChild(document.createTextNode(g)),r.document.head.appendChild($)}if(C==="class"){const g=S.split(/\s/g);Object.values(c).flatMap(y=>(y||"").split(/\s/g)).filter(Boolean).forEach(y=>{g.includes(y)?z.classList.add(y):z.classList.remove(y)})}else z.setAttribute(C,S);f&&(r.getComputedStyle($).opacity,document.head.removeChild($))});function _(b){var C;k(n,o,(C=c[b])!=null?C:b)}function V(b){t.onChanged?t.onChanged(b,_):_(b)}e.watch(h,V,{flush:"post",immediate:!0}),U(()=>V(h.value));const w=e.computed({get(){return d?v.value:h.value},set(b){v.value=b}});try{return Object.assign(w,{store:v,system:m,state:h})}catch{return w}}function Ie(t,n,o={}){const{window:l=E,...r}=o;let s;const a=te(()=>l&&"ResizeObserver"in l),u=()=>{s&&(s.disconnect(),s=void 0)},i=e.computed(()=>Array.isArray(t)?t.map(c=>N(c)):[N(t)]),d=e.watch(i,c=>{if(u(),a.value&&l){s=new ResizeObserver(n);for(const p of c)p&&s.observe(p,r)}},{immediate:!0,flush:"post",deep:!0}),f=()=>{u(),d()};return W(f),{isSupported:a,stop:f}}function He(t,n={width:0,height:0},o={}){const{window:l=E,box:r="content-box"}=o,s=e.computed(()=>{var c,p;return(p=(c=N(t))==null?void 0:c.namespaceURI)==null?void 0:p.includes("svg")}),a=e.ref(n.width),u=e.ref(n.height),{stop:i}=Ie(t,([c])=>{const p=r==="border-box"?c.borderBoxSize:r==="content-box"?c.contentBoxSize:c.devicePixelContentBoxSize;if(l&&s.value){const m=N(t);if(m){const v=l.getComputedStyle(m);a.value=Number.parseFloat(v.width),u.value=Number.parseFloat(v.height)}}else if(p){const m=Array.isArray(p)?p:[p];a.value=m.reduce((v,{inlineSize:h})=>v+h,0),u.value=m.reduce((v,{blockSize:h})=>v+h,0)}else a.value=c.contentRect.width,u.value=c.contentRect.height},o);U(()=>{const c=N(t);c&&(a.value="offsetWidth"in c?c.offsetWidth:n.width,u.value="offsetHeight"in c?c.offsetHeight:n.height)});const d=e.watch(()=>N(t),c=>{a.value=c?n.width:0,u.value=c?n.height:0});function f(){i(),d()}return{width:a,height:u,stop:f}}function j(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function ne(t){const n=window.getComputedStyle(t);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&t.clientWidth<t.scrollWidth||n.overflowY==="auto"&&t.clientHeight<t.scrollHeight)return!0;{const o=t.parentNode;return!o||o.tagName==="BODY"?!1:ne(o)}}function Je(t){const n=t||window.event,o=n.target;return ne(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const A=new WeakMap;function Ue(t,n=!1){const o=e.ref(n);let l=null,r;e.watch(Z(t),u=>{const i=j(B(u));if(i){const d=i;A.get(d)||A.set(d,r),o.value&&(d.style.overflow="hidden")}},{immediate:!0});const s=()=>{const u=j(B(t));!u||o.value||(q&&(l=L(u,"touchmove",i=>{Je(i)},{passive:!1})),u.style.overflow="hidden",o.value=!0)},a=()=>{var u;const i=j(B(t));!i||!o.value||(q&&(l==null||l()),i.style.overflow=(u=A.get(i))!=null?u:"",A.delete(i),o.value=!1)};return W(a),e.computed({get(){return o.value},set(u){u?s():a()}})}function T(t,n,o,l={}){var r,s,a;const{clone:u=!1,passive:i=!1,eventName:d,deep:f=!1,defaultValue:c,shouldEmit:p}=l,m=e.getCurrentInstance(),v=o||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((a=(s=m==null?void 0:m.proxy)==null?void 0:s.$emit)==null?void 0:a.bind(m==null?void 0:m.proxy));let h=d;n||(n="modelValue"),h=h||`update:${n.toString()}`;const k=w=>u?typeof u=="function"?u(w):Me(w):w,_=()=>ye(t[n])?k(t[n]):c,V=w=>{p?p(w)&&v(h,w):v(h,w)};if(i){const w=_(),b=e.ref(w);let C=!1;return e.watch(()=>t[n],S=>{C||(C=!0,b.value=k(S),e.nextTick(()=>C=!1))}),e.watch(b,S=>{!C&&(S!==t[n]||f)&&V(S)},{deep:f}),b}else return e.computed({get(){return _()},set(w){V(w)}})}const Ge={class:"$ui-dark-toggle-vtr"},qe=e.defineComponent({__name:"DarkToggle",props:{isDark:{type:Boolean,default:!1},animation:{type:Boolean,default:!0},animationDuration:{default:400}},setup(t){const n=t,o=T(n,"isDark"),l=je({initialValue:o.value?"dark":"light",onChanged:u=>{o.value=u==="dark"}}),r=e.computed({get:()=>l.value==="dark",set:u=>l.value=u?"dark":"light"}),s=document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function a(u){if(!s||!u||!n.animation){r.value=!r.value;return}const i=u.clientX,d=u.clientY,f=Math.hypot(Math.max(i,innerWidth-i),Math.max(d,innerHeight-d));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const p=[`circle(0px at ${i}px ${d}px)`,`circle(${f}px at ${i}px ${d}px)`];document.documentElement.animate({clipPath:r.value?[...p].reverse():p},{duration:n.animationDuration,easing:"ease-in",pseudoElement:r.value?"::view-transition-old(root)":"::view-transition-new(root)"})})}return(u,i)=>(e.openBlock(),e.createElementBlock("span",Ge,[e.renderSlot(u.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(l),isDark:r.value,toggle:a})))]))}}),Ke={},Ye={class:"$ui-base border $ui-border-base rounded shadow-sm"};function Xe(t,n){return e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(t.$slots,"default")])}const Qe=H(Ke,[["render",Xe]]),G=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[n.dim?"bg-opacity-50!":"bg-opacity-0!",n.blur?"backdrop-blur-sm":""]])},[e.renderSlot(n.$slots,"default")],2))}}),Ze={class:"h7.5 w-full $ui-fbc"},et={class:"text-4.5"},tt=e.createElementVNode("div",{class:"i-carbon-close"},null,-1),ot=[tt],nt={class:"content transition-all transition-duration-300"},rt={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},at={class:"$ui-fcc"},re=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}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=T(o,"modelValue",n,{passive:!0}),s=Ue(()=>window.document.documentElement);e.watchEffect(()=>{r.value?s.value=!0:s.value=!1});function a(){r.value&&o.autoClose&&(r.value=!1)}ee("Escape",()=>{a()});const u=e.ref(!1);return e.onMounted(()=>u.value=!0),(i,d)=>u.value||i.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:i.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(G,{key:0,dim:i.dim,blur:i.blur},{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",Ze,[e.createElementVNode("div",et,[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),i.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:a},ot)):e.createCommentVNode("",!0)]),e.createElementVNode("div",nt,[e.renderSlot(i.$slots,"default")]),e.createElementVNode("div",rt,[e.renderSlot(i.$slots,"footer",{},()=>[e.renderSlot(i.$slots,"footer",{},()=>[e.createElementVNode("div",at,[e.createVNode(D,{type:"primary",onClick:a},{default:e.withCtx(()=>[e.createTextVNode(" close ")]),_:1})])])])])],4)]),_:3},8,["dim","blur"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),lt=["type","placeholder","disabled"],it={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"},I="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",ae=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},password:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1}},emits:["update:modelValue","updateFocused","keyTab"],setup(t,{emit:n}){const o=t,l=n,r=T(o,"modelValue",l),s=_e(e.computed(()=>o.loading),o.loadingDebounceTime),a=Ne(!1,{onChanged(c){l("updateFocused",c)}}),u=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),i=e.computed(()=>o.disabled||s.value),d=e.ref();let f=!1;return e.watchEffect(()=>{s.value&&a.value?f=!0:!s.value&&f&&(f=!1,e.nextTick(()=>{a.value=!0}))}),e.onMounted(()=>{o.autoFocus&&(a.value=!0)}),e.watchEffect(()=>{var c;a.value&&((c=d.value)==null||c.focus())}),(c,p)=>(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":c.variant==="flat","cursor-not-allowed opacity-50":i.value,accent:c.variant==="accent",focused:e.unref(a)},[c.variant==="warning"?"border-warning-500 dark:border-warning-300":"border-primary-100 dark:border-gray-700"]]]),onClick:p[2]||(p[2]=()=>{a.value=!0})},[c.leftIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(I)},[e.createVNode(R,{icon:c.leftIcon},null,8,["icon"])])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:d,"onUpdate:modelValue":p[0]||(p[0]=m=>e.isRef(r)?r.value=m:null),class:"$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",type:o.password?"password":"text",placeholder:c.placeholder,disabled:i.value||c.readonly,onBlur:p[1]||(p[1]=m=>a.value=!1)},null,40,lt),[[e.vModelDynamic,e.unref(r)]]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(I)},[e.createVNode(J)])):c.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(I)},[e.createVNode(R,{icon:c.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",it))],2))}}),st={class:"$ui-base"},ut=e.defineComponent({__name:"FormField",props:{modelValue:{},status:{default:"normal"},showMessage:{type:Boolean,default:!0},message:{default:""},placeholder:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,r=T(o,"modelValue",n),s=e.ref(!1),a=e.computed(()=>o.message&&o.message.length&&o.showMessage),u={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"},i={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,f)=>(e.openBlock(),e.createElementBlock("div",st,[e.createVNode(ae,{modelValue:e.unref(r),"onUpdate:modelValue":f[0]||(f[0]=c=>e.isRef(r)?r.value=c:null),placeholder:d.placeholder,onUpdateFocused:f[1]||(f[1]=c=>s.value=c)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[u[d.status],{"opacity-65":!s.value}]])},[d.status!=="normal"&&a.value?(e.openBlock(),e.createBlock(R,{key:0,inline:"",icon:i[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(a.value?d.message:""),1)],2)]))}}),ct={class:"overflow-hidden rounded-lg shadow-lg"},dt=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1),le=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(t){const n=t;return e.provide("$ui-dropdown-disabled",e.computed(()=>n.disabled)),(o,l)=>(e.openBlock(),e.createBlock(e.unref(O.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":l[0]||(l[0]=r=>o.$emit("update:visible",r)),onClick:l[1]||(l[1]=r=>{r.stopPropagation()})},{popper:e.withCtx(({hide:r})=>[e.createElementVNode("div",ct,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[dt])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(D,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"]))}}),ft=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(t){const n=t,o=e.inject("$ui-dropdown-disabled",void 0);return(l,r)=>e.withDirectives((e.openBlock(),e.createBlock(D,e.mergeProps({...n,round:!1},{disabled:e.unref(o),class:"w-full justify-start transition-colors not-action:bg-transparent!"}),{icon:e.withCtx(()=>[e.renderSlot(l.$slots,"icon")]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["disabled"])),[[e.unref(O.VClosePopper)]])}}),pt={class:"$ui-fec gap2.5"},mt=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(t,{emit:n}){const o=t,l=n,r=T(o,"modelValue",l);e.watchEffect(()=>{r.value||l("close")});function s(a=!1){(o.autoClose||a)&&(r.value=!1)}return(a,u)=>(e.openBlock(),e.createBlock(re,{modelValue:e.unref(r),"onUpdate:modelValue":u[2]||(u[2]=i=>e.isRef(r)?r.value=i:null),width:a.width,height:a.height,title:a.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",pt,[e.createVNode(D,{onClick:u[0]||(u[0]=()=>{l("cancel"),s(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.cancelText),1)]),_:1}),e.createVNode(D,{loading:a.loading,type:"primary",onClick:u[1]||(u[1]=()=>{l("confirm"),s()})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.confirmText),1)]),_:1},8,["loading"])])]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{class:"h-auto w-auto"},()=>[e.createTextVNode(e.toDisplayString(a.content),1)])]),_:3},8,["modelValue","width","height","title"]))}}),gt={class:"m1 min-w-35 w-auto flex flex-col"},vt=["onClick"],ht=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1),bt=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:t=>String(t)},buttonProps:{default:()=>({})}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,l=n,r=e.useSlots(),s=e.computed({get:()=>o.modelValue,set:i=>l("update:modelValue",i)}),a=e.computed(()=>{const i=o.options.find(d=>d.value===s.value);return i!=null&&i.label?o.labelRenderer(i.label):o.placeholder});function u(i){o.multiple?s.value=s.value.includes(i.value)?s.value.filter(d=>d!==i.value):[...s.value,i.value]:s.value=i.value}return(i,d)=>(e.openBlock(),e.createBlock(le,e.mergeProps({label:a.value},{buttonProps:i.buttonProps,disabled:i.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",gt,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(i.options,f=>(e.openBlock(),e.createElementBlock("div",{key:f.value,class:"cursor-pointer",onClick:c=>u(f)},[e.renderSlot(i.$slots,"item",e.normalizeProps(e.guardReactiveProps({item:f,active:i.multiple?s.value.includes(f.value):f.value===s.value,disabled:i.disabled})))],8,vt))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.options,f=>e.withDirectives((e.openBlock(),e.createBlock(D,{key:f.value,disabled:i.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:i.multiple?s.value.includes(f.value):f.value===s.value}]),onClick:c=>u(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(O.VClosePopper),i.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[ht]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),yt=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const r=T(t,"modelValue",n),s=xe(r);return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[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:u[0]||(u[0]=i=>!a.disabled&&e.unref(s)())},[e.renderSlot(a.$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":!a.disabled},{"opacity-65":a.disabled}]])},null,2)],2)],2))}}),wt=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=T(t,"modelValue",n);return(s,a)=>(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:a[0]||(a[0]=u=>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))}}),kt=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}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,l=n,{height:r}=He(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),s=T(o,"modelValue",l),a={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%"}};ee("Escape",()=>{o.closable&&(s.value=!1)});const u=e.computed(()=>a[o.placement]),i=e.ref(!1);return e.onMounted(()=>i.value=!0),(d,f)=>i.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${u.value.transition}`,"leave-to-class":`${u.value.transition}`},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createBlock(G,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,onClick:f[2]||(f[2]=c=>d.closeOutside&&d.closable&&(s.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[u.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:f[1]||(f[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:f[0]||(f[0]=c=>s.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"Notification",props:{message:{},type:{default:"info"},classes:{},duration:{default:3e3},placement:{default:"top-center"},onClose:{}},setup(t){const n=t,o={success:"i-carbon-checkmark",info:"i-material-symbols-light-info",warning:"i-carbon-warning",error:"i-carbon-close"},l={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},n.duration)});const s=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fixed left-0 right-0 $ui-z-max-override text-center",[{"top-0":a.placement.startsWith("top")},{"bottom-0":a.placement.startsWith("bottom")}]])},[e.createVNode(e.Transition,{"enter-from-class":s.value,"leave-to-class":s.value,onAfterLeave:u[0]||(u[0]=()=>{var i;r.value||(i=a.onClose)==null||i.call(a)})},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex transition-all duration-300",style:e.normalizeStyle({justifyContent:a.placement.includes("right")?"right":a.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",[a.classes,l[a.type]]])},[e.createElementVNode("div",{class:e.normalizeClass(o[a.type])},null,2),e.createElementVNode("div",null,e.toDisplayString(a.message),1)],2)],4)):e.createCommentVNode("",!0)]),_:1},8,["enter-from-class","leave-to-class"])],2))}}),Ct=e.defineComponent({__name:"Tooltip",props:{trigger:{},distance:{},skidding:{},placement:{},disabled:{type:Boolean},shown:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.unref(O.Tooltip),e.mergeProps({disabled:n.disabled,placement:n.placement},n.$attrs),{popper:e.withCtx(()=>[e.renderSlot(n.$slots,"popper")]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["disabled","placement"]))}});function Bt(t){const n=document.createElement("div");n.classList.add("$ui-z-max-override","fixed"),document.body.appendChild(n);const o=t.onClose;function l(){e.render(null,n)}t.onClose=()=>{l(),o==null||o(),document.body.removeChild(n)};const r=e.h(ie,t);e.render(r,n)}Object.defineProperty(exports,"VTooltip",{enumerable:!0,get:()=>O.VTooltip});exports.VueBadge=he;exports.VueButton=D;exports.VueCard=Qe;exports.VueCheckbox=wt;exports.VueConfirm=mt;exports.VueDarkToggle=qe;exports.VueDialog=re;exports.VueDrawer=kt;exports.VueDropdown=le;exports.VueDropdownButton=ft;exports.VueFormField=ut;exports.VueIcon=R;exports.VueInput=ae;exports.VueLoadingIndicator=J;exports.VueNotification=ie;exports.VueOverlay=G;exports.VueSelect=bt;exports.VueSwitch=yt;exports.VueTooltip=Ct;exports.showVueNotification=Bt;

package/dist/index.js

@@ -2,7 +2,7 @@
 
 import { Dropdown as Re, VClosePopper as $e, Tooltip as We } from "floating-vue";
 import { VTooltip as $o } from "floating-vue";
-import { openBlock as m, createElementBlock as $, createElementVNode as b, defineComponent as D, useAttrs as ze, computed as _, useSlots as _e, createBlock as M, resolveDynamicComponent as Ce, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as E, normalizeClass as S, ref as T, watch as R, customRef as Ve, isRef as Q, getCurrentScope as je, onScopeDispose as Ie, toRef as He, readonly as Se, onMounted as Y, nextTick as Z, getCurrentInstance as ue, shallowRef as Je, watchEffect as X, normalizeProps as ce, guardReactiveProps as de, Teleport as Be, createVNode as x, Transition as fe, normalizeStyle as pe, createTextVNode as j, toDisplayString as I, withDirectives as me, vModelDynamic as Ue, provide as Ge, createSlots as Te, inject as Ke, Fragment as he, renderList as be, withModifiers as Ye, h as Xe, render as ye } from "vue";
+import { openBlock as p, createElementBlock as $, createElementVNode as b, defineComponent as D, useAttrs as ze, computed as _, useSlots as _e, createBlock as M, resolveDynamicComponent as Ce, mergeProps as q, withCtx as y, renderSlot as w, unref as k, createCommentVNode as E, normalizeClass as S, ref as T, watch as R, customRef as Ve, isRef as Q, getCurrentScope as je, onScopeDispose as Ie, toRef as He, readonly as Se, onMounted as Y, nextTick as Z, getCurrentInstance as ue, shallowRef as Je, watchEffect as X, normalizeProps as de, guardReactiveProps as ce, Teleport as Be, createVNode as x, Transition as fe, normalizeStyle as pe, createTextVNode as j, toDisplayString as I, withDirectives as me, vModelDynamic as Ue, provide as Ge, createSlots as Te, inject as Ke, Fragment as he, renderList as be, withModifiers as Ye, h as Xe, render as ye } from "vue";
 const ve = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of o)
@@ -31,7 +31,7 @@ const ve = (e, o) => {
   Ze
 ];
 function tt(e, o) {
-  return m(), $("div", Qe, et);
+  return p(), $("div", Qe, et);
 }
 const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__PURE__ */ D({
   inheritAttrs: !1,
@@ -92,8 +92,8 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__
         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"
       }
-    }, c = _e(), d = _(() => t.flat ? l.flat[t.type] : t.outlined ? l.outlined[t.type] : l.normal[t.type]);
-    return (u, f) => (m(), M(Ce(s.value), q(u.$attrs, {
+    }, d = _e(), c = _(() => t.flat ? l.flat[t.type] : t.outlined ? l.outlined[t.type] : l.normal[t.type]);
+    return (u, f) => (p(), M(Ce(s.value), q(u.$attrs, {
       role: "button",
       "aria-disabled": r.value,
       class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
@@ -107,20 +107,20 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__
         [
           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",
-          d.value
+          c.value
         ]
       ]],
       onClickCapture: i
     }), {
       default: y(() => [
-        u.loading ? (m(), M(De, {
+        u.loading ? (p(), M(De, {
           key: 0,
           class: "mt0.5 h-full w3"
         })) : w(u.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        k(c).default ? (m(), $("div", ot, [
+        k(d).default ? (p(), $("div", ot, [
           w(u.$slots, "default")
         ])) : E("", !0),
         w(u.$slots, "icon-right")
@@ -130,7 +130,7 @@ const De = /* @__PURE__ */ ve(qe, [["render", tt]]), ot = { key: 2 }, K = /* @__
   }
 }), nt = {}, rt = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
 function at(e, o) {
-  return m(), $("span", rt, [
+  return p(), $("span", rt, [
     w(e.$slots, "default")
   ]);
 }
@@ -142,7 +142,7 @@ const so = /* @__PURE__ */ ve(nt, [["render", at]]), ie = /* @__PURE__ */ D({
     action: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, t) => (m(), M(Ce(o.inline ? "span" : "div"), {
+    return (o, t) => (p(), M(Ce(o.inline ? "span" : "div"), {
       class: S(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
@@ -169,8 +169,8 @@ function N(e) {
 const Oe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const st = (e) => typeof e < "u", it = Object.prototype.toString, ut = (e) => it.call(e) === "[object Object]", ne = () => {
-}, we = /* @__PURE__ */ ct();
-function ct() {
+}, we = /* @__PURE__ */ dt();
+function dt() {
   var e, o;
   return Oe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
@@ -183,18 +183,18 @@ function Me(e, o) {
   return t;
 }
 const Ae = (e) => e();
-function dt(e, o = {}) {
+function ct(e, o = {}) {
   let t, a, n = ne;
   const s = (i) => {
     clearTimeout(i), n(), n = ne;
   };
   return (i) => {
-    const l = N(e), c = N(o.maxWait);
-    return t && s(t), l <= 0 || c !== void 0 && c <= 0 ? (a && (s(a), a = null), Promise.resolve(i())) : new Promise((d, u) => {
-      n = o.rejectOnCancel ? u : d, c && !a && (a = setTimeout(() => {
-        t && s(t), a = null, d(i());
-      }, c)), t = setTimeout(() => {
-        a && s(a), a = null, d(i());
+    const l = N(e), d = N(o.maxWait);
+    return t && s(t), l <= 0 || d !== void 0 && d <= 0 ? (a && (s(a), a = null), Promise.resolve(i())) : new Promise((c, u) => {
+      n = o.rejectOnCancel ? u : c, d && !a && (a = setTimeout(() => {
+        t && s(t), a = null, c(i());
+      }, d)), t = setTimeout(() => {
+        a && s(a), a = null, c(i());
       }, l);
     });
   };
@@ -223,7 +223,7 @@ function Ee(...e) {
 }
 function mt(e, o = 200, t = {}) {
   return Me(
-    dt(o, t),
+    ct(o, t),
     e
   );
 }
@@ -235,7 +235,7 @@ function vt(e, o = 200, t = {}) {
 }
 function gt(e, o = {}) {
   let t = e, a, n;
-  const s = Ve((f, p) => (a = f, n = p, {
+  const s = Ve((f, m) => (a = f, n = m, {
     get() {
       return r();
     },
@@ -246,12 +246,12 @@ function gt(e, o = {}) {
   function r(f = !0) {
     return f && a(), t;
   }
-  function i(f, p = !0) {
+  function i(f, m = !0) {
     var g, h;
     if (f === t)
       return;
     const O = t;
-    ((g = o.onBeforeChange) == null ? void 0 : g.call(o, f, O)) !== !1 && (t = f, (h = o.onChanged) == null || h.call(o, f, O), p && n());
+    ((g = o.onBeforeChange) == null ? void 0 : g.call(o, f, O)) !== !1 && (t = f, (h = o.onChanged) == null || h.call(o, f, O), m && n());
   }
   return lt(
     s,
@@ -324,22 +324,22 @@ function re(...e) {
     return ne;
   Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
   const s = [], r = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, i = (d, u, f, p) => (d.addEventListener(u, f, p), () => d.removeEventListener(u, f, p)), l = R(
+    s.forEach((c) => c()), s.length = 0;
+  }, i = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), l = R(
     () => [z(o), N(n)],
-    ([d, u]) => {
-      if (r(), !d)
+    ([c, u]) => {
+      if (r(), !c)
         return;
       const f = ut(u) ? { ...u } : u;
       s.push(
-        ...t.flatMap((p) => a.map((g) => i(d, p, g, f)))
+        ...t.flatMap((m) => a.map((g) => i(c, m, g, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
+  ), d = () => {
     l(), r();
   };
-  return ae(c), c;
+  return ae(d), d;
 }
 function wt(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
@@ -353,8 +353,8 @@ function Ne(...e) {
     passive: r = !1,
     dedupe: i = !1
   } = a, l = wt(o);
-  return re(n, s, (d) => {
-    d.repeat && N(i) || l(d) && t(d);
+  return re(n, s, (c) => {
+    c.repeat && N(i) || l(c) && t(c);
   }, r);
 }
 function kt() {
@@ -370,8 +370,8 @@ function Pe(e) {
 function $t(e, o = {}) {
   const { window: t = H } = o, a = Pe(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
   let n;
-  const s = T(!1), r = (c) => {
-    s.value = c.matches;
+  const s = T(!1), r = (d) => {
+    s.value = d.matches;
   }, i = () => {
     n && ("removeEventListener" in n ? n.removeEventListener("change", r) : n.removeListener(r));
   }, l = X(() => {
@@ -435,15 +435,15 @@ function Tt(e, o, t, a = {}) {
     deep: r = !0,
     listenToStorageChanges: i = !0,
     writeDefaults: l = !0,
-    mergeDefaults: c = !1,
-    shallow: d,
+    mergeDefaults: d = !1,
+    shallow: c,
     window: u = H,
     eventFilter: f,
-    onError: p = (v) => {
+    onError: m = (v) => {
       console.error(v);
     },
     initOnMounted: g
-  } = a, h = (d ? Je : T)(typeof o == "function" ? o() : o);
+  } = a, h = (c ? Je : T)(typeof o == "function" ? o() : o);
   if (!t)
     try {
       t = xe("getDefaultStorage", () => {
@@ -451,7 +451,7 @@ function Tt(e, o, t, a = {}) {
         return (v = H) == null ? void 0 : v.localStorage;
       })();
     } catch (v) {
-      p(v);
+      m(v);
     }
   if (!t)
     return h;
@@ -479,16 +479,16 @@ function Tt(e, o, t, a = {}) {
         })));
       }
     } catch (V) {
-      p(V);
+      m(V);
     }
   }
   function L(v) {
     const V = v ? v.newValue : t.getItem(e);
     if (V == null)
       return l && O != null && t.setItem(e, P.write(O)), O;
-    if (!v && c) {
+    if (!v && d) {
       const U = P.read(V);
-      return typeof c == "function" ? c(U, O) : W === "object" && !Array.isArray(U) ? { ...O, ...U } : U;
+      return typeof d == "function" ? d(U, O) : W === "object" && !Array.isArray(U) ? { ...O, ...U } : U;
     } else
       return typeof V != "string" ? V : P.read(V);
   }
@@ -506,7 +506,7 @@ function Tt(e, o, t, a = {}) {
         try {
           (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = L(v));
         } catch (V) {
-          p(V);
+          m(V);
         } finally {
           v ? Z(C) : C();
         }
@@ -527,21 +527,21 @@ function Ot(e = {}) {
     storageKey: r = "vueuse-color-scheme",
     listenToStorageChanges: i = !0,
     storageRef: l,
-    emitAuto: c,
-    disableTransition: d = !0
+    emitAuto: d,
+    disableTransition: c = !0
   } = e, u = {
     auto: "",
     light: "light",
     dark: "dark",
     ...e.modes || {}
-  }, f = Dt({ window: n }), p = _(() => f.value ? "dark" : "light"), g = l || (r == null ? Ee(a) : Tt(r, a, s, { window: n, listenToStorageChanges: i })), h = _(() => g.value === "auto" ? p.value : g.value), O = xe(
+  }, f = Dt({ window: n }), m = _(() => f.value ? "dark" : "light"), g = l || (r == null ? Ee(a) : Tt(r, a, s, { window: n, listenToStorageChanges: i })), h = _(() => g.value === "auto" ? m.value : g.value), O = xe(
     "updateHTMLAttrs",
     (C, A, L) => {
       const G = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : z(C);
       if (!G)
         return;
       let F;
-      if (d) {
+      if (c) {
         F = n.document.createElement("style");
         const v = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
         F.appendChild(document.createTextNode(v)), n.document.head.appendChild(F);
@@ -553,7 +553,7 @@ function Ot(e = {}) {
         });
       } else
         G.setAttribute(A, L);
-      d && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
+      c && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
     }
   );
   function W(C) {
@@ -566,14 +566,14 @@ function Ot(e = {}) {
   R(h, P, { flush: "post", immediate: !0 }), ge(() => P(h.value));
   const B = _({
     get() {
-      return c ? g.value : h.value;
+      return d ? g.value : h.value;
     },
     set(C) {
       g.value = C;
     }
   });
   try {
-    return Object.assign(B, { store: g, system: p, state: h });
+    return Object.assign(B, { store: g, system: m, state: h });
   } catch {
     return B;
   }
@@ -583,7 +583,7 @@ function Mt(e, o, t = {}) {
   let s;
   const r = Pe(() => a && "ResizeObserver" in a), i = () => {
     s && (s.disconnect(), s = void 0);
-  }, l = _(() => Array.isArray(e) ? e.map((u) => z(u)) : [z(e)]), c = R(
+  }, l = _(() => Array.isArray(e) ? e.map((u) => z(u)) : [z(e)]), d = R(
     l,
     (u) => {
       if (i(), r.value && a) {
@@ -593,12 +593,12 @@ function Mt(e, o, t = {}) {
       }
     },
     { immediate: !0, flush: "post", deep: !0 }
-  ), d = () => {
-    i(), c();
+  ), c = () => {
+    i(), d();
   };
-  return ae(d), {
+  return ae(c), {
     isSupported: r,
-    stop: d
+    stop: c
   };
 }
 function At(e, o = { width: 0, height: 0 }, t = {}) {
@@ -610,14 +610,14 @@ function At(e, o = { width: 0, height: 0 }, t = {}) {
     ([u]) => {
       const f = n === "border-box" ? u.borderBoxSize : n === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
       if (a && s.value) {
-        const p = z(e);
-        if (p) {
-          const g = a.getComputedStyle(p);
+        const m = z(e);
+        if (m) {
+          const g = a.getComputedStyle(m);
           r.value = Number.parseFloat(g.width), i.value = Number.parseFloat(g.height);
         }
       } else if (f) {
-        const p = Array.isArray(f) ? f : [f];
-        r.value = p.reduce((g, { inlineSize: h }) => g + h, 0), i.value = p.reduce((g, { blockSize: h }) => g + h, 0);
+        const m = Array.isArray(f) ? f : [f];
+        r.value = m.reduce((g, { inlineSize: h }) => g + h, 0), i.value = m.reduce((g, { blockSize: h }) => g + h, 0);
       } else
         r.value = u.contentRect.width, i.value = u.contentRect.height;
     },
@@ -627,19 +627,19 @@ function At(e, o = { width: 0, height: 0 }, t = {}) {
     const u = z(e);
     u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, i.value = "offsetHeight" in u ? u.offsetHeight : o.height);
   });
-  const c = R(
+  const d = R(
     () => z(e),
     (u) => {
       r.value = u ? o.width : 0, i.value = u ? o.height : 0;
     }
   );
-  function d() {
-    l(), c();
+  function c() {
+    l(), d();
   }
   return {
     width: r,
     height: i,
-    stop: d
+    stop: c
   };
 }
 function le(e) {
@@ -665,8 +665,8 @@ function Nt(e, o = !1) {
   R(Ee(e), (i) => {
     const l = le(N(i));
     if (l) {
-      const c = l;
-      oe.get(c) || oe.set(c, n), t.value && (c.style.overflow = "hidden");
+      const d = l;
+      oe.get(d) || oe.set(d, n), t.value && (d.style.overflow = "hidden");
     }
   }, {
     immediate: !0
@@ -700,12 +700,12 @@ function J(e, o, t, a = {}) {
   const {
     clone: i = !1,
     passive: l = !1,
-    eventName: c,
-    deep: d = !1,
+    eventName: d,
+    deep: c = !1,
     defaultValue: u,
     shouldEmit: f
-  } = a, p = ue(), g = t || (p == null ? void 0 : p.emit) || ((n = p == null ? void 0 : p.$emit) == null ? void 0 : n.bind(p)) || ((r = (s = p == null ? void 0 : p.proxy) == null ? void 0 : s.$emit) == null ? void 0 : r.bind(p == null ? void 0 : p.proxy));
-  let h = c;
+  } = a, m = ue(), g = t || (m == null ? void 0 : m.emit) || ((n = m == null ? void 0 : m.$emit) == null ? void 0 : n.bind(m)) || ((r = (s = m == null ? void 0 : m.proxy) == null ? void 0 : s.$emit) == null ? void 0 : r.bind(m == null ? void 0 : m.proxy));
+  let h = d;
   o || (o = "modelValue"), h = h || `update:${o.toString()}`;
   const O = (B) => i ? typeof i == "function" ? i(B) : _t(B) : B, W = () => st(e[o]) ? O(e[o]) : u, P = (B) => {
     f ? f(B) && g(h, B) : g(h, B);
@@ -721,9 +721,9 @@ function J(e, o, t, a = {}) {
     ), R(
       C,
       (L) => {
-        !A && (L !== e[o] || d) && P(L);
+        !A && (L !== e[o] || c) && P(L);
       },
-      { deep: d }
+      { deep: c }
     ), C;
   } else
     return _({
@@ -745,32 +745,32 @@ const Pt = { class: "$ui-dark-toggle-vtr" }, io = /* @__PURE__ */ D({
   setup(e) {
     const o = e, t = J(o, "isDark"), a = Ot({
       initialValue: t.value ? "dark" : "light",
-      onChanged: (l) => {
-        t.value = l === "dark";
+      onChanged: (i) => {
+        t.value = i === "dark";
       }
     }), n = _({
       get: () => a.value === "dark",
-      set: (l) => a.value = l ? "dark" : "light"
+      set: (i) => a.value = i ? "dark" : "light"
     }), s = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    function r(l) {
-      if (!s || !l || !o.animation) {
+    function r(i) {
+      if (!s || !i || !o.animation) {
         n.value = !n.value;
         return;
       }
-      const c = l.clientX, d = l.clientY, u = Math.hypot(
-        Math.max(c, innerWidth - c),
+      const l = i.clientX, d = i.clientY, c = Math.hypot(
+        Math.max(l, innerWidth - l),
         Math.max(d, innerHeight - d)
       );
       document.startViewTransition(async () => {
         n.value = !n.value, await Z();
       }).ready.then(() => {
-        const p = [
-          `circle(0px at ${c}px ${d}px)`,
-          `circle(${u}px at ${c}px ${d}px)`
+        const f = [
+          `circle(0px at ${l}px ${d}px)`,
+          `circle(${c}px at ${l}px ${d}px)`
         ];
         document.documentElement.animate(
           {
-            clipPath: n.value ? [...p].reverse() : p
+            clipPath: n.value ? [...f].reverse() : f
           },
           {
             duration: o.animationDuration,
@@ -780,18 +780,13 @@ const Pt = { class: "$ui-dark-toggle-vtr" }, io = /* @__PURE__ */ D({
         );
       });
     }
-    const i = {
-      mode: a,
-      isDark: n,
-      toggle: r
-    };
-    return (l, c) => (m(), $("span", Pt, [
-      w(l.$slots, "default", ce(de(i)))
+    return (i, l) => (p(), $("span", Pt, [
+      w(i.$slots, "default", de(ce({ mode: k(a), isDark: n.value, toggle: r })))
     ]));
   }
 }), xt = {}, Ft = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
 function Lt(e, o) {
-  return m(), $("div", Ft, [
+  return p(), $("div", Ft, [
     w(e.$slots, "default")
   ]);
 }
@@ -802,7 +797,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     blur: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (m(), $("div", {
+    return (o, t) => (p(), $("div", {
       class: S(["fixed left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
         o.dim ? "bg-opacity-50!" : "bg-opacity-0!",
         o.blur ? "backdrop-blur-sm" : ""
@@ -839,7 +834,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       r();
     });
     const i = T(!1);
-    return Y(() => i.value = !0), (l, c) => i.value || l.mountTo === "body" ? (m(), M(Be, {
+    return Y(() => i.value = !0), (l, d) => i.value || l.mountTo === "body" ? (p(), M(Be, {
       key: 0,
       to: l.mountTo
     }, [
@@ -850,7 +845,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
         "leave-to-class": "opacity-0 [&_.modal]:scale-95"
       }, {
         default: y(() => [
-          k(n) ? (m(), M(Le, {
+          k(n) ? (p(), M(Le, {
             key: 0,
             dim: l.dim,
             blur: l.blur
@@ -869,7 +864,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
                       j(I(t.title), 1)
                     ])
                   ]),
-                  l.closable ? (m(), $("div", {
+                  l.closable ? (p(), $("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
@@ -919,7 +914,8 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     rightIcon: {},
     loading: { type: Boolean, default: !1 },
     autoFocus: { type: Boolean, default: !1 },
-    loadingDebounceTime: { default: 0 }
+    loadingDebounceTime: { default: 0 },
+    readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
   setup(e, { emit: o }) {
@@ -927,18 +923,18 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       onChanged(u) {
         a("updateFocused", u);
       }
-    }), i = _(() => t.variant === "flat" || t.variant === "warning"), l = _(() => t.disabled || s.value), c = T();
-    let d = !1;
+    }), i = _(() => t.variant === "flat" || t.variant === "warning" || t.disabled || t.readonly), l = _(() => t.disabled || s.value), d = T();
+    let c = !1;
     return X(() => {
-      s.value && r.value ? d = !0 : !s.value && d && (d = !1, Z(() => {
+      s.value && r.value ? c = !0 : !s.value && c && (c = !1, Z(() => {
         r.value = !0;
       }));
     }), Y(() => {
       t.autoFocus && (r.value = !0);
     }), X(() => {
       var u;
-      r.value && ((u = c.value) == null || u.focus());
-    }), (u, f) => (m(), $("div", {
+      r.value && ((u = d.value) == null || u.focus());
+    }), (u, f) => (p(), $("div", {
       class: S(["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",
@@ -954,7 +950,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
         r.value = !0;
       })
     }, [
-      u.leftIcon ? (m(), $("div", {
+      u.leftIcon ? (p(), $("div", {
         key: 0,
         class: S(se)
       }, [
@@ -962,28 +958,28 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       ])) : E("", !0),
       me(b("input", {
         ref_key: "inputRef",
-        ref: c,
-        "onUpdate:modelValue": f[0] || (f[0] = (p) => Q(n) ? n.value = p : null),
+        ref: d,
+        "onUpdate:modelValue": f[0] || (f[0] = (m) => Q(n) ? n.value = m : null),
         class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
         type: t.password ? "password" : "text",
         placeholder: u.placeholder,
-        disabled: l.value,
-        onBlur: f[1] || (f[1] = (p) => r.value = !1)
+        disabled: l.value || u.readonly,
+        onBlur: f[1] || (f[1] = (m) => r.value = !1)
       }, null, 40, Gt), [
         [Ue, k(n)]
       ]),
-      k(s) ? (m(), $("div", {
+      k(s) ? (p(), $("div", {
         key: 1,
         class: S(se)
       }, [
         x(De)
-      ])) : u.rightIcon ? (m(), $("div", {
+      ])) : u.rightIcon ? (p(), $("div", {
         key: 2,
         class: S(se)
       }, [
         x(ie, { icon: u.rightIcon }, null, 8, ["icon"])
       ])) : E("", !0),
-      i.value ? E("", !0) : (m(), $("div", Kt))
+      i.value ? E("", !0) : (p(), $("div", Kt))
     ], 2));
   }
 }), Xt = { class: "$ui-base" }, co = /* @__PURE__ */ D({
@@ -1007,25 +1003,25 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (c, d) => (m(), $("div", Xt, [
+    return (d, c) => (p(), $("div", Xt, [
       x(Yt, {
         modelValue: k(n),
-        "onUpdate:modelValue": d[0] || (d[0] = (u) => Q(n) ? n.value = u : null),
-        placeholder: c.placeholder,
-        onUpdateFocused: d[1] || (d[1] = (u) => s.value = u)
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => Q(n) ? n.value = u : null),
+        placeholder: d.placeholder,
+        onUpdateFocused: c[1] || (c[1] = (u) => s.value = u)
       }, null, 8, ["modelValue", "placeholder"]),
       b("div", {
         class: S(["mt2 $ui-base text-3.5", [
-          i[c.status],
+          i[d.status],
           { "opacity-65": !s.value }
         ]])
       }, [
-        c.status !== "normal" && r.value ? (m(), M(ie, {
+        d.status !== "normal" && r.value ? (p(), M(ie, {
           key: 0,
           inline: "",
-          icon: l[c.status]
+          icon: l[d.status]
         }, null, 8, ["icon"])) : E("", !0),
-        j(" " + I(r.value ? c.message : ""), 1)
+        j(" " + I(r.value ? d.message : ""), 1)
       ], 2)
     ]));
   }
@@ -1045,7 +1041,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   emits: ["update:visible"],
   setup(e) {
     const o = e;
-    return Ge("$ui-dropdown-disabled", _(() => o.disabled)), (t, a) => (m(), M(k(Re), {
+    return Ge("$ui-dropdown-disabled", _(() => o.disabled)), (t, a) => (p(), M(k(Re), {
       disabled: t.disabled,
       class: "inline-block w-auto",
       shown: t.shown,
@@ -1060,7 +1056,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     }, {
       popper: y(({ hide: n }) => [
         b("div", qt, [
-          w(t.$slots, "popper", ce(de({ hide: n })), () => [
+          w(t.$slots, "popper", de(ce({ hide: n })), () => [
             Qt
           ])
         ])
@@ -1106,7 +1102,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   },
   setup(e) {
     const o = e, t = Ke("$ui-dropdown-disabled", void 0);
-    return (a, n) => me((m(), M(K, q({
+    return (a, n) => me((p(), M(K, q({
       ...o,
       round: !1
     }, {
@@ -1146,7 +1142,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     function s(r = !1) {
       (t.autoClose || r) && (n.value = !1);
     }
-    return (r, i) => (m(), M(Ut, {
+    return (r, i) => (p(), M(Ut, {
       modelValue: k(n),
       "onUpdate:modelValue": i[2] || (i[2] = (l) => Q(n) ? n.value = l : null),
       width: r.width,
@@ -1206,39 +1202,39 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       get: () => t.modelValue,
       set: (l) => a("update:modelValue", l)
     }), r = _(() => {
-      const l = t.options.find((c) => c.value === s.value);
+      const l = t.options.find((d) => d.value === s.value);
       return l != null && l.label ? t.labelRenderer(l.label) : t.placeholder;
     });
     function i(l) {
-      t.multiple ? s.value = s.value.includes(l.value) ? s.value.filter((c) => c !== l.value) : [...s.value, l.value] : s.value = l.value;
+      t.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, c) => (m(), M(Zt, q({ label: r.value }, {
+    return (l, d) => (p(), M(Zt, q({ label: r.value }, {
       buttonProps: l.buttonProps,
       disabled: l.disabled
     }), Te({
       popper: y(() => [
         b("div", to, [
-          k(n).item ? (m(!0), $(he, { key: 0 }, be(l.options, (d) => (m(), $("div", {
-            key: d.value,
+          k(n).item ? (p(!0), $(he, { key: 0 }, be(l.options, (c) => (p(), $("div", {
+            key: c.value,
             class: "cursor-pointer",
-            onClick: (u) => i(d)
+            onClick: (u) => i(c)
           }, [
-            w(l.$slots, "item", ce(de({
-              item: d,
-              active: l.multiple ? s.value.includes(d.value) : d.value === s.value,
+            w(l.$slots, "item", de(ce({
+              item: c,
+              active: l.multiple ? s.value.includes(c.value) : c.value === s.value,
               disabled: l.disabled
             })))
-          ], 8, oo))), 128)) : (m(!0), $(he, { key: 1 }, be(l.options, (d) => me((m(), M(K, {
-            key: d.value,
+          ], 8, oo))), 128)) : (p(!0), $(he, { key: 1 }, be(l.options, (c) => me((p(), M(K, {
+            key: c.value,
             disabled: l.disabled,
             round: "normal",
             class: S(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
-              active: l.multiple ? s.value.includes(d.value) : d.value === s.value
+              active: l.multiple ? s.value.includes(c.value) : c.value === s.value
             }]),
-            onClick: (u) => i(d)
+            onClick: (u) => i(c)
           }, {
             default: y(() => [
-              j(I(d.label), 1)
+              j(I(c.label), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
@@ -1269,7 +1265,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
     const n = J(e, "modelValue", o), s = yt(n);
-    return (r, i) => (m(), $("div", {
+    return (r, i) => (p(), $("div", {
       class: S([[
         r.disabled ? "cursor-not-allowed" : "cursor-pointer"
       ], "$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),
@@ -1300,7 +1296,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
     const n = J(e, "modelValue", o);
-    return (s, r) => (m(), $("div", {
+    return (s, r) => (p(), $("div", {
       class: S(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
         k(n) ? s.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
       ]]),
@@ -1352,40 +1348,40 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       t.closable && (s.value = !1);
     });
     const i = _(() => r[t.placement]), l = T(!1);
-    return Y(() => l.value = !0), (c, d) => l.value || c.mountTo === "body" ? (m(), M(Be, {
+    return Y(() => l.value = !0), (d, c) => l.value || d.mountTo === "body" ? (p(), M(Be, {
       key: 0,
-      to: c.mountTo
+      to: d.mountTo
     }, [
       x(fe, {
         "enter-from-class": `${i.value.transition}`,
         "leave-to-class": `${i.value.transition}`
       }, {
         default: y(() => [
-          k(s) ? (m(), M(Le, {
+          k(s) ? (p(), M(Le, {
             key: 0,
             class: S({
-              "pointer-events-none": c.permanent
+              "pointer-events-none": d.permanent
             }),
-            dim: c.dim,
-            blur: c.blur,
-            onClick: d[2] || (d[2] = (u) => c.closeOutside && c.closable && (s.value = !1))
+            dim: d.dim,
+            blur: d.blur,
+            onClick: c[2] || (c[2] = (u) => d.closeOutside && d.closable && (s.value = !1))
           }, {
             default: y(() => [
               b("div", {
-                class: S([[i.value.class, c.contentClass ?? "", c.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"]),
+                class: S([[i.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: pe({
-                  top: c.placement === "bottom" ? "auto" : `${k(n)}px`,
-                  height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${k(n)}px)`
+                  top: d.placement === "bottom" ? "auto" : `${k(n)}px`,
+                  height: ["top", "bottom"].includes(d.placement) ? "auto" : `calc(100% - ${k(n)}px)`
                 }),
-                onClick: d[1] || (d[1] = Ye(() => {
+                onClick: c[1] || (c[1] = Ye(() => {
                 }, ["stop"]))
               }, [
-                c.closable ? (m(), $("div", {
+                d.closable ? (p(), $("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: d[0] || (d[0] = (u) => s.value = !1)
+                  onClick: c[0] || (c[0] = (u) => s.value = !1)
                 })) : E("", !0),
-                w(c.$slots, "default")
+                w(d.$slots, "default")
               ], 6)
             ]),
             _: 3
@@ -1423,7 +1419,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
       }, o.duration);
     });
     const s = _(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
-    return (r, i) => (m(), $("div", {
+    return (r, i) => (p(), $("div", {
       class: S(["fixed left-0 right-0 $ui-z-max-override text-center", [
         { "top-0": r.placement.startsWith("top") },
         { "bottom-0": r.placement.startsWith("bottom") }
@@ -1438,7 +1434,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
         })
       }, {
         default: y(() => [
-          n.value ? (m(), $("div", {
+          n.value ? (p(), $("div", {
             key: 0,
             class: "flex transition-all duration-300",
             style: pe({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
@@ -1468,7 +1464,7 @@ const uo = /* @__PURE__ */ ve(xt, [["render", Lt]]), Le = /* @__PURE__ */ D({
     shown: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (m(), M(k(We), q({
+    return (o, t) => (p(), M(k(We), q({
       disabled: o.disabled,
       placement: o.placement
     }, o.$attrs), {

package/dist/types/src/components/DarkToggle.d.ts

@@ -25,8 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     animationDuration: number;
 }, {}>, {
     default?(_: {
-        mode: import("@vueuse/core").UseColorModeReturn<"light" | "dark">;
-        isDark: import("vue").WritableComputedRef<boolean>;
+        mode: import("@vueuse/core").BasicColorSchema;
+        isDark: boolean;
         toggle: typeof toggle;
     }): any;
 }>;

package/dist/types/src/components/Input.d.ts

@@ -9,6 +9,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading?: boolean | undefined;
     autoFocus?: boolean | undefined;
     loadingDebounceTime?: number | undefined;
+    readonly?: boolean | undefined;
 }>, {
     placeholder: string;
     variant: string;
@@ -20,6 +21,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     autoFocus: boolean;
     loadingDebounceTime: number;
+    readonly: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
     updateFocused: (value: boolean) => void;
@@ -35,6 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading?: boolean | undefined;
     autoFocus?: boolean | undefined;
     loadingDebounceTime?: number | undefined;
+    readonly?: boolean | undefined;
 }>, {
     placeholder: string;
     variant: string;
@@ -46,6 +49,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     autoFocus: boolean;
     loadingDebounceTime: number;
+    readonly: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onUpdateFocused?: ((value: boolean) => any) | undefined;
@@ -58,6 +62,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     password: boolean;
     autoFocus: boolean;
     loadingDebounceTime: number;
+    readonly: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-ui",
   "type": "module",
-  "version": "7.0.5",
+  "version": "7.0.7",
   "author": "webfansplz",
   "license": "MIT",
   "exports": {