@vue/devtools-ui 7.2.0 → 7.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,3 +1,3 @@
1
1
  // @unocss-include
2
2
 
3
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("floating-vue"),e=require("vue"),J=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},de={},fe={class:"h-3 w-3 $ui-inline-fcc"},pe=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),me=[pe];function ve(t,n){return e.openBlock(),e.createElementBlock("div",fe,me)}const K=J(de,[["render",ve]]),ge={key:2},x=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(),i=e.computed(()=>r.to?"router-link":r.href?"a":"button"),a=e.computed(()=>o.loading||o.disabled);function s(c){if(a.value){c.preventDefault(),c.stopPropagation(),c.stopImmediatePropagation();return}l("click",c)}const u={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?u.flat[o.type]:o.outlined?u.outlined[o.type]:u.normal[o.type]);return(c,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.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",[[u.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:s}),{default:e.withCtx(()=>[c.loading?(e.openBlock(),e.createBlock(K,{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",ge,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),he={},be={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function ye(t,n){return e.openBlock(),e.createElementBlock("span",be,[e.renderSlot(t.$slots,"default")])}const we=J(he,[["render",ye]]),F=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 j(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ke(t,n,{enumerable:o=!1,unwrap:l=!0}={}){for(const[r,i]of Object.entries(n))r!=="value"&&(e.isRef(i)&&l?Object.defineProperty(t,r,{get(){return i.value},set(a){i.value=a},enumerable:o}):Object.defineProperty(t,r,{value:i,enumerable:o}));return t}function B(t){return typeof t=="function"?t():e.unref(t)}const X=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ce=t=>typeof t<"u",Be=Object.prototype.toString,Ve=t=>Be.call(t)==="[object Object]",L=()=>{},G=$e();function $e(){var t,n;return X&&((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 Q(t,n){function o(...l){return new Promise((r,i)=>{Promise.resolve(t(()=>n.apply(this,l),{fn:n,thisArg:this,args:l})).then(r).catch(i)})}return o}const Z=t=>t();function Se(t,n={}){let o,l,r=L;const i=s=>{clearTimeout(s),r(),r=L};return s=>{const u=B(t),d=B(n.maxWait);return o&&i(o),u<=0||d!==void 0&&d<=0?(l&&(i(l),l=null),Promise.resolve(s())):new Promise((f,c)=>{r=n.rejectOnCancel?c:f,d&&!l&&(l=setTimeout(()=>{o&&i(o),l=null,f(s())},d)),o=setTimeout(()=>{l&&i(l),l=null,f(s())},u)})}}function _e(t=Z){const n=e.ref(!0);function o(){n.value=!1}function l(){n.value=!0}const r=(...i)=>{n.value&&t(...i)};return{isActive:e.readonly(n),pause:o,resume:l,eventFilter:r}}function Ee(t){return t||e.getCurrentInstance()}function ee(...t){if(t.length!==1)return e.toRef(...t);const n=t[0];return typeof n=="function"?e.readonly(e.customRef(()=>({get:n,set:L}))):e.ref(n)}function Ne(t,n=200,o={}){return Q(Se(n,o),t)}function Te(t,n=200,o={}){const l=e.ref(t.value),r=Ne(()=>{l.value=t.value},n,o);return e.watch(t,()=>r()),l}function De(t,n={}){let o=t,l,r;const i=e.customRef((p,m)=>(l=p,r=m,{get(){return a()},set(g){s(g)}}));function a(p=!0){return p&&l(),o}function s(p,m=!0){var g,h;if(p===o)return;const w=o;((g=n.onBeforeChange)==null?void 0:g.call(n,p,w))!==!1&&(o=p,(h=n.onChanged)==null||h.call(n,p,w),m&&r())}return ke(i,{get:a,set:s,untrackedGet:()=>a(!1),silentSet:p=>s(p,!1),peek:()=>a(!1),lay:p=>s(p,!1)},{enumerable:!0})}function xe(t,n,o={}){const{eventFilter:l=Z,...r}=o;return e.watch(t,Q(l,n),r)}function Me(t,n,o={}){const{eventFilter:l,...r}=o,{eventFilter:i,pause:a,resume:s,isActive:u}=_e(l);return{stop:xe(t,n,{...r,eventFilter:i}),pause:a,resume:s,isActive:u}}function U(t,n=!0,o){Ee()?e.onMounted(t,o):n?t():e.nextTick(t)}function ze(t=!1,n={}){const{truthyValue:o=!0,falsyValue:l=!1}=n,r=e.isRef(t),i=e.ref(t);function a(s){if(arguments.length)return i.value=s,i.value;{const u=B(o);return i.value=i.value===u?B(l):u,i.value}}return r?a:[i,a]}function N(t){var n;const o=B(t);return(n=o==null?void 0:o.$el)!=null?n:o}const T=X?window:void 0;function W(...t){let n,o,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,r]=t,n=T):[n,o,l,r]=t,!n)return L;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const i=[],a=()=>{i.forEach(f=>f()),i.length=0},s=(f,c,p,m)=>(f.addEventListener(c,p,m),()=>f.removeEventListener(c,p,m)),u=e.watch(()=>[N(n),B(r)],([f,c])=>{if(a(),!f)return;const p=Ve(c)?{...c}:c;i.push(...o.flatMap(m=>l.map(g=>s(f,m,g,p))))},{immediate:!0,flush:"post"}),d=()=>{u(),a()};return j(d),d}function Oe(t){return typeof t=="function"?t:typeof t=="string"?n=>n.key===t:Array.isArray(t)?n=>t.includes(n.key):()=>!0}function te(...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=T,eventName:i="keydown",passive:a=!1,dedupe:s=!1}=l,u=Oe(n);return W(r,i,f=>{f.repeat&&B(s)||u(f)&&o(f)},a)}function Pe(){const t=e.ref(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{t.value=!0},n),t}function oe(t){const n=Pe();return e.computed(()=>(n.value,!!t()))}function Ae(t,n={}){const{window:o=T}=n,l=oe(()=>o&&"matchMedia"in o&&typeof o.matchMedia=="function");let r;const i=e.ref(!1),a=d=>{i.value=d.matches},s=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",a):r.removeListener(a))},u=e.watchEffect(()=>{l.value&&(s(),r=o.matchMedia(B(t)),"addEventListener"in r?r.addEventListener("change",a):r.addListener(a),i.value=r.matches)});return j(()=>{u(),s(),r=void 0}),i}function Re(t){return JSON.parse(JSON.stringify(t))}const P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},A="__vueuse_ssr_handlers__",Fe=Le();function Le(){return A in P||(P[A]=P[A]||{}),P[A]}function ne(t,n){return Fe[t]||n}function We(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 je={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()}},q="vueuse-storage";function Ie(t,n,o,l={}){var r;const{flush:i="pre",deep:a=!0,listenToStorageChanges:s=!0,writeDefaults:u=!0,mergeDefaults:d=!1,shallow:f,window:c=T,eventFilter:p,onError:m=v=>{console.error(v)},initOnMounted:g}=l,h=(f?e.shallowRef:e.ref)(typeof n=="function"?n():n);if(!o)try{o=ne("getDefaultStorage",()=>{var v;return(v=T)==null?void 0:v.localStorage})()}catch(v){m(v)}if(!o)return h;const w=B(n),_=We(w),V=(r=l.serializer)!=null?r:je[_],{pause:y,resume:b}=Me(h,()=>S(h.value),{flush:i,deep:a,eventFilter:p});c&&s&&U(()=>{W(c,"storage",$),W(c,q,O),g&&$()}),g||$();function C(v,k){c&&c.dispatchEvent(new CustomEvent(q,{detail:{key:t,oldValue:v,newValue:k,storageArea:o}}))}function S(v){try{const k=o.getItem(t);if(v==null)C(k,null),o.removeItem(t);else{const E=V.write(v);k!==E&&(o.setItem(t,E),C(k,E))}}catch(k){m(k)}}function M(v){const k=v?v.newValue:o.getItem(t);if(k==null)return u&&w!=null&&o.setItem(t,V.write(w)),w;if(!v&&d){const E=V.read(k);return typeof d=="function"?d(E,w):_==="object"&&!Array.isArray(E)?{...w,...E}:E}else return typeof k!="string"?k:V.read(k)}function $(v){if(!(v&&v.storageArea!==o)){if(v&&v.key==null){h.value=w;return}if(!(v&&v.key!==t)){y();try{(v==null?void 0:v.newValue)!==V.write(h.value)&&(h.value=M(v))}catch(k){m(k)}finally{v?e.nextTick(b):b()}}}}function O(v){$(v.detail)}return h}function He(t){return Ae("(prefers-color-scheme: dark)",t)}function Je(t={}){const{selector:n="html",attribute:o="class",initialValue:l="auto",window:r=T,storage:i,storageKey:a="vueuse-color-scheme",listenToStorageChanges:s=!0,storageRef:u,emitAuto:d,disableTransition:f=!0}=t,c={auto:"",light:"light",dark:"dark",...t.modes||{}},p=He({window:r}),m=e.computed(()=>p.value?"dark":"light"),g=u||(a==null?ee(l):Ie(a,l,i,{window:r,listenToStorageChanges:s})),h=e.computed(()=>g.value==="auto"?m.value:g.value),w=ne("updateHTMLAttrs",(b,C,S)=>{const M=typeof b=="string"?r==null?void 0:r.document.querySelector(b):N(b);if(!M)return;let $;if(f&&($=r.document.createElement("style"),$.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),r.document.head.appendChild($)),C==="class"){const O=S.split(/\s/g);Object.values(c).flatMap(v=>(v||"").split(/\s/g)).filter(Boolean).forEach(v=>{O.includes(v)?M.classList.add(v):M.classList.remove(v)})}else M.setAttribute(C,S);f&&(r.getComputedStyle($).opacity,document.head.removeChild($))});function _(b){var C;w(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 y=e.computed({get(){return d?g.value:h.value},set(b){g.value=b}});try{return Object.assign(y,{store:g,system:m,state:h})}catch{return y}}function Ke(t,n,o={}){const{window:l=T,...r}=o;let i;const a=oe(()=>l&&"ResizeObserver"in l),s=()=>{i&&(i.disconnect(),i=void 0)},u=e.computed(()=>Array.isArray(t)?t.map(c=>N(c)):[N(t)]),d=e.watch(u,c=>{if(s(),a.value&&l){i=new ResizeObserver(n);for(const p of c)p&&i.observe(p,r)}},{immediate:!0,flush:"post"}),f=()=>{s(),d()};return j(f),{isSupported:a,stop:f}}function Ue(t,n={width:0,height:0},o={}){const{window:l=T,box:r="content-box"}=o,i=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),s=e.ref(n.height),{stop:u}=Ke(t,([c])=>{const p=r==="border-box"?c.borderBoxSize:r==="content-box"?c.contentBoxSize:c.devicePixelContentBoxSize;if(l&&i.value){const m=N(t);if(m){const g=l.getComputedStyle(m);a.value=Number.parseFloat(g.width),s.value=Number.parseFloat(g.height)}}else if(p){const m=Array.isArray(p)?p:[p];a.value=m.reduce((g,{inlineSize:h})=>g+h,0),s.value=m.reduce((g,{blockSize:h})=>g+h,0)}else a.value=c.contentRect.width,s.value=c.contentRect.height},o);U(()=>{const c=N(t);c&&(a.value="offsetWidth"in c?c.offsetWidth:n.width,s.value="offsetHeight"in c?c.offsetHeight:n.height)});const d=e.watch(()=>N(t),c=>{a.value=c?n.width:0,s.value=c?n.height:0});function f(){u(),d()}return{width:a,height:s,stop:f}}function I(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function re(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:re(o)}}function Ye(t){const n=t||window.event,o=n.target;return re(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const R=new WeakMap;function Ge(t,n=!1){const o=e.ref(n);let l=null;e.watch(ee(t),a=>{const s=I(B(a));if(s){const u=s;R.get(u)||R.set(u,u.style.overflow),o.value&&(u.style.overflow="hidden")}},{immediate:!0});const r=()=>{const a=I(B(t));!a||o.value||(G&&(l=W(a,"touchmove",s=>{Ye(s)},{passive:!1})),a.style.overflow="hidden",o.value=!0)},i=()=>{var a;const s=I(B(t));!s||!o.value||(G&&(l==null||l()),s.style.overflow=(a=R.get(s))!=null?a:"",R.delete(s),o.value=!1)};return j(i),e.computed({get(){return o.value},set(a){a?r():i()}})}function D(t,n,o,l={}){var r,i,a;const{clone:s=!1,passive:u=!1,eventName:d,deep:f=!1,defaultValue:c,shouldEmit:p}=l,m=e.getCurrentInstance(),g=o||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((a=(i=m==null?void 0:m.proxy)==null?void 0:i.$emit)==null?void 0:a.bind(m==null?void 0:m.proxy));let h=d;n||(n="modelValue"),h=h||`update:${n.toString()}`;const w=y=>s?typeof s=="function"?s(y):Re(y):y,_=()=>Ce(t[n])?w(t[n]):c,V=y=>{p?p(y)&&g(h,y):g(h,y)};if(u){const y=_(),b=e.ref(y);let C=!1;return e.watch(()=>t[n],S=>{C||(C=!0,b.value=w(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(y){V(y)}})}const ae=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 i=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(a,s)=>(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":i.value,"leave-to-class":i.value,onAfterLeave:s[0]||(s[0]=()=>{var u;r.value||(u=a.onClose)==null||u.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))}});function qe(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(ae,t);e.render(r,n)}const le="__vue-devtools-theme__";function ie(t={}){const n=Je({...t,storageKey:le});return{colorMode:n,isDark:e.computed(()=>n.value==="dark")}}const Xe={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=D(n,"isDark"),{colorMode:l}=ie({initialValue:o.value?"dark":"light",onChanged:s=>{o.value=s==="dark"}}),r=e.computed({get:()=>l.value==="dark",set:s=>l.value=s?"dark":"light"}),i=document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function a(s){if(!i||!s||!n.animation){r.value=!r.value;return}const u=s.clientX,d=s.clientY,f=Math.hypot(Math.max(u,innerWidth-u),Math.max(d,innerHeight-d));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const p=[`circle(0px at ${u}px ${d}px)`,`circle(${f}px at ${u}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(s,u)=>(e.openBlock(),e.createElementBlock("span",Xe,[e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(l),isDark:r.value,toggle:a})))]))}}),Ze={},et={class:"$ui-base border $ui-border-base rounded shadow-sm"};function tt(t,n){return e.openBlock(),e.createElementBlock("div",et,[e.renderSlot(t.$slots,"default")])}const ot=J(Ze,[["render",tt]]),Y=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean},position:{default:"fixed"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[n.dim?"bg-opacity-50!":"bg-opacity-0!",n.blur?"backdrop-blur-sm":"",n.position]])},[e.renderSlot(n.$slots,"default")],2))}}),nt={class:"h7.5 w-full $ui-fbc"},rt={class:"text-4.5"},at=e.createElementVNode("div",{class:"i-carbon-close"},null,-1),lt=[at],it={class:"content transition-all transition-duration-300"},st={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},ut={class:"$ui-fcc"},se=e.defineComponent({__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},title:{default:"Dialog"},width:{default:"32rem"},height:{default:"18rem"},closable:{type:Boolean,default:!0},mountTo:{default:"body"},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=D(o,"modelValue",n,{passive:!0}),i=Ge(()=>window.document.documentElement);e.watchEffect(()=>{r.value?i.value=!0:i.value=!1});function a(){r.value&&o.autoClose&&(r.value=!1)}te("Escape",()=>{a()});const s=e.ref(!1);return e.onMounted(()=>s.value=!0),(u,d)=>s.value||u.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:u.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(Y,{key:0,dim:u.dim,blur:u.blur,position:u.position},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",style:e.normalizeStyle({width:o.width,height:o.height})},[e.createElementVNode("div",nt,[e.createElementVNode("div",rt,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),u.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},lt)):e.createCommentVNode("",!0)]),e.createElementVNode("div",it,[e.renderSlot(u.$slots,"default")]),e.createElementVNode("div",st,[e.renderSlot(u.$slots,"footer",{},()=>[e.renderSlot(u.$slots,"footer",{},()=>[e.createElementVNode("div",ut,[e.createVNode(x,{type:"primary",onClick:a},{default:e.withCtx(()=>[e.createTextVNode(" close ")]),_:1})])])])])],4)]),_:3},8,["dim","blur","position"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),ct=["type","placeholder","disabled"],dt={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"},H="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",ue=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue","updateFocused","keyTab"],setup(t,{emit:n}){const o=t,l=n,r=D(o,"modelValue",l),i=Te(e.computed(()=>o.loading),o.loadingDebounceTime),a=De(!1,{onChanged(c){l("updateFocused",c)}}),s=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),u=e.computed(()=>o.disabled||i.value),d=e.ref();let f=!1;return e.watchEffect(()=>{i.value&&a.value?f=!0:!i.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":u.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(H)},[e.createVNode(F,{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:c.type,placeholder:c.placeholder,disabled:u.value||c.readonly,onBlur:p[1]||(p[1]=m=>a.value=!1)},null,40,ct),[[e.vModelDynamic,e.unref(r)]]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(H)},[e.createVNode(K)])):c.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(H)},[e.createVNode(F,{icon:c.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",dt))],2))}}),ft={class:"$ui-base"},pt=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=D(o,"modelValue",n),i=e.ref(!1),a=e.computed(()=>o.message&&o.message.length&&o.showMessage),s={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"},u={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,f)=>(e.openBlock(),e.createElementBlock("div",ft,[e.createVNode(ue,{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=>i.value=c)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[s[d.status],{"opacity-65":!i.value}]])},[d.status!=="normal"&&a.value?(e.openBlock(),e.createBlock(F,{key:0,inline:"",icon:u[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(a.value?d.message:""),1)],2)]))}}),mt={class:"overflow-hidden rounded-lg shadow-lg"},vt=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1),ce=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(z.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",mt,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[vt])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(x,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"]))}}),gt=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(x,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(z.VClosePopper)]])}}),ht={class:"$ui-fec gap2.5"},bt=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=D(o,"modelValue",l);e.watchEffect(()=>{r.value||l("close")});function i(a=!1){(o.autoClose||a)&&(r.value=!1)}return(a,s)=>(e.openBlock(),e.createBlock(se,{modelValue:e.unref(r),"onUpdate:modelValue":s[2]||(s[2]=u=>e.isRef(r)?r.value=u:null),width:a.width,height:a.height,title:a.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",ht,[e.createVNode(x,{onClick:s[0]||(s[0]=()=>{l("cancel"),i(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.cancelText),1)]),_:1}),e.createVNode(x,{loading:a.loading,type:"primary",onClick:s[1]||(s[1]=()=>{l("confirm"),i()})},{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"]))}}),yt={class:"m1 min-w-35 w-auto flex flex-col"},wt=["onClick"],kt=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1),Ct=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(),i=e.computed({get:()=>o.modelValue,set:u=>l("update:modelValue",u)}),a=e.computed(()=>{const u=o.options.find(d=>d.value===i.value);return u!=null&&u.label?o.labelRenderer(u.label):o.placeholder});function s(u){o.multiple?i.value=i.value.includes(u.value)?i.value.filter(d=>d!==u.value):[...i.value,u.value]:i.value=u.value}return(u,d)=>(e.openBlock(),e.createBlock(ce,e.mergeProps({label:a.value},{buttonProps:u.buttonProps,disabled:u.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",yt,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.options,f=>(e.openBlock(),e.createElementBlock("div",{key:f.value,class:"cursor-pointer",onClick:c=>s(f)},[e.renderSlot(u.$slots,"item",e.mergeProps({ref_for:!0},{item:f,active:u.multiple?i.value.includes(f.value):f.value===i.value,disabled:u.disabled}))],8,wt))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.options,f=>e.withDirectives((e.openBlock(),e.createBlock(x,{key:f.value,disabled:u.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:u.multiple?i.value.includes(f.value):f.value===i.value}]),onClick:c=>s(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(z.VClosePopper),u.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[kt]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),Bt=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const r=D(t,"modelValue",n),i=ze(r);return(a,s)=>(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:s[0]||(s[0]=u=>!a.disabled&&e.unref(i)())},[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))}}),Vt=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=D(t,"modelValue",n);return(i,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)?i.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]=s=>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))}}),$t=e.defineComponent({__name:"Drawer",props:{modelValue:{type:Boolean},mountTo:{default:"body"},placement:{default:"right"},closeOutside:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},contentClass:{},permanent:{type:Boolean,default:!1},contentBlur:{type:Boolean,default:!1},top:{},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,l=n,{height:r}=Ue(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),i=D(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%"}};te("Escape",()=>{o.closable&&(i.value=!1)});const s=e.computed(()=>a[o.placement]),u=e.ref(!1);return e.onMounted(()=>u.value=!0),(d,f)=>u.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${s.value.transition}`,"leave-to-class":`${s.value.transition}`},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createBlock(Y,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,position:d.position,onClick:f[2]||(f[2]=c=>d.closeOutside&&d.closable&&(i.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[s.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=>i.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur","position"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),St=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(z.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"]))}});Object.defineProperty(exports,"vTooltip",{enumerable:!0,get:()=>z.vTooltip});exports.THEME_KEY=le;exports.VueBadge=we;exports.VueButton=x;exports.VueCard=ot;exports.VueCheckbox=Vt;exports.VueConfirm=bt;exports.VueDarkToggle=Qe;exports.VueDialog=se;exports.VueDrawer=$t;exports.VueDropdown=ce;exports.VueDropdownButton=gt;exports.VueFormField=pt;exports.VueIcon=F;exports.VueInput=ue;exports.VueLoadingIndicator=K;exports.VueNotification=ae;exports.VueOverlay=Y;exports.VueSelect=Ct;exports.VueSwitch=Bt;exports.VueTooltip=St;exports.showVueNotification=qe;exports.useDevToolsColorMode=ie;
3
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("floating-vue"),e=require("vue"),J=(t,n)=>{const o=t.__vccOpts||t;for(const[l,r]of n)o[l]=r;return o},de={},fe={class:"h-3 w-3 $ui-inline-fcc"},pe=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),me=[pe];function ve(t,n){return e.openBlock(),e.createElementBlock("div",fe,me)}const K=J(de,[["render",ve]]),ge={key:2},x=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(),i=e.computed(()=>r.to?"router-link":r.href?"a":"button"),a=e.computed(()=>o.loading||o.disabled);function s(c){if(a.value){c.preventDefault(),c.stopPropagation(),c.stopImmediatePropagation();return}l("click",c)}const u={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?u.flat[o.type]:o.outlined?u.outlined[o.type]:u.normal[o.type]);return(c,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.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",[[u.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:s}),{default:e.withCtx(()=>[c.loading?(e.openBlock(),e.createBlock(K,{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",ge,[e.renderSlot(c.$slots,"default")])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"icon-right")]),_:3},16,["aria-disabled","class"]))}}),he={},be={class:"mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function ye(t,n){return e.openBlock(),e.createElementBlock("span",be,[e.renderSlot(t.$slots,"default")])}const we=J(he,[["render",ye]]),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 F(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ke(t,n,{enumerable:o=!1,unwrap:l=!0}={}){for(const[r,i]of Object.entries(n))r!=="value"&&(e.isRef(i)&&l?Object.defineProperty(t,r,{get(){return i.value},set(a){i.value=a},enumerable:o}):Object.defineProperty(t,r,{value:i,enumerable:o}));return t}function B(t){return typeof t=="function"?t():e.unref(t)}const X=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ce=t=>typeof t<"u",Be=Object.prototype.toString,Ve=t=>Be.call(t)==="[object Object]",L=()=>{},G=$e();function $e(){var t,n;return X&&((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 Q(t,n){function o(...l){return new Promise((r,i)=>{Promise.resolve(t(()=>n.apply(this,l),{fn:n,thisArg:this,args:l})).then(r).catch(i)})}return o}const Z=t=>t();function Se(t,n={}){let o,l,r=L;const i=s=>{clearTimeout(s),r(),r=L};return s=>{const u=B(t),d=B(n.maxWait);return o&&i(o),u<=0||d!==void 0&&d<=0?(l&&(i(l),l=null),Promise.resolve(s())):new Promise((f,c)=>{r=n.rejectOnCancel?c:f,d&&!l&&(l=setTimeout(()=>{o&&i(o),l=null,f(s())},d)),o=setTimeout(()=>{l&&i(l),l=null,f(s())},u)})}}function _e(t=Z){const n=e.ref(!0);function o(){n.value=!1}function l(){n.value=!0}const r=(...i)=>{n.value&&t(...i)};return{isActive:e.readonly(n),pause:o,resume:l,eventFilter:r}}function Ee(t){return t||e.getCurrentInstance()}function ee(...t){if(t.length!==1)return e.toRef(...t);const n=t[0];return typeof n=="function"?e.readonly(e.customRef(()=>({get:n,set:L}))):e.ref(n)}function Ne(t,n=200,o={}){return Q(Se(n,o),t)}function Te(t,n=200,o={}){const l=e.ref(t.value),r=Ne(()=>{l.value=t.value},n,o);return e.watch(t,()=>r()),l}function De(t,n={}){let o=t,l,r;const i=e.customRef((p,m)=>(l=p,r=m,{get(){return a()},set(g){s(g)}}));function a(p=!0){return p&&l(),o}function s(p,m=!0){var g,h;if(p===o)return;const w=o;((g=n.onBeforeChange)==null?void 0:g.call(n,p,w))!==!1&&(o=p,(h=n.onChanged)==null||h.call(n,p,w),m&&r())}return ke(i,{get:a,set:s,untrackedGet:()=>a(!1),silentSet:p=>s(p,!1),peek:()=>a(!1),lay:p=>s(p,!1)},{enumerable:!0})}function xe(t,n,o={}){const{eventFilter:l=Z,...r}=o;return e.watch(t,Q(l,n),r)}function Me(t,n,o={}){const{eventFilter:l,...r}=o,{eventFilter:i,pause:a,resume:s,isActive:u}=_e(l);return{stop:xe(t,n,{...r,eventFilter:i}),pause:a,resume:s,isActive:u}}function U(t,n=!0,o){Ee()?e.onMounted(t,o):n?t():e.nextTick(t)}function ze(t=!1,n={}){const{truthyValue:o=!0,falsyValue:l=!1}=n,r=e.isRef(t),i=e.ref(t);function a(s){if(arguments.length)return i.value=s,i.value;{const u=B(o);return i.value=i.value===u?B(l):u,i.value}}return r?a:[i,a]}function N(t){var n;const o=B(t);return(n=o==null?void 0:o.$el)!=null?n:o}const T=X?window:void 0;function W(...t){let n,o,l,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([o,l,r]=t,n=T):[n,o,l,r]=t,!n)return L;Array.isArray(o)||(o=[o]),Array.isArray(l)||(l=[l]);const i=[],a=()=>{i.forEach(f=>f()),i.length=0},s=(f,c,p,m)=>(f.addEventListener(c,p,m),()=>f.removeEventListener(c,p,m)),u=e.watch(()=>[N(n),B(r)],([f,c])=>{if(a(),!f)return;const p=Ve(c)?{...c}:c;i.push(...o.flatMap(m=>l.map(g=>s(f,m,g,p))))},{immediate:!0,flush:"post"}),d=()=>{u(),a()};return F(d),d}function Oe(t){return typeof t=="function"?t:typeof t=="string"?n=>n.key===t:Array.isArray(t)?n=>t.includes(n.key):()=>!0}function te(...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=T,eventName:i="keydown",passive:a=!1,dedupe:s=!1}=l,u=Oe(n);return W(r,i,f=>{f.repeat&&B(s)||u(f)&&o(f)},a)}function Pe(){const t=e.ref(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{t.value=!0},n),t}function oe(t){const n=Pe();return e.computed(()=>(n.value,!!t()))}function Ae(t,n={}){const{window:o=T}=n,l=oe(()=>o&&"matchMedia"in o&&typeof o.matchMedia=="function");let r;const i=e.ref(!1),a=d=>{i.value=d.matches},s=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",a):r.removeListener(a))},u=e.watchEffect(()=>{l.value&&(s(),r=o.matchMedia(B(t)),"addEventListener"in r?r.addEventListener("change",a):r.addListener(a),i.value=r.matches)});return F(()=>{u(),s(),r=void 0}),i}function Re(t){return JSON.parse(JSON.stringify(t))}const P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},A="__vueuse_ssr_handlers__",Le=We();function We(){return A in P||(P[A]=P[A]||{}),P[A]}function ne(t,n){return Le[t]||n}function Fe(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 je={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()}},q="vueuse-storage";function Ie(t,n,o,l={}){var r;const{flush:i="pre",deep:a=!0,listenToStorageChanges:s=!0,writeDefaults:u=!0,mergeDefaults:d=!1,shallow:f,window:c=T,eventFilter:p,onError:m=v=>{console.error(v)},initOnMounted:g}=l,h=(f?e.shallowRef:e.ref)(typeof n=="function"?n():n);if(!o)try{o=ne("getDefaultStorage",()=>{var v;return(v=T)==null?void 0:v.localStorage})()}catch(v){m(v)}if(!o)return h;const w=B(n),_=Fe(w),V=(r=l.serializer)!=null?r:je[_],{pause:y,resume:b}=Me(h,()=>S(h.value),{flush:i,deep:a,eventFilter:p});c&&s&&U(()=>{W(c,"storage",$),W(c,q,O),g&&$()}),g||$();function C(v,k){c&&c.dispatchEvent(new CustomEvent(q,{detail:{key:t,oldValue:v,newValue:k,storageArea:o}}))}function S(v){try{const k=o.getItem(t);if(v==null)C(k,null),o.removeItem(t);else{const E=V.write(v);k!==E&&(o.setItem(t,E),C(k,E))}}catch(k){m(k)}}function M(v){const k=v?v.newValue:o.getItem(t);if(k==null)return u&&w!=null&&o.setItem(t,V.write(w)),w;if(!v&&d){const E=V.read(k);return typeof d=="function"?d(E,w):_==="object"&&!Array.isArray(E)?{...w,...E}:E}else return typeof k!="string"?k:V.read(k)}function $(v){if(!(v&&v.storageArea!==o)){if(v&&v.key==null){h.value=w;return}if(!(v&&v.key!==t)){y();try{(v==null?void 0:v.newValue)!==V.write(h.value)&&(h.value=M(v))}catch(k){m(k)}finally{v?e.nextTick(b):b()}}}}function O(v){$(v.detail)}return h}function He(t){return Ae("(prefers-color-scheme: dark)",t)}function Je(t={}){const{selector:n="html",attribute:o="class",initialValue:l="auto",window:r=T,storage:i,storageKey:a="vueuse-color-scheme",listenToStorageChanges:s=!0,storageRef:u,emitAuto:d,disableTransition:f=!0}=t,c={auto:"",light:"light",dark:"dark",...t.modes||{}},p=He({window:r}),m=e.computed(()=>p.value?"dark":"light"),g=u||(a==null?ee(l):Ie(a,l,i,{window:r,listenToStorageChanges:s})),h=e.computed(()=>g.value==="auto"?m.value:g.value),w=ne("updateHTMLAttrs",(b,C,S)=>{const M=typeof b=="string"?r==null?void 0:r.document.querySelector(b):N(b);if(!M)return;let $;if(f&&($=r.document.createElement("style"),$.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),r.document.head.appendChild($)),C==="class"){const O=S.split(/\s/g);Object.values(c).flatMap(v=>(v||"").split(/\s/g)).filter(Boolean).forEach(v=>{O.includes(v)?M.classList.add(v):M.classList.remove(v)})}else M.setAttribute(C,S);f&&(r.getComputedStyle($).opacity,document.head.removeChild($))});function _(b){var C;w(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 y=e.computed({get(){return d?g.value:h.value},set(b){g.value=b}});try{return Object.assign(y,{store:g,system:m,state:h})}catch{return y}}function Ke(t,n,o={}){const{window:l=T,...r}=o;let i;const a=oe(()=>l&&"ResizeObserver"in l),s=()=>{i&&(i.disconnect(),i=void 0)},u=e.computed(()=>Array.isArray(t)?t.map(c=>N(c)):[N(t)]),d=e.watch(u,c=>{if(s(),a.value&&l){i=new ResizeObserver(n);for(const p of c)p&&i.observe(p,r)}},{immediate:!0,flush:"post"}),f=()=>{s(),d()};return F(f),{isSupported:a,stop:f}}function Ue(t,n={width:0,height:0},o={}){const{window:l=T,box:r="content-box"}=o,i=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),s=e.ref(n.height),{stop:u}=Ke(t,([c])=>{const p=r==="border-box"?c.borderBoxSize:r==="content-box"?c.contentBoxSize:c.devicePixelContentBoxSize;if(l&&i.value){const m=N(t);if(m){const g=m.getBoundingClientRect();a.value=g.width,s.value=g.height}}else if(p){const m=Array.isArray(p)?p:[p];a.value=m.reduce((g,{inlineSize:h})=>g+h,0),s.value=m.reduce((g,{blockSize:h})=>g+h,0)}else a.value=c.contentRect.width,s.value=c.contentRect.height},o);U(()=>{const c=N(t);c&&(a.value="offsetWidth"in c?c.offsetWidth:n.width,s.value="offsetHeight"in c?c.offsetHeight:n.height)});const d=e.watch(()=>N(t),c=>{a.value=c?n.width:0,s.value=c?n.height:0});function f(){u(),d()}return{width:a,height:s,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 re(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:re(o)}}function Ye(t){const n=t||window.event,o=n.target;return re(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const I=new WeakMap;function Ge(t,n=!1){const o=e.ref(n);let l=null,r="";e.watch(ee(t),s=>{const u=j(B(s));if(u){const d=u;if(I.get(d)||I.set(d,d.style.overflow),d.style.overflow!=="hidden"&&(r=d.style.overflow),d.style.overflow==="hidden")return o.value=!0;if(o.value)return d.style.overflow="hidden"}},{immediate:!0});const i=()=>{const s=j(B(t));!s||o.value||(G&&(l=W(s,"touchmove",u=>{Ye(u)},{passive:!1})),s.style.overflow="hidden",o.value=!0)},a=()=>{const s=j(B(t));!s||!o.value||(G&&(l==null||l()),s.style.overflow=r,I.delete(s),o.value=!1)};return F(a),e.computed({get(){return o.value},set(s){s?i():a()}})}function D(t,n,o,l={}){var r,i,a;const{clone:s=!1,passive:u=!1,eventName:d,deep:f=!1,defaultValue:c,shouldEmit:p}=l,m=e.getCurrentInstance(),g=o||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((a=(i=m==null?void 0:m.proxy)==null?void 0:i.$emit)==null?void 0:a.bind(m==null?void 0:m.proxy));let h=d;n||(n="modelValue"),h=h||`update:${n.toString()}`;const w=y=>s?typeof s=="function"?s(y):Re(y):y,_=()=>Ce(t[n])?w(t[n]):c,V=y=>{p?p(y)&&g(h,y):g(h,y)};if(u){const y=_(),b=e.ref(y);let C=!1;return e.watch(()=>t[n],S=>{C||(C=!0,b.value=w(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(y){V(y)}})}const ae=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 i=e.computed(()=>n.placement.startsWith("top")?"translate-y--300%":"translate-y-300%");return(a,s)=>(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":i.value,"leave-to-class":i.value,onAfterLeave:s[0]||(s[0]=()=>{var u;r.value||(u=a.onClose)==null||u.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))}});function qe(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(ae,t);e.render(r,n)}const le="__vue-devtools-theme__";function ie(t={}){const n=Je({...t,storageKey:le});return{colorMode:n,isDark:e.computed(()=>n.value==="dark")}}const Xe={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=D(n,"isDark"),{colorMode:l}=ie({initialValue:o.value?"dark":"light",onChanged:s=>{o.value=s==="dark"}}),r=e.computed({get:()=>l.value==="dark",set:s=>l.value=s?"dark":"light"}),i=document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches;function a(s){if(!i||!s||!n.animation){r.value=!r.value;return}const u=s.clientX,d=s.clientY,f=Math.hypot(Math.max(u,innerWidth-u),Math.max(d,innerHeight-d));document.startViewTransition(async()=>{r.value=!r.value,await e.nextTick()}).ready.then(()=>{const p=[`circle(0px at ${u}px ${d}px)`,`circle(${f}px at ${u}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(s,u)=>(e.openBlock(),e.createElementBlock("span",Xe,[e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps({mode:e.unref(l),isDark:r.value,toggle:a})))]))}}),Ze={},et={class:"$ui-base border $ui-border-base rounded shadow-sm"};function tt(t,n){return e.openBlock(),e.createElementBlock("div",et,[e.renderSlot(t.$slots,"default")])}const ot=J(Ze,[["render",tt]]),Y=e.defineComponent({__name:"Overlay",props:{dim:{type:Boolean},blur:{type:Boolean},position:{default:"fixed"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base",[n.dim?"bg-opacity-50!":"bg-opacity-0!",n.blur?"backdrop-blur-sm":"",n.position]])},[e.renderSlot(n.$slots,"default")],2))}}),nt={class:"h7.5 w-full $ui-fbc"},rt={class:"text-4.5"},at=e.createElementVNode("div",{class:"i-carbon-close"},null,-1),lt=[at],it={class:"content transition-all transition-duration-300"},st={class:"footer h8 w-full transition-all transition-duration-300 delay-250"},ut={class:"$ui-fcc"},se=e.defineComponent({__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!0},title:{default:"Dialog"},width:{default:"32rem"},height:{default:"18rem"},closable:{type:Boolean,default:!0},mountTo:{default:"body"},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["close","update:modelValue"],setup(t,{emit:n}){const o=t,r=D(o,"modelValue",n,{passive:!0}),i=Ge(()=>window.document.documentElement);e.watchEffect(()=>{r.value?i.value=!0:i.value=!1});function a(){r.value&&o.autoClose&&(r.value=!1)}te("Escape",()=>{a()});const s=e.ref(!1);return e.onMounted(()=>s.value=!0),(u,d)=>s.value||u.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:u.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(Y,{key:0,dim:u.dim,blur:u.blur,position:u.position},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",style:e.normalizeStyle({width:o.width,height:o.height})},[e.createElementVNode("div",nt,[e.createElementVNode("div",rt,[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),u.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},lt)):e.createCommentVNode("",!0)]),e.createElementVNode("div",it,[e.renderSlot(u.$slots,"default")]),e.createElementVNode("div",st,[e.renderSlot(u.$slots,"footer",{},()=>[e.renderSlot(u.$slots,"footer",{},()=>[e.createElementVNode("div",ut,[e.createVNode(x,{type:"primary",onClick:a},{default:e.withCtx(()=>[e.createTextVNode(" close ")]),_:1})])])])])],4)]),_:3},8,["dim","blur","position"])):e.createCommentVNode("",!0)]),_:3})],8,["to"])):e.createCommentVNode("",!0)}}),ct=["type","placeholder","disabled"],dt={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"},H="transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500",ue=e.defineComponent({__name:"Input",props:{modelValue:{},placeholder:{default:""},variant:{default:"normal"},disabled:{type:Boolean,default:!1},leftIcon:{},rightIcon:{},loading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},loadingDebounceTime:{default:0},readonly:{type:Boolean,default:!1},type:{default:"text"}},emits:["update:modelValue","updateFocused","keyTab"],setup(t,{emit:n}){const o=t,l=n,r=D(o,"modelValue",l),i=Te(e.computed(()=>o.loading),o.loadingDebounceTime),a=De(!1,{onChanged(c){l("updateFocused",c)}}),s=e.computed(()=>o.variant==="flat"||o.variant==="warning"||o.disabled||o.readonly),u=e.computed(()=>o.disabled||i.value),d=e.ref();let f=!1;return e.watchEffect(()=>{i.value&&a.value?f=!0:!i.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":u.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(H)},[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:c.type,placeholder:c.placeholder,disabled:u.value||c.readonly,onBlur:p[1]||(p[1]=m=>a.value=!1)},null,40,ct),[[e.vModelDynamic,e.unref(r)]]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(H)},[e.createVNode(K)])):c.rightIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(H)},[e.createVNode(R,{icon:c.rightIcon},null,8,["icon"])])):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",dt))],2))}}),ft={class:"$ui-base"},pt=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=D(o,"modelValue",n),i=e.ref(!1),a=e.computed(()=>o.message&&o.message.length&&o.showMessage),s={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"},u={warning:"i-bx:bxs-error",danger:"i-ic-round-error",success:"i-ep:success-filled"};return(d,f)=>(e.openBlock(),e.createElementBlock("div",ft,[e.createVNode(ue,{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=>i.value=c)},null,8,["modelValue","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(["mt2 $ui-base text-3.5",[s[d.status],{"opacity-65":!i.value}]])},[d.status!=="normal"&&a.value?(e.openBlock(),e.createBlock(R,{key:0,inline:"",icon:u[d.status]},null,8,["icon"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(a.value?d.message:""),1)],2)]))}}),mt={class:"overflow-hidden rounded-lg shadow-lg"},vt=e.createElementVNode("div",{class:"p2 opacity-40"}," Empty... ",-1),ce=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(z.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",mt,[e.renderSlot(o.$slots,"popper",e.normalizeProps(e.guardReactiveProps({hide:r})),()=>[vt])])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(x,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"]))}}),gt=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(x,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(z.VClosePopper)]])}}),ht={class:"$ui-fec gap2.5"},bt=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=D(o,"modelValue",l);e.watchEffect(()=>{r.value||l("close")});function i(a=!1){(o.autoClose||a)&&(r.value=!1)}return(a,s)=>(e.openBlock(),e.createBlock(se,{modelValue:e.unref(r),"onUpdate:modelValue":s[2]||(s[2]=u=>e.isRef(r)?r.value=u:null),width:a.width,height:a.height,title:a.title,closable:!1},{footer:e.withCtx(()=>[e.createElementVNode("div",ht,[e.createVNode(x,{onClick:s[0]||(s[0]=()=>{l("cancel"),i(!0)})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.cancelText),1)]),_:1}),e.createVNode(x,{loading:a.loading,type:"primary",onClick:s[1]||(s[1]=()=>{l("confirm"),i()})},{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"]))}}),yt={class:"m1 min-w-35 w-auto flex flex-col"},wt=["onClick"],kt=e.createElementVNode("div",{class:"i-mdi-chevron-down"},null,-1),Ct=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(),i=e.computed({get:()=>o.modelValue,set:u=>l("update:modelValue",u)}),a=e.computed(()=>{const u=o.options.find(d=>d.value===i.value);return u!=null&&u.label?o.labelRenderer(u.label):o.placeholder});function s(u){o.multiple?i.value=i.value.includes(u.value)?i.value.filter(d=>d!==u.value):[...i.value,u.value]:i.value=u.value}return(u,d)=>(e.openBlock(),e.createBlock(ce,e.mergeProps({label:a.value},{buttonProps:u.buttonProps,disabled:u.disabled}),e.createSlots({popper:e.withCtx(()=>[e.createElementVNode("div",yt,[e.unref(r).item?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.options,f=>(e.openBlock(),e.createElementBlock("div",{key:f.value,class:"cursor-pointer",onClick:c=>s(f)},[e.renderSlot(u.$slots,"item",e.mergeProps({ref_for:!0},{item:f,active:u.multiple?i.value.includes(f.value):f.value===i.value,disabled:u.disabled}))],8,wt))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.options,f=>e.withDirectives((e.openBlock(),e.createBlock(x,{key:f.value,disabled:u.disabled,round:"normal",class:e.normalizeClass(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!",{active:u.multiple?i.value.includes(f.value):f.value===i.value}]),onClick:c=>s(f)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["disabled","class","onClick"])),[[e.unref(z.VClosePopper),u.autoClose]])),128))])]),"button-icon-right":e.withCtx(()=>[kt]),_:2},[e.unref(r).button?{name:"default",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"button")]),key:"0"}:void 0]),1040,["label"]))}}),Bt=e.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:n}){const r=D(t,"modelValue",n),i=ze(r);return(a,s)=>(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:s[0]||(s[0]=u=>!a.disabled&&e.unref(i)())},[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))}}),Vt=e.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean},variant:{default:"normal"}},emits:["update:modelValue"],setup(t,{emit:n}){const r=D(t,"modelValue",n);return(i,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)?i.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]=s=>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))}}),$t=e.defineComponent({__name:"Drawer",props:{modelValue:{type:Boolean},mountTo:{default:"body"},placement:{default:"right"},closeOutside:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},contentClass:{},permanent:{type:Boolean,default:!1},contentBlur:{type:Boolean,default:!1},top:{},dim:{type:Boolean},blur:{type:Boolean},position:{}},emits:["update:modelValue","close"],setup(t,{emit:n}){const o=t,l=n,{height:r}=Ue(()=>typeof o.top=="string"?document.querySelector(o.top):o.top,void 0,{box:"border-box"}),i=D(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%"}};te("Escape",()=>{o.closable&&(i.value=!1)});const s=e.computed(()=>a[o.placement]),u=e.ref(!1);return e.onMounted(()=>u.value=!0),(d,f)=>u.value||d.mountTo==="body"?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:d.mountTo},[e.createVNode(e.Transition,{"enter-from-class":`${s.value.transition}`,"leave-to-class":`${s.value.transition}`},{default:e.withCtx(()=>[e.unref(i)?(e.openBlock(),e.createBlock(Y,{key:0,class:e.normalizeClass({"pointer-events-none":d.permanent}),dim:d.dim,blur:d.blur,position:d.position,onClick:f[2]||(f[2]=c=>d.closeOutside&&d.closable&&(i.value=!1))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[s.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=>i.value=!1)})):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"default")],6)]),_:3},8,["class","dim","blur","position"])):e.createCommentVNode("",!0)]),_:3},8,["enter-from-class","leave-to-class"])],8,["to"])):e.createCommentVNode("",!0)}}),St=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(z.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"]))}});Object.defineProperty(exports,"vTooltip",{enumerable:!0,get:()=>z.vTooltip});exports.THEME_KEY=le;exports.VueBadge=we;exports.VueButton=x;exports.VueCard=ot;exports.VueCheckbox=Vt;exports.VueConfirm=bt;exports.VueDarkToggle=Qe;exports.VueDialog=se;exports.VueDrawer=$t;exports.VueDropdown=ce;exports.VueDropdownButton=gt;exports.VueFormField=pt;exports.VueIcon=R;exports.VueInput=ue;exports.VueLoadingIndicator=K;exports.VueNotification=ae;exports.VueOverlay=Y;exports.VueSelect=Ct;exports.VueSwitch=Bt;exports.VueTooltip=St;exports.showVueNotification=qe;exports.useDevToolsColorMode=ie;
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  // @unocss-include
2
2
 
3
- import { Dropdown as ze, VClosePopper as ke, Tooltip as je } from "floating-vue";
3
+ import { Dropdown as Fe, VClosePopper as ke, Tooltip as je } from "floating-vue";
4
4
  import { vTooltip as Vo } from "floating-vue";
5
- import { openBlock as p, createElementBlock as _, createElementVNode as b, defineComponent as T, useAttrs as xe, computed as $, useSlots as $e, createBlock as O, resolveDynamicComponent as _e, mergeProps as G, withCtx as y, renderSlot as w, unref as k, createCommentVNode as A, normalizeClass as V, ref as B, watch as R, customRef as Ce, isRef as Q, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Ve, onMounted as X, nextTick as Z, getCurrentInstance as de, shallowRef as Ue, watchEffect as q, createVNode as W, Transition as ce, normalizeStyle as fe, toDisplayString as I, h as Ke, render as ge, normalizeProps as Se, guardReactiveProps as Be, Teleport as Te, createTextVNode as H, withDirectives as pe, vModelDynamic as Ge, provide as Ye, createSlots as De, inject as Xe, Fragment as he, renderList as be, withModifiers as qe } from "vue";
5
+ import { openBlock as p, createElementBlock as _, createElementVNode as b, defineComponent as T, useAttrs as xe, computed as $, useSlots as $e, createBlock as M, resolveDynamicComponent as _e, mergeProps as G, withCtx as y, renderSlot as w, unref as k, createCommentVNode as A, normalizeClass as V, ref as B, watch as z, customRef as Ce, isRef as Q, getCurrentScope as Ie, onScopeDispose as He, toRef as Je, readonly as Ve, onMounted as X, nextTick as Z, getCurrentInstance as de, shallowRef as Ue, watchEffect as q, createVNode as R, Transition as ce, normalizeStyle as fe, toDisplayString as I, h as Ke, render as ge, normalizeProps as Se, guardReactiveProps as Be, Teleport as Te, createTextVNode as H, withDirectives as pe, vModelDynamic as Ge, provide as Ye, createSlots as De, inject as Xe, Fragment as he, renderList as be, withModifiers as qe } from "vue";
6
6
  const me = (e, o) => {
7
7
  const t = e.__vccOpts || e;
8
8
  for (const [a, n] of o)
@@ -33,7 +33,7 @@ const me = (e, o) => {
33
33
  function ot(e, o) {
34
34
  return p(), _("div", Ze, tt);
35
35
  }
36
- const Me = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__PURE__ */ T({
36
+ const Oe = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__PURE__ */ T({
37
37
  inheritAttrs: !1,
38
38
  __name: "Button",
39
39
  props: {
@@ -93,7 +93,7 @@ const Me = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__
93
93
  success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
94
94
  }
95
95
  }, d = $e(), c = $(() => t.flat ? i.flat[t.type] : t.outlined ? i.outlined[t.type] : i.normal[t.type]);
96
- return (u, f) => (p(), O(_e(l.value), G(u.$attrs, {
96
+ return (u, f) => (p(), M(_e(l.value), G(u.$attrs, {
97
97
  role: "button",
98
98
  "aria-disabled": r.value,
99
99
  class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
@@ -113,7 +113,7 @@ const Me = /* @__PURE__ */ me(Qe, [["render", ot]]), nt = { key: 2 }, Y = /* @__
113
113
  onClickCapture: s
114
114
  }), {
115
115
  default: y(() => [
116
- u.loading ? (p(), O(Me, {
116
+ u.loading ? (p(), M(Oe, {
117
117
  key: 0,
118
118
  class: "mt0.5 h-full w3"
119
119
  })) : w(u.$slots, "icon", {
@@ -142,12 +142,12 @@ const co = /* @__PURE__ */ me(rt, [["render", lt]]), ue = /* @__PURE__ */ T({
142
142
  action: { type: Boolean, default: !1 }
143
143
  },
144
144
  setup(e) {
145
- return (o, t) => (p(), O(_e(o.inline ? "span" : "div"), {
145
+ return (o, t) => (p(), M(_e(o.inline ? "span" : "div"), {
146
146
  class: V(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
147
147
  }, null, 8, ["class"]));
148
148
  }
149
149
  });
150
- function le(e) {
150
+ function ae(e) {
151
151
  return Ie() ? (He(e), !0) : !1;
152
152
  }
153
153
  function st(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
@@ -166,13 +166,13 @@ function st(e, o, { enumerable: t = !1, unwrap: a = !0 } = {}) {
166
166
  function N(e) {
167
167
  return typeof e == "function" ? e() : k(e);
168
168
  }
169
- const Oe = typeof window < "u" && typeof document < "u";
169
+ const Me = typeof window < "u" && typeof document < "u";
170
170
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
171
- const it = (e) => typeof e < "u", ut = Object.prototype.toString, dt = (e) => ut.call(e) === "[object Object]", re = () => {
171
+ const it = (e) => typeof e < "u", ut = Object.prototype.toString, dt = (e) => ut.call(e) === "[object Object]", ne = () => {
172
172
  }, ye = /* @__PURE__ */ ct();
173
173
  function ct() {
174
174
  var e, o;
175
- 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));
175
+ return Me && ((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));
176
176
  }
177
177
  function Ee(e, o) {
178
178
  function t(...a) {
@@ -184,9 +184,9 @@ function Ee(e, o) {
184
184
  }
185
185
  const Ae = (e) => e();
186
186
  function ft(e, o = {}) {
187
- let t, a, n = re;
187
+ let t, a, n = ne;
188
188
  const l = (s) => {
189
- clearTimeout(s), n(), n = re;
189
+ clearTimeout(s), n(), n = ne;
190
190
  };
191
191
  return (s) => {
192
192
  const i = N(e), d = N(o.maxWait);
@@ -219,7 +219,7 @@ function Ne(...e) {
219
219
  if (e.length !== 1)
220
220
  return Je(...e);
221
221
  const o = e[0];
222
- return typeof o == "function" ? Ve(Ce(() => ({ get: o, set: re }))) : B(o);
222
+ return typeof o == "function" ? Ve(Ce(() => ({ get: o, set: ne }))) : B(o);
223
223
  }
224
224
  function vt(e, o = 200, t = {}) {
225
225
  return Ee(
@@ -231,7 +231,7 @@ function gt(e, o = 200, t = {}) {
231
231
  const a = B(e.value), n = vt(() => {
232
232
  a.value = e.value;
233
233
  }, o, t);
234
- return R(e, () => n()), a;
234
+ return z(e, () => n()), a;
235
235
  }
236
236
  function ht(e, o = {}) {
237
237
  let t = e, a, n;
@@ -271,7 +271,7 @@ function bt(e, o, t = {}) {
271
271
  eventFilter: a = Ae,
272
272
  ...n
273
273
  } = t;
274
- return R(
274
+ return z(
275
275
  e,
276
276
  Ee(
277
277
  a,
@@ -317,15 +317,15 @@ function x(e) {
317
317
  const t = N(e);
318
318
  return (o = t == null ? void 0 : t.$el) != null ? o : t;
319
319
  }
320
- const J = Oe ? window : void 0;
321
- function ae(...e) {
320
+ const J = Me ? window : void 0;
321
+ function re(...e) {
322
322
  let o, t, a, n;
323
323
  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, a, n] = e, o = J) : [o, t, a, n] = e, !o)
324
- return re;
324
+ return ne;
325
325
  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
326
326
  const l = [], r = () => {
327
327
  l.forEach((c) => c()), l.length = 0;
328
- }, s = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), i = R(
328
+ }, s = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), i = z(
329
329
  () => [x(o), N(n)],
330
330
  ([c, u]) => {
331
331
  if (r(), !c)
@@ -339,7 +339,7 @@ function ae(...e) {
339
339
  ), d = () => {
340
340
  i(), r();
341
341
  };
342
- return le(d), d;
342
+ return ae(d), d;
343
343
  }
344
344
  function kt(e) {
345
345
  return typeof e == "function" ? e : typeof e == "string" ? (o) => o.key === e : Array.isArray(e) ? (o) => e.includes(o.key) : () => !0;
@@ -353,7 +353,7 @@ function Pe(...e) {
353
353
  passive: r = !1,
354
354
  dedupe: s = !1
355
355
  } = a, i = kt(o);
356
- return ae(n, l, (c) => {
356
+ return re(n, l, (c) => {
357
357
  c.repeat && N(s) || i(c) && t(c);
358
358
  }, r);
359
359
  }
@@ -363,12 +363,12 @@ function $t() {
363
363
  e.value = !0;
364
364
  }, o), e;
365
365
  }
366
- function We(e) {
366
+ function Re(e) {
367
367
  const o = $t();
368
368
  return $(() => (o.value, !!e()));
369
369
  }
370
370
  function _t(e, o = {}) {
371
- const { window: t = J } = o, a = We(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
371
+ const { window: t = J } = o, a = Re(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
372
372
  let n;
373
373
  const l = B(!1), r = (d) => {
374
374
  l.value = d.matches;
@@ -377,7 +377,7 @@ function _t(e, o = {}) {
377
377
  }, i = q(() => {
378
378
  a.value && (s(), n = t.matchMedia(N(e)), "addEventListener" in n ? n.addEventListener("change", r) : n.addListener(r), l.value = n.matches);
379
379
  });
380
- return le(() => {
380
+ return ae(() => {
381
381
  i(), s(), n = void 0;
382
382
  }), l;
383
383
  }
@@ -388,7 +388,7 @@ const te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window :
388
388
  function St() {
389
389
  return oe in te || (te[oe] = te[oe] || {}), te[oe];
390
390
  }
391
- function Fe(e, o) {
391
+ function We(e, o) {
392
392
  return Vt[e] || o;
393
393
  }
394
394
  function Bt(e) {
@@ -446,7 +446,7 @@ function Dt(e, o, t, a = {}) {
446
446
  } = a, h = (c ? Ue : B)(typeof o == "function" ? o() : o);
447
447
  if (!t)
448
448
  try {
449
- t = Fe("getDefaultStorage", () => {
449
+ t = We("getDefaultStorage", () => {
450
450
  var v;
451
451
  return (v = J) == null ? void 0 : v.localStorage;
452
452
  })();
@@ -455,48 +455,48 @@ function Dt(e, o, t, a = {}) {
455
455
  }
456
456
  if (!t)
457
457
  return h;
458
- const D = N(o), z = Bt(D), P = (n = a.serializer) != null ? n : Tt[z], { pause: S, resume: C } = yt(
458
+ const D = N(o), F = Bt(D), P = (n = a.serializer) != null ? n : Tt[F], { pause: S, resume: C } = yt(
459
459
  h,
460
460
  () => L(h.value),
461
461
  { flush: l, deep: r, eventFilter: f }
462
462
  );
463
463
  u && s && ve(() => {
464
- ae(u, "storage", F), ae(u, we, ee), g && F();
465
- }), g || F();
466
- function E(v, M) {
464
+ re(u, "storage", W), re(u, we, ee), g && W();
465
+ }), g || W();
466
+ function E(v, O) {
467
467
  u && u.dispatchEvent(new CustomEvent(we, {
468
468
  detail: {
469
469
  key: e,
470
470
  oldValue: v,
471
- newValue: M,
471
+ newValue: O,
472
472
  storageArea: t
473
473
  }
474
474
  }));
475
475
  }
476
476
  function L(v) {
477
477
  try {
478
- const M = t.getItem(e);
478
+ const O = t.getItem(e);
479
479
  if (v == null)
480
- E(M, null), t.removeItem(e);
480
+ E(O, null), t.removeItem(e);
481
481
  else {
482
482
  const j = P.write(v);
483
- M !== j && (t.setItem(e, j), E(M, j));
483
+ O !== j && (t.setItem(e, j), E(O, j));
484
484
  }
485
- } catch (M) {
486
- m(M);
485
+ } catch (O) {
486
+ m(O);
487
487
  }
488
488
  }
489
489
  function K(v) {
490
- const M = v ? v.newValue : t.getItem(e);
491
- if (M == null)
490
+ const O = v ? v.newValue : t.getItem(e);
491
+ if (O == null)
492
492
  return i && D != null && t.setItem(e, P.write(D)), D;
493
493
  if (!v && d) {
494
- const j = P.read(M);
495
- return typeof d == "function" ? d(j, D) : z === "object" && !Array.isArray(j) ? { ...D, ...j } : j;
494
+ const j = P.read(O);
495
+ return typeof d == "function" ? d(j, D) : F === "object" && !Array.isArray(j) ? { ...D, ...j } : j;
496
496
  } else
497
- return typeof M != "string" ? M : P.read(M);
497
+ return typeof O != "string" ? O : P.read(O);
498
498
  }
499
- function F(v) {
499
+ function W(v) {
500
500
  if (!(v && v.storageArea !== t)) {
501
501
  if (v && v.key == null) {
502
502
  h.value = D;
@@ -506,8 +506,8 @@ function Dt(e, o, t, a = {}) {
506
506
  S();
507
507
  try {
508
508
  (v == null ? void 0 : v.newValue) !== P.write(h.value) && (h.value = K(v));
509
- } catch (M) {
510
- m(M);
509
+ } catch (O) {
510
+ m(O);
511
511
  } finally {
512
512
  v ? Z(C) : C();
513
513
  }
@@ -515,14 +515,14 @@ function Dt(e, o, t, a = {}) {
515
515
  }
516
516
  }
517
517
  function ee(v) {
518
- F(v.detail);
518
+ W(v.detail);
519
519
  }
520
520
  return h;
521
521
  }
522
- function Mt(e) {
522
+ function Ot(e) {
523
523
  return _t("(prefers-color-scheme: dark)", e);
524
524
  }
525
- function Ot(e = {}) {
525
+ function Mt(e = {}) {
526
526
  const {
527
527
  selector: o = "html",
528
528
  attribute: t = "class",
@@ -539,31 +539,31 @@ function Ot(e = {}) {
539
539
  light: "light",
540
540
  dark: "dark",
541
541
  ...e.modes || {}
542
- }, f = Mt({ window: n }), m = $(() => f.value ? "dark" : "light"), g = i || (r == null ? Ne(a) : Dt(r, a, l, { window: n, listenToStorageChanges: s })), h = $(() => g.value === "auto" ? m.value : g.value), D = Fe(
542
+ }, f = Ot({ window: n }), m = $(() => f.value ? "dark" : "light"), g = i || (r == null ? Ne(a) : Dt(r, a, l, { window: n, listenToStorageChanges: s })), h = $(() => g.value === "auto" ? m.value : g.value), D = We(
543
543
  "updateHTMLAttrs",
544
544
  (C, E, L) => {
545
545
  const K = typeof C == "string" ? n == null ? void 0 : n.document.querySelector(C) : x(C);
546
546
  if (!K)
547
547
  return;
548
- let F;
549
- if (c && (F = n.document.createElement("style"), F.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), n.document.head.appendChild(F)), E === "class") {
548
+ let W;
549
+ if (c && (W = n.document.createElement("style"), W.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), n.document.head.appendChild(W)), E === "class") {
550
550
  const ee = L.split(/\s/g);
551
551
  Object.values(u).flatMap((v) => (v || "").split(/\s/g)).filter(Boolean).forEach((v) => {
552
552
  ee.includes(v) ? K.classList.add(v) : K.classList.remove(v);
553
553
  });
554
554
  } else
555
555
  K.setAttribute(E, L);
556
- c && (n.getComputedStyle(F).opacity, document.head.removeChild(F));
556
+ c && (n.getComputedStyle(W).opacity, document.head.removeChild(W));
557
557
  }
558
558
  );
559
- function z(C) {
559
+ function F(C) {
560
560
  var E;
561
561
  D(o, t, (E = u[C]) != null ? E : C);
562
562
  }
563
563
  function P(C) {
564
- e.onChanged ? e.onChanged(C, z) : z(C);
564
+ e.onChanged ? e.onChanged(C, F) : F(C);
565
565
  }
566
- R(h, P, { flush: "post", immediate: !0 }), ve(() => P(h.value));
566
+ z(h, P, { flush: "post", immediate: !0 }), ve(() => P(h.value));
567
567
  const S = $({
568
568
  get() {
569
569
  return d ? g.value : h.value;
@@ -581,9 +581,9 @@ function Ot(e = {}) {
581
581
  function Et(e, o, t = {}) {
582
582
  const { window: a = J, ...n } = t;
583
583
  let l;
584
- const r = We(() => a && "ResizeObserver" in a), s = () => {
584
+ const r = Re(() => a && "ResizeObserver" in a), s = () => {
585
585
  l && (l.disconnect(), l = void 0);
586
- }, i = $(() => Array.isArray(e) ? e.map((u) => x(u)) : [x(e)]), d = R(
586
+ }, i = $(() => Array.isArray(e) ? e.map((u) => x(u)) : [x(e)]), d = z(
587
587
  i,
588
588
  (u) => {
589
589
  if (s(), r.value && a) {
@@ -596,7 +596,7 @@ function Et(e, o, t = {}) {
596
596
  ), c = () => {
597
597
  s(), d();
598
598
  };
599
- return le(c), {
599
+ return ae(c), {
600
600
  isSupported: r,
601
601
  stop: c
602
602
  };
@@ -612,8 +612,8 @@ function At(e, o = { width: 0, height: 0 }, t = {}) {
612
612
  if (a && l.value) {
613
613
  const m = x(e);
614
614
  if (m) {
615
- const g = a.getComputedStyle(m);
616
- r.value = Number.parseFloat(g.width), s.value = Number.parseFloat(g.height);
615
+ const g = m.getBoundingClientRect();
616
+ r.value = g.width, s.value = g.height;
617
617
  }
618
618
  } else if (f) {
619
619
  const m = Array.isArray(f) ? f : [f];
@@ -627,7 +627,7 @@ function At(e, o = { width: 0, height: 0 }, t = {}) {
627
627
  const u = x(e);
628
628
  u && (r.value = "offsetWidth" in u ? u.offsetWidth : o.width, s.value = "offsetHeight" in u ? u.offsetHeight : o.height);
629
629
  });
630
- const d = R(
630
+ const d = z(
631
631
  () => x(e),
632
632
  (u) => {
633
633
  r.value = u ? o.width : 0, s.value = u ? o.height : 0;
@@ -642,7 +642,7 @@ function At(e, o = { width: 0, height: 0 }, t = {}) {
642
642
  stop: c
643
643
  };
644
644
  }
645
- function se(e) {
645
+ function le(e) {
646
646
  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
647
647
  }
648
648
  function Le(e) {
@@ -658,40 +658,42 @@ function Nt(e) {
658
658
  const o = e || window.event, t = o.target;
659
659
  return Le(t) ? !1 : o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
660
660
  }
661
- const ne = /* @__PURE__ */ new WeakMap();
661
+ const se = /* @__PURE__ */ new WeakMap();
662
662
  function Pt(e, o = !1) {
663
663
  const t = B(o);
664
- let a = null;
665
- R(Ne(e), (r) => {
666
- const s = se(N(r));
667
- if (s) {
668
- const i = s;
669
- ne.get(i) || ne.set(i, i.style.overflow), t.value && (i.style.overflow = "hidden");
664
+ let a = null, n = "";
665
+ z(Ne(e), (s) => {
666
+ const i = le(N(s));
667
+ if (i) {
668
+ const d = i;
669
+ if (se.get(d) || se.set(d, d.style.overflow), d.style.overflow !== "hidden" && (n = d.style.overflow), d.style.overflow === "hidden")
670
+ return t.value = !0;
671
+ if (t.value)
672
+ return d.style.overflow = "hidden";
670
673
  }
671
674
  }, {
672
675
  immediate: !0
673
676
  });
674
- const n = () => {
675
- const r = se(N(e));
676
- !r || t.value || (ye && (a = ae(
677
- r,
677
+ const l = () => {
678
+ const s = le(N(e));
679
+ !s || t.value || (ye && (a = re(
680
+ s,
678
681
  "touchmove",
679
- (s) => {
680
- Nt(s);
682
+ (i) => {
683
+ Nt(i);
681
684
  },
682
685
  { passive: !1 }
683
- )), r.style.overflow = "hidden", t.value = !0);
684
- }, l = () => {
685
- var r;
686
- const s = se(N(e));
687
- !s || !t.value || (ye && (a == null || a()), s.style.overflow = (r = ne.get(s)) != null ? r : "", ne.delete(s), t.value = !1);
686
+ )), s.style.overflow = "hidden", t.value = !0);
687
+ }, r = () => {
688
+ const s = le(N(e));
689
+ !s || !t.value || (ye && (a == null || a()), s.style.overflow = n, se.delete(s), t.value = !1);
688
690
  };
689
- return le(l), $({
691
+ return ae(r), $({
690
692
  get() {
691
693
  return t.value;
692
694
  },
693
- set(r) {
694
- r ? n() : l();
695
+ set(s) {
696
+ s ? l() : r();
695
697
  }
696
698
  });
697
699
  }
@@ -707,18 +709,18 @@ function U(e, o, t, a = {}) {
707
709
  } = a, m = de(), g = t || (m == null ? void 0 : m.emit) || ((n = m == null ? void 0 : m.$emit) == null ? void 0 : n.bind(m)) || ((r = (l = m == null ? void 0 : m.proxy) == null ? void 0 : l.$emit) == null ? void 0 : r.bind(m == null ? void 0 : m.proxy));
708
710
  let h = d;
709
711
  o || (o = "modelValue"), h = h || `update:${o.toString()}`;
710
- const D = (S) => s ? typeof s == "function" ? s(S) : Ct(S) : S, z = () => it(e[o]) ? D(e[o]) : u, P = (S) => {
712
+ const D = (S) => s ? typeof s == "function" ? s(S) : Ct(S) : S, F = () => it(e[o]) ? D(e[o]) : u, P = (S) => {
711
713
  f ? f(S) && g(h, S) : g(h, S);
712
714
  };
713
715
  if (i) {
714
- const S = z(), C = B(S);
716
+ const S = F(), C = B(S);
715
717
  let E = !1;
716
- return R(
718
+ return z(
717
719
  () => e[o],
718
720
  (L) => {
719
721
  E || (E = !0, C.value = D(L), Z(() => E = !1));
720
722
  }
721
- ), R(
723
+ ), z(
722
724
  C,
723
725
  (L) => {
724
726
  !E && (L !== e[o] || c) && P(L);
@@ -728,14 +730,14 @@ function U(e, o, t, a = {}) {
728
730
  } else
729
731
  return $({
730
732
  get() {
731
- return z();
733
+ return F();
732
734
  },
733
735
  set(S) {
734
736
  P(S);
735
737
  }
736
738
  });
737
739
  }
738
- const Wt = /* @__PURE__ */ T({
740
+ const Rt = /* @__PURE__ */ T({
739
741
  __name: "Notification",
740
742
  props: {
741
743
  message: {},
@@ -769,7 +771,7 @@ const Wt = /* @__PURE__ */ T({
769
771
  { "bottom-0": r.placement.startsWith("bottom") }
770
772
  ]])
771
773
  }, [
772
- W(ce, {
774
+ R(ce, {
773
775
  "enter-from-class": l.value,
774
776
  "leave-to-class": l.value,
775
777
  onAfterLeave: s[0] || (s[0] = () => {
@@ -808,21 +810,21 @@ function fo(e) {
808
810
  e.onClose = () => {
809
811
  a(), t == null || t(), document.body.removeChild(o);
810
812
  };
811
- const n = Ke(Wt, e);
813
+ const n = Ke(Rt, e);
812
814
  ge(n, o);
813
815
  }
814
- const Ft = "__vue-devtools-theme__";
816
+ const Wt = "__vue-devtools-theme__";
815
817
  function Lt(e = {}) {
816
- const o = Ot({
818
+ const o = Mt({
817
819
  ...e,
818
- storageKey: Ft
820
+ storageKey: Wt
819
821
  });
820
822
  return {
821
823
  colorMode: o,
822
824
  isDark: $(() => o.value === "dark")
823
825
  };
824
826
  }
825
- const Rt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
827
+ const zt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
826
828
  __name: "DarkToggle",
827
829
  props: {
828
830
  isDark: { type: Boolean, default: !1 },
@@ -867,17 +869,17 @@ const Rt = { class: "$ui-dark-toggle-vtr" }, po = /* @__PURE__ */ T({
867
869
  );
868
870
  });
869
871
  }
870
- return (s, i) => (p(), _("span", Rt, [
872
+ return (s, i) => (p(), _("span", zt, [
871
873
  w(s.$slots, "default", Se(Be({ mode: k(a), isDark: n.value, toggle: r })))
872
874
  ]));
873
875
  }
874
- }), zt = {}, jt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
876
+ }), Ft = {}, jt = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
875
877
  function xt(e, o) {
876
878
  return p(), _("div", jt, [
877
879
  w(e.$slots, "default")
878
880
  ]);
879
881
  }
880
- const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
882
+ const mo = /* @__PURE__ */ me(Ft, [["render", xt]]), ze = /* @__PURE__ */ T({
881
883
  __name: "Overlay",
882
884
  props: {
883
885
  dim: { type: Boolean },
@@ -924,18 +926,18 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
924
926
  r();
925
927
  });
926
928
  const s = B(!1);
927
- return X(() => s.value = !0), (i, d) => s.value || i.mountTo === "body" ? (p(), O(Te, {
929
+ return X(() => s.value = !0), (i, d) => s.value || i.mountTo === "body" ? (p(), M(Te, {
928
930
  key: 0,
929
931
  to: i.mountTo
930
932
  }, [
931
- W(ce, {
933
+ R(ce, {
932
934
  "enter-from-class": "opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0",
933
935
  "enter-to-class": "opacity-100 [&_.modal]:scale-100",
934
936
  "leave-from-class": "opacity-100 [&_.modal]:scale-100",
935
937
  "leave-to-class": "opacity-0 [&_.modal]:scale-95"
936
938
  }, {
937
939
  default: y(() => [
938
- k(n) ? (p(), O(Re, {
940
+ k(n) ? (p(), M(ze, {
939
941
  key: 0,
940
942
  dim: i.dim,
941
943
  blur: i.blur,
@@ -968,7 +970,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
968
970
  w(i.$slots, "footer", {}, () => [
969
971
  w(i.$slots, "footer", {}, () => [
970
972
  b("div", Yt, [
971
- W(Y, {
973
+ R(Y, {
972
974
  type: "primary",
973
975
  onClick: r
974
976
  }, {
@@ -1045,7 +1047,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1045
1047
  key: 0,
1046
1048
  class: V(ie)
1047
1049
  }, [
1048
- W(ue, { icon: u.leftIcon }, null, 8, ["icon"])
1050
+ R(ue, { icon: u.leftIcon }, null, 8, ["icon"])
1049
1051
  ])) : A("", !0),
1050
1052
  pe(b("input", {
1051
1053
  ref_key: "inputRef",
@@ -1063,12 +1065,12 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1063
1065
  key: 1,
1064
1066
  class: V(ie)
1065
1067
  }, [
1066
- W(Me)
1068
+ R(Oe)
1067
1069
  ])) : u.rightIcon ? (p(), _("div", {
1068
1070
  key: 2,
1069
1071
  class: V(ie)
1070
1072
  }, [
1071
- W(ue, { icon: u.rightIcon }, null, 8, ["icon"])
1073
+ R(ue, { icon: u.rightIcon }, null, 8, ["icon"])
1072
1074
  ])) : A("", !0),
1073
1075
  s.value ? A("", !0) : (p(), _("div", Qt))
1074
1076
  ], 2));
@@ -1095,7 +1097,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1095
1097
  success: "i-ep:success-filled"
1096
1098
  };
1097
1099
  return (d, c) => (p(), _("div", eo, [
1098
- W(Zt, {
1100
+ R(Zt, {
1099
1101
  modelValue: k(n),
1100
1102
  "onUpdate:modelValue": c[0] || (c[0] = (u) => Q(n) ? n.value = u : null),
1101
1103
  placeholder: d.placeholder,
@@ -1107,7 +1109,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1107
1109
  { "opacity-65": !l.value }
1108
1110
  ]])
1109
1111
  }, [
1110
- d.status !== "normal" && r.value ? (p(), O(ue, {
1112
+ d.status !== "normal" && r.value ? (p(), M(ue, {
1111
1113
  key: 0,
1112
1114
  inline: "",
1113
1115
  icon: i[d.status]
@@ -1132,7 +1134,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1132
1134
  emits: ["update:visible"],
1133
1135
  setup(e) {
1134
1136
  const o = e;
1135
- return Ye("$ui-dropdown-disabled", $(() => o.disabled)), (t, a) => (p(), O(k(ze), {
1137
+ return Ye("$ui-dropdown-disabled", $(() => o.disabled)), (t, a) => (p(), M(k(Fe), {
1136
1138
  disabled: t.disabled,
1137
1139
  class: "inline-block w-auto",
1138
1140
  shown: t.shown,
@@ -1154,7 +1156,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1154
1156
  ]),
1155
1157
  default: y(() => [
1156
1158
  w(t.$slots, "default", {}, () => [
1157
- W(Y, G({
1159
+ R(Y, G({
1158
1160
  ...t.buttonProps,
1159
1161
  disabled: t.disabled
1160
1162
  }, { class: t.buttonClass }), De({
@@ -1193,7 +1195,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1193
1195
  },
1194
1196
  setup(e) {
1195
1197
  const o = e, t = Xe("$ui-dropdown-disabled", void 0);
1196
- return (a, n) => pe((p(), O(Y, G({
1198
+ return (a, n) => pe((p(), M(Y, G({
1197
1199
  ...o,
1198
1200
  round: !1
1199
1201
  }, {
@@ -1233,7 +1235,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1233
1235
  function l(r = !1) {
1234
1236
  (t.autoClose || r) && (n.value = !1);
1235
1237
  }
1236
- return (r, s) => (p(), O(Xt, {
1238
+ return (r, s) => (p(), M(Xt, {
1237
1239
  modelValue: k(n),
1238
1240
  "onUpdate:modelValue": s[2] || (s[2] = (i) => Q(n) ? n.value = i : null),
1239
1241
  width: r.width,
@@ -1243,7 +1245,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1243
1245
  }, {
1244
1246
  footer: y(() => [
1245
1247
  b("div", ro, [
1246
- W(Y, {
1248
+ R(Y, {
1247
1249
  onClick: s[0] || (s[0] = () => {
1248
1250
  a("cancel"), l(!0);
1249
1251
  })
@@ -1253,7 +1255,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1253
1255
  ]),
1254
1256
  _: 1
1255
1257
  }),
1256
- W(Y, {
1258
+ R(Y, {
1257
1259
  loading: r.loading,
1258
1260
  type: "primary",
1259
1261
  onClick: s[1] || (s[1] = () => {
@@ -1299,7 +1301,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1299
1301
  function s(i) {
1300
1302
  t.multiple ? l.value = l.value.includes(i.value) ? l.value.filter((d) => d !== i.value) : [...l.value, i.value] : l.value = i.value;
1301
1303
  }
1302
- return (i, d) => (p(), O(no, G({ label: r.value }, {
1304
+ return (i, d) => (p(), M(no, G({ label: r.value }, {
1303
1305
  buttonProps: i.buttonProps,
1304
1306
  disabled: i.disabled
1305
1307
  }), De({
@@ -1315,7 +1317,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1315
1317
  active: i.multiple ? l.value.includes(c.value) : c.value === l.value,
1316
1318
  disabled: i.disabled
1317
1319
  }))
1318
- ], 8, lo))), 128)) : (p(!0), _(he, { key: 1 }, be(i.options, (c) => pe((p(), O(Y, {
1320
+ ], 8, lo))), 128)) : (p(!0), _(he, { key: 1 }, be(i.options, (c) => pe((p(), M(Y, {
1319
1321
  key: c.value,
1320
1322
  disabled: i.disabled,
1321
1323
  round: "normal",
@@ -1440,16 +1442,16 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1440
1442
  t.closable && (l.value = !1);
1441
1443
  });
1442
1444
  const s = $(() => r[t.placement]), i = B(!1);
1443
- return X(() => i.value = !0), (d, c) => i.value || d.mountTo === "body" ? (p(), O(Te, {
1445
+ return X(() => i.value = !0), (d, c) => i.value || d.mountTo === "body" ? (p(), M(Te, {
1444
1446
  key: 0,
1445
1447
  to: d.mountTo
1446
1448
  }, [
1447
- W(ce, {
1449
+ R(ce, {
1448
1450
  "enter-from-class": `${s.value.transition}`,
1449
1451
  "leave-to-class": `${s.value.transition}`
1450
1452
  }, {
1451
1453
  default: y(() => [
1452
- k(l) ? (p(), O(Re, {
1454
+ k(l) ? (p(), M(ze, {
1453
1455
  key: 0,
1454
1456
  class: V({
1455
1457
  "pointer-events-none": d.permanent
@@ -1495,7 +1497,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1495
1497
  shown: { type: Boolean }
1496
1498
  },
1497
1499
  setup(e) {
1498
- return (o, t) => (p(), O(k(je), G({
1500
+ return (o, t) => (p(), M(k(je), G({
1499
1501
  disabled: o.disabled,
1500
1502
  placement: o.placement
1501
1503
  }, o.$attrs), {
@@ -1510,7 +1512,7 @@ const mo = /* @__PURE__ */ me(zt, [["render", xt]]), Re = /* @__PURE__ */ T({
1510
1512
  }
1511
1513
  });
1512
1514
  export {
1513
- Ft as THEME_KEY,
1515
+ Wt as THEME_KEY,
1514
1516
  co as VueBadge,
1515
1517
  Y as VueButton,
1516
1518
  mo as VueCard,
@@ -1524,9 +1526,9 @@ export {
1524
1526
  vo as VueFormField,
1525
1527
  ue as VueIcon,
1526
1528
  Zt as VueInput,
1527
- Me as VueLoadingIndicator,
1528
- Wt as VueNotification,
1529
- Re as VueOverlay,
1529
+ Oe as VueLoadingIndicator,
1530
+ Rt as VueNotification,
1531
+ ze as VueOverlay,
1530
1532
  bo as VueSelect,
1531
1533
  yo as VueSwitch,
1532
1534
  $o as VueTooltip,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vue/devtools-ui",
3
3
  "type": "module",
4
- "version": "7.2.0",
4
+ "version": "7.3.0-beta.1",
5
5
  "author": "webfansplz",
6
6
  "license": "MIT",
7
7
  "exports": {
@@ -30,21 +30,21 @@
30
30
  "vue": ">=3.0.0-0"
31
31
  },
32
32
  "dependencies": {
33
- "@vueuse/components": "^10.9.0",
34
- "@vueuse/core": "^10.9.0",
35
- "@vueuse/integrations": "^10.9.0",
33
+ "@vueuse/components": "^10.10.0",
34
+ "@vueuse/core": "^10.10.0",
35
+ "@vueuse/integrations": "^10.10.0",
36
36
  "colord": "^2.9.3",
37
37
  "focus-trap": "^7.5.4",
38
- "@vue/devtools-shared": "7.2.0"
38
+ "@vue/devtools-shared": "7.3.0-beta.1"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@histoire/plugin-vue": "^0.17.17",
42
- "@types/node": "^20.12.12",
43
- "@unocss/reset": "^0.60.2",
44
- "@vitejs/plugin-vue": "^5.0.4",
42
+ "@types/node": "^20.14.2",
43
+ "@unocss/reset": "^0.60.4",
44
+ "@vitejs/plugin-vue": "^5.0.5",
45
45
  "floating-vue": "5.2.2",
46
46
  "histoire": "^0.17.17",
47
- "unocss": "^0.60.2",
47
+ "unocss": "^0.60.4",
48
48
  "vite-plugin-dts": "^3.9.1"
49
49
  },
50
50
  "scripts": {