@vue/devtools-ui 7.6.1 → 7.6.3

package/dist/index.cjs

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

package/dist/index.js

@@ -1,27 +1,27 @@
 // @unocss-include
 
-import { Dropdown as ae, VClosePopper as Y, Tooltip as re } from "floating-vue";
-import { vTooltip as Vt } from "floating-vue";
+import { Dropdown as oe, VClosePopper as ae, vClosePopper as re, Tooltip as ne } from "floating-vue";
+import { vTooltip as Bt } from "floating-vue";
 /* empty css             */
 /* empty css               */
-import { openBlock as u, createElementBlock as f, renderSlot as v, createElementVNode as m, defineComponent as h, useAttrs as ne, computed as k, useSlots as q, createBlock as w, resolveDynamicComponent as J, mergeProps as D, withCtx as g, unref as b, createCommentVNode as $, normalizeClass as y, shallowRef as le, nextTick as H, Fragment as E, renderList as R, toDisplayString as B, watchEffect as P, ref as S, onMounted as z, Teleport as X, createVNode as C, Transition as N, normalizeStyle as j, createTextVNode as _, isRef as x, h as se, render as U, normalizeProps as G, guardReactiveProps as Q, withModifiers as ie, provide as de, createSlots as Z, inject as ue, withDirectives as A, vModelDynamic as ce } from "vue";
-import { useVModel as T, useScrollLock as pe, onKeyStroke as ee, useColorMode as me, useElementSize as fe, refDebounced as ge, refWithControl as ve, useToggle as be } from "@vueuse/core";
-import { createJavaScriptRegexEngine as ye, createHighlighterCore as he } from "shiki/core";
-import { i as ke } from "./ic-icons-data-B4q1VTSq.js";
+import { openBlock as u, createElementBlock as f, renderSlot as v, createElementVNode as m, defineComponent as h, useAttrs as le, computed as k, useSlots as Y, createBlock as w, resolveDynamicComponent as q, mergeProps as D, withCtx as g, unref as b, createCommentVNode as $, normalizeClass as y, shallowRef as se, nextTick as H, Fragment as E, renderList as R, toDisplayString as B, watchEffect as P, ref as S, onMounted as z, Teleport as J, createVNode as C, Transition as N, normalizeStyle as j, createTextVNode as _, isRef as x, h as ie, render as U, normalizeProps as X, guardReactiveProps as G, withModifiers as de, provide as ue, createSlots as Q, inject as ce, withDirectives as A, vModelDynamic as pe } from "vue";
+import { useVModel as T, useScrollLock as me, onKeyStroke as Z, useColorMode as fe, useElementSize as ge, refDebounced as ve, refWithControl as be, useToggle as ye } from "@vueuse/core";
+import { createJavaScriptRegexEngine as he, createHighlighterCore as ke } from "shiki/core";
+import { i as we } from "./ic-icons-data-B4q1VTSq.js";
 const O = (l, t) => {
   const e = l.__vccOpts || l;
   for (const [s, o] of t)
     e[s] = o;
   return e;
-}, we = {}, $e = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
-function Ce(l, t) {
-  return u(), f("span", $e, [
+}, $e = {}, Ce = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
+function Ve(l, t) {
+  return u(), f("span", Ce, [
     v(l.$slots, "default")
   ]);
 }
-const it = /* @__PURE__ */ O(we, [["render", Ce]]), Ve = {}, Be = { class: "h-3 w-3 $ui-inline-fcc" };
-function _e(l, t) {
-  return u(), f("div", Be, t[0] || (t[0] = [
+const dt = /* @__PURE__ */ O($e, [["render", Ve]]), Be = {}, _e = { class: "h-3 w-3 $ui-inline-fcc" };
+function Te(l, t) {
+  return u(), f("div", _e, t[0] || (t[0] = [
     m("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
@@ -44,7 +44,7 @@ function _e(l, t) {
     ], -1)
   ]));
 }
-const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__PURE__ */ h({
+const ee = /* @__PURE__ */ O(Be, [["render", Te]]), De = { key: 2 }, M = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -58,7 +58,7 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
   },
   emits: ["click"],
   setup(l, { emit: t }) {
-    const e = l, s = t, o = ne(), n = k(() => o.to ? "router-link" : o.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
+    const e = l, s = t, o = le(), n = k(() => o.to ? "router-link" : o.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
     function d(c) {
       if (r.value) {
         c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
@@ -103,8 +103,8 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
         info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
         success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
       }
-    }, i = q(), p = k(() => e.flat ? a.flat[e.type] : e.outlined ? a.outlined[e.type] : a.normal[e.type]);
-    return (c, V) => (u(), w(J(n.value), D(c.$attrs, {
+    }, i = Y(), p = k(() => e.flat ? a.flat[e.type] : e.outlined ? a.outlined[e.type] : a.normal[e.type]);
+    return (c, V) => (u(), w(q(n.value), D(c.$attrs, {
       role: "button",
       "aria-disabled": r.value,
       class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
@@ -124,14 +124,14 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
       onClickCapture: d
     }), {
       default: g(() => [
-        c.loading ? (u(), w(te, {
+        c.loading ? (u(), w(ee, {
           key: 0,
           class: "mt0.5 h-full w3"
         })) : v(c.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        b(i).default ? (u(), f("div", Te, [
+        b(i).default ? (u(), f("div", De, [
           v(c.$slots, "default")
         ])) : $("", !0),
         v(c.$slots, "icon-right")
@@ -139,13 +139,13 @@ const te = /* @__PURE__ */ O(Ve, [["render", _e]]), Te = { key: 2 }, M = /* @__P
       _: 3
     }, 16, ["aria-disabled", "class"]));
   }
-}), De = {}, Me = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
-function Se(l, t) {
-  return u(), f("div", Me, [
+}), Me = {}, Se = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
+function Ie(l, t) {
+  return u(), f("div", Se, [
     v(l.$slots, "default")
   ]);
 }
-const dt = /* @__PURE__ */ O(De, [["render", Se]]), ut = /* @__PURE__ */ h({
+const ut = /* @__PURE__ */ O(Me, [["render", Ie]]), ct = /* @__PURE__ */ h({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -167,13 +167,13 @@ const dt = /* @__PURE__ */ O(De, [["render", Se]]), ut = /* @__PURE__ */ h({
       }, null, 2)
     ], 2));
   }
-}), I = le();
+}), I = se();
 let K = null;
-function Ie(l, t = "text") {
+function Ee(l, t = "text") {
   var s;
   if (!K && !I.value) {
-    const o = ye();
-    K = he({
+    const o = he();
+    K = ke({
       themes: [
         import("shiki/themes/vitesse-dark.mjs"),
         import("shiki/themes/vitesse-light.mjs")
@@ -210,7 +210,7 @@ function Ie(l, t = "text") {
     supported: e
   };
 }
-const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /* @__PURE__ */ h({
+const Pe = ["innerHTML"], ze = { class: "shiki" }, Le = ["textContent"], pt = /* @__PURE__ */ h({
   __name: "CodeBlock",
   props: {
     code: {},
@@ -221,32 +221,32 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
   emits: ["loaded"],
   setup(l, { emit: t }) {
     const e = l, s = t, o = k(() => {
-      const n = e.lang === "text" ? { code: e.code, supported: !1 } : Ie(e.code, e.lang) || { code: e.code, supported: !1 };
+      const n = e.lang === "text" ? { code: e.code, supported: !1 } : Ee(e.code, e.lang) || { code: e.code, supported: !1 };
       return n.supported && e.transformRendered && (n.code = e.transformRendered(n.code)), n.supported && H(() => s("loaded")), n;
     });
     return (n, r) => n.lang && o.value.supported ? (u(), f("pre", {
       key: 0,
       class: y(["code-block", n.lines ? "code-block-lines" : ""]),
       innerHTML: o.value.code
-    }, null, 10, Ee)) : (u(), f("pre", {
+    }, null, 10, Pe)) : (u(), f("pre", {
       key: 1,
       class: y(["code-block", n.lines ? "code-block-lines" : ""])
     }, [
-      m("pre", Pe, [
+      m("pre", ze, [
         m("code", null, [
           (u(!0), f(E, null, R(n.code.split(`
 `), (d, a) => (u(), f(E, { key: a }, [
             m("span", {
               class: "line",
               textContent: B(d)
-            }, null, 8, ze),
+            }, null, 8, Le),
             r[0] || (r[0] = m("br", null, null, -1))
           ], 64))), 128))
         ])
       ])
     ], 2));
   }
-}), oe = /* @__PURE__ */ h({
+}), te = /* @__PURE__ */ h({
   __name: "Overlay",
   props: {
     dim: { type: Boolean },
@@ -264,7 +264,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
       v(t.$slots, "default")
     ], 2));
   }
-}), Le = { class: "h7.5 w-full $ui-fbc" }, Re = { class: "text-4.5" }, Fe = { class: "content transition-all transition-duration-300" }, He = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Ne = { class: "$ui-fcc" }, je = /* @__PURE__ */ h({
+}), Re = { class: "h7.5 w-full $ui-fbc" }, Fe = { class: "text-4.5" }, He = { class: "content transition-all transition-duration-300" }, Ne = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, je = { class: "$ui-fcc" }, xe = /* @__PURE__ */ h({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -280,18 +280,18 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
   },
   emits: ["close", "update:modelValue"],
   setup(l, { emit: t }) {
-    const e = l, o = T(e, "modelValue", t, { passive: !0 }), n = pe(() => window.document.documentElement);
+    const e = l, o = T(e, "modelValue", t, { passive: !0 }), n = me(() => window.document.documentElement);
     P(() => {
       o.value ? n.value = !0 : n.value = !1;
     });
     function r() {
       o.value && e.autoClose && (o.value = !1);
     }
-    ee("Escape", () => {
+    Z("Escape", () => {
       r();
     });
     const d = S(!1);
-    return z(() => d.value = !0), (a, i) => d.value || a.mountTo === "body" ? (u(), w(X, {
+    return z(() => d.value = !0), (a, i) => d.value || a.mountTo === "body" ? (u(), w(J, {
       key: 0,
       to: a.mountTo
     }, [
@@ -302,7 +302,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
         "leave-to-class": "opacity-0 [&_.modal]:scale-95"
       }, {
         default: g(() => [
-          b(o) ? (u(), w(oe, {
+          b(o) ? (u(), w(te, {
             key: 0,
             dim: a.dim,
             blur: a.blur,
@@ -316,8 +316,8 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
                   height: e.height
                 })
               }, [
-                m("div", Le, [
-                  m("div", Re, [
+                m("div", Re, [
+                  m("div", Fe, [
                     v(a.$slots, "title", {}, () => [
                       _(B(e.title), 1)
                     ])
@@ -330,13 +330,13 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
                     m("div", { class: "i-carbon-close" }, null, -1)
                   ]))) : $("", !0)
                 ]),
-                m("div", Fe, [
+                m("div", He, [
                   v(a.$slots, "default")
                 ]),
-                m("div", He, [
+                m("div", Ne, [
                   v(a.$slots, "footer", {}, () => [
                     v(a.$slots, "footer", {}, () => [
-                      m("div", Ne, [
+                      m("div", je, [
                         C(M, {
                           type: "primary",
                           onClick: r
@@ -359,7 +359,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
       })
     ], 8, ["to"])) : $("", !0);
   }
-}), xe = { class: "$ui-fec gap2.5" }, pt = /* @__PURE__ */ h({
+}), Ae = { class: "$ui-fec gap2.5" }, mt = /* @__PURE__ */ h({
   __name: "Confirm",
   props: {
     modelValue: { type: Boolean },
@@ -381,7 +381,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
     function n(r = !1) {
       (e.autoClose || r) && (o.value = !1);
     }
-    return (r, d) => (u(), w(je, {
+    return (r, d) => (u(), w(xe, {
       modelValue: b(o),
       "onUpdate:modelValue": d[2] || (d[2] = (a) => x(o) ? o.value = a : null),
       width: r.width,
@@ -390,7 +390,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
       closable: !1
     }, {
       footer: g(() => [
-        m("div", xe, [
+        m("div", Ae, [
           C(M, {
             onClick: d[0] || (d[0] = () => {
               s("cancel"), n(!0);
@@ -423,7 +423,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
       _: 3
     }, 8, ["modelValue", "width", "height", "title"]));
   }
-}), Ae = /* @__PURE__ */ h({
+}), Oe = /* @__PURE__ */ h({
   __name: "Notification",
   props: {
     message: {},
@@ -486,7 +486,7 @@ const Ee = ["innerHTML"], Pe = { class: "shiki" }, ze = ["textContent"], ct = /*
     ], 2));
   }
 });
-function mt(l) {
+function ft(l) {
   const t = document.createElement("div");
   t.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(t);
   const e = l.onClose;
@@ -496,21 +496,21 @@ function mt(l) {
   l.onClose = () => {
     s(), e == null || e(), document.body.removeChild(t);
   };
-  const o = se(Ae, l);
+  const o = ie(Oe, l);
   U(o, t);
 }
-const Oe = "__vue-devtools-theme__";
-function We(l = {}) {
-  const t = me({
+const We = "__vue-devtools-theme__";
+function Ue(l = {}) {
+  const t = fe({
     ...l,
-    storageKey: Oe
+    storageKey: We
   });
   return {
     colorMode: t,
     isDark: k(() => t.value === "dark")
   };
 }
-const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
+const Ke = { class: "$ui-dark-toggle-vtr" }, gt = /* @__PURE__ */ h({
   __name: "DarkToggle",
   props: {
     isDark: { type: Boolean, default: !1 },
@@ -518,7 +518,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
     animationDuration: { default: 400 }
   },
   setup(l) {
-    const t = l, e = T(t, "isDark"), { colorMode: s } = We({
+    const t = l, e = T(t, "isDark"), { colorMode: s } = Ue({
       initialValue: e.value ? "dark" : "light",
       onChanged: (d) => {
         e.value = d === "dark";
@@ -526,7 +526,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
     }), o = k({
       get: () => s.value === "dark",
       set: (d) => s.value = d ? "dark" : "light"
-    }), n = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }), n = !!document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     function r(d) {
       if (!n || !d || !t.animation) {
         o.value = !o.value;
@@ -555,11 +555,11 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
         );
       });
     }
-    return (d, a) => (u(), f("span", Ue, [
-      v(d.$slots, "default", G(Q({ mode: b(s), isDark: o.value, toggle: r })))
+    return (d, a) => (u(), f("span", Ke, [
+      v(d.$slots, "default", X(G({ mode: b(s), isDark: o.value, toggle: r })))
     ]));
   }
-}), gt = /* @__PURE__ */ h({
+}), vt = /* @__PURE__ */ h({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -577,7 +577,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue", "close"],
   setup(l, { emit: t }) {
-    const e = l, s = t, { height: o } = fe(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), n = T(e, "modelValue", s), r = {
+    const e = l, s = t, { height: o } = ge(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), n = T(e, "modelValue", s), r = {
       left: {
         class: "left-0 h-full b-r",
         transition: "[&_.drawer]:translate-x--100%"
@@ -595,11 +595,11 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
         transition: "[&_.drawer]:translate-y-100%"
       }
     };
-    ee("Escape", () => {
+    Z("Escape", () => {
       e.closable && (n.value = !1);
     });
     const d = k(() => r[e.placement]), a = S(!1);
-    return z(() => a.value = !0), (i, p) => a.value || i.mountTo === "body" ? (u(), w(X, {
+    return z(() => a.value = !0), (i, p) => a.value || i.mountTo === "body" ? (u(), w(J, {
       key: 0,
       to: i.mountTo
     }, [
@@ -608,7 +608,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
         "leave-to-class": `${d.value.transition}`
       }, {
         default: g(() => [
-          b(n) ? (u(), w(oe, {
+          b(n) ? (u(), w(te, {
             key: 0,
             class: y({
               "pointer-events-none": i.permanent
@@ -625,7 +625,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
                   top: i.placement === "bottom" ? "auto" : `${b(o)}px`,
                   height: ["top", "bottom"].includes(i.placement) ? "auto" : `calc(100% - ${b(o)}px)`
                 }),
-                onClick: p[1] || (p[1] = ie(() => {
+                onClick: p[1] || (p[1] = de(() => {
                 }, ["stop"]))
               }, [
                 i.closable ? (u(), f("div", {
@@ -643,7 +643,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 8, ["to"])) : $("", !0);
   }
-}), Ke = { class: "overflow-hidden rounded-lg shadow-lg" }, Ye = /* @__PURE__ */ h({
+}), Ye = { class: "overflow-hidden rounded-lg shadow-lg" }, qe = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     label: {},
@@ -659,7 +659,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
   emits: ["update:visible"],
   setup(l) {
     const t = l;
-    return de("$ui-dropdown-disabled", k(() => t.disabled)), (e, s) => (u(), w(b(ae), {
+    return ue("$ui-dropdown-disabled", k(() => t.disabled)), (e, s) => (u(), w(b(oe), {
       disabled: e.disabled,
       class: "inline-block w-auto",
       shown: e.shown,
@@ -673,8 +673,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       })
     }, {
       popper: g(({ hide: o }) => [
-        m("div", Ke, [
-          v(e.$slots, "popper", G(Q({ hide: o })), () => [
+        m("div", Ye, [
+          v(e.$slots, "popper", X(G({ hide: o })), () => [
             s[2] || (s[2] = m("div", { class: "p2 opacity-40" }, " Empty... ", -1))
           ])
         ])
@@ -684,7 +684,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
           C(M, D({
             ...e.buttonProps,
             disabled: e.disabled
-          }, { class: e.buttonClass }), Z({
+          }, { class: e.buttonClass }), Q({
             icon: g(() => [
               v(e.$slots, "button-icon")
             ]),
@@ -706,7 +706,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       _: 3
     }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
   }
-}), vt = /* @__PURE__ */ h({
+}), bt = /* @__PURE__ */ h({
   __name: "DropdownButton",
   props: {
     type: {},
@@ -719,7 +719,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
     keepOpen: { type: Boolean, default: !1 }
   },
   setup(l) {
-    const t = l, e = ue("$ui-dropdown-disabled", void 0);
+    const t = l, e = ce("$ui-dropdown-disabled", void 0);
     return (s, o) => A((u(), w(M, D({
       ...t,
       round: !1
@@ -735,7 +735,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       ]),
       _: 3
     }, 16, ["disabled"])), [
-      [b(Y)]
+      [b(ae)]
     ]);
   }
 }), F = /* @__PURE__ */ h({
@@ -746,14 +746,14 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
     action: { type: Boolean, default: !1 }
   },
   setup(l) {
-    return (t, e) => (u(), w(J(t.inline ? "span" : "div"), {
+    return (t, e) => (u(), w(q(t.inline ? "span" : "div"), {
       class: y(["$ui-base", [t.icon, t.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
-}), qe = ["type", "placeholder", "disabled"], Je = {
+}), Je = ["type", "placeholder", "disabled"], Xe = {
   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"
-}, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Xe = /* @__PURE__ */ h({
+}, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Ge = /* @__PURE__ */ h({
   __name: "Input",
   props: {
     modelValue: {},
@@ -770,7 +770,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
   setup(l, { emit: t }) {
-    const e = l, s = t, o = T(e, "modelValue", s), n = ge(k(() => e.loading), e.loadingDebounceTime), r = ve(!1, {
+    const e = l, s = t, o = T(e, "modelValue", s), n = ve(k(() => e.loading), e.loadingDebounceTime), r = be(!1, {
       onChanged(c) {
         s("updateFocused", c);
       }
@@ -816,24 +816,24 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
         placeholder: c.placeholder,
         disabled: a.value || c.readonly,
         onBlur: V[1] || (V[1] = (W) => r.value = !1)
-      }, null, 40, qe), [
-        [ce, b(o)]
+      }, null, 40, Je), [
+        [pe, b(o)]
       ]),
       b(n) ? (u(), f("div", {
         key: 1,
         class: y(L)
       }, [
-        C(te)
+        C(ee)
       ])) : c.rightIcon ? (u(), f("div", {
         key: 2,
         class: y(L)
       }, [
         C(F, { icon: c.rightIcon }, null, 8, ["icon"])
       ])) : $("", !0),
-      d.value ? $("", !0) : (u(), f("div", Je))
+      d.value ? $("", !0) : (u(), f("div", Xe))
     ], 2));
   }
-}), Ge = { class: "$ui-base" }, bt = /* @__PURE__ */ h({
+}), Qe = { class: "$ui-base" }, yt = /* @__PURE__ */ h({
   __name: "FormField",
   props: {
     modelValue: {},
@@ -854,8 +854,8 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (i, p) => (u(), f("div", Ge, [
-      C(Xe, {
+    return (i, p) => (u(), f("div", Qe, [
+      C(Ge, {
         modelValue: b(o),
         "onUpdate:modelValue": p[0] || (p[0] = (c) => x(o) ? o.value = c : null),
         placeholder: i.placeholder,
@@ -876,23 +876,23 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       ], 2)
     ]));
   }
-}), Qe = ["innerHTML"], yt = /* @__PURE__ */ h({
+}), Ze = ["innerHTML"], ht = /* @__PURE__ */ h({
   __name: "IcIcon",
   props: {
     name: {}
   },
   setup(l) {
-    const t = l, e = k(() => ke[t.name] ?? "");
+    const t = l, e = k(() => we[t.name] ?? "");
     return (s, o) => (u(), f("div", null, [
       (u(), f("svg", {
         class: "custom-svg h-1em w-1em",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         innerHTML: e.value
-      }, null, 8, Qe))
+      }, null, 8, Ze))
     ]));
   }
-}), Ze = { class: "m1 min-w-35 w-auto flex flex-col" }, et = ["onClick"], ht = /* @__PURE__ */ h({
+}), et = { class: "m1 min-w-35 w-auto flex flex-col" }, tt = ["onClick"], kt = /* @__PURE__ */ h({
   __name: "Select",
   props: {
     modelValue: {},
@@ -906,7 +906,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
-    const e = l, s = t, o = q(), n = k({
+    const e = l, s = t, o = Y(), n = k({
       get: () => e.modelValue,
       set: (a) => s("update:modelValue", a)
     }), r = k(() => {
@@ -916,12 +916,12 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
     function d(a) {
       e.multiple ? n.value = n.value.includes(a.value) ? n.value.filter((i) => i !== a.value) : [...n.value, a.value] : n.value = a.value;
     }
-    return (a, i) => (u(), w(Ye, D({ label: r.value }, {
+    return (a, i) => (u(), w(qe, D({ label: r.value }, {
       buttonProps: a.buttonProps,
       disabled: a.disabled
-    }), Z({
+    }), Q({
       popper: g(() => [
-        m("div", Ze, [
+        m("div", et, [
           b(o).item ? (u(!0), f(E, { key: 0 }, R(a.options, (p) => (u(), f("div", {
             key: p.value,
             class: "cursor-pointer",
@@ -932,7 +932,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
               active: a.multiple ? n.value.includes(p.value) : p.value === n.value,
               disabled: a.disabled
             }))
-          ], 8, et))), 128)) : (u(!0), f(E, { key: 1 }, R(a.options, (p) => A((u(), w(M, {
+          ], 8, tt))), 128)) : (u(!0), f(E, { key: 1 }, R(a.options, (p) => A((u(), w(M, {
             key: p.value,
             disabled: a.disabled,
             round: "normal",
@@ -946,7 +946,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
-            [b(Y), a.autoClose]
+            [b(re), a.autoClose]
           ])), 128))
         ])
       ]),
@@ -964,7 +964,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       } : void 0
     ]), 1040, ["label"]));
   }
-}), kt = /* @__PURE__ */ h({
+}), wt = /* @__PURE__ */ h({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean },
@@ -972,7 +972,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
-    const o = T(l, "modelValue", t), n = be(o);
+    const o = T(l, "modelValue", t), n = ye(o);
     return (r, d) => (u(), f("div", {
       class: y([[
         r.disabled ? "cursor-not-allowed" : "cursor-pointer"
@@ -995,7 +995,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), wt = /* @__PURE__ */ h({
+}), $t = /* @__PURE__ */ h({
   __name: "Tooltip",
   props: {
     trigger: {},
@@ -1006,7 +1006,7 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
     shown: { type: Boolean }
   },
   setup(l) {
-    return (t, e) => (u(), w(b(re), D({
+    return (t, e) => (u(), w(b(ne), D({
       disabled: t.disabled,
       placement: t.placement
     }, t.$attrs), {
@@ -1021,29 +1021,29 @@ const Ue = { class: "$ui-dark-toggle-vtr" }, ft = /* @__PURE__ */ h({
   }
 });
 export {
-  Oe as THEME_KEY,
-  it as VueBadge,
+  We as THEME_KEY,
+  dt as VueBadge,
   M as VueButton,
-  dt as VueCard,
-  ut as VueCheckbox,
-  ct as VueCodeBlock,
-  pt as VueConfirm,
-  ft as VueDarkToggle,
-  je as VueDialog,
-  gt as VueDrawer,
-  Ye as VueDropdown,
-  vt as VueDropdownButton,
-  bt as VueFormField,
-  yt as VueIcIcon,
+  ut as VueCard,
+  ct as VueCheckbox,
+  pt as VueCodeBlock,
+  mt as VueConfirm,
+  gt as VueDarkToggle,
+  xe as VueDialog,
+  vt as VueDrawer,
+  qe as VueDropdown,
+  bt as VueDropdownButton,
+  yt as VueFormField,
+  ht as VueIcIcon,
   F as VueIcon,
-  Xe as VueInput,
-  te as VueLoadingIndicator,
-  Ae as VueNotification,
-  oe as VueOverlay,
-  ht as VueSelect,
-  kt as VueSwitch,
-  wt as VueTooltip,
-  mt as showVueNotification,
-  We as useDevToolsColorMode,
-  Vt as vTooltip
+  Ge as VueInput,
+  ee as VueLoadingIndicator,
+  Oe as VueNotification,
+  te as VueOverlay,
+  kt as VueSelect,
+  wt as VueSwitch,
+  $t as VueTooltip,
+  ft as showVueNotification,
+  Ue as useDevToolsColorMode,
+  Bt as vTooltip
 };

package/dist/uno.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-bx\:bxs-error{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A.999.999 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467L12.884 2.532zM13 18h-2v-2h2v2zm-2-4V9h2l.001 5H11z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-carbon-checkmark{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m13 24l-9-9l1.414-1.414L13 21.171L26.586 7.586L28 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-carbon-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-carbon-warning{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3Cpath fill='currentColor' d='M15 8h2v11h-2zm1 14a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 22'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-ep\:success-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-ic-round-error{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1 4h-2v-2h2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-material-symbols-light-info{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.5 16.5h1V11h-1zm.5-6.923q.262 0 .439-.177t.176-.439t-.177-.438T12 8.346t-.438.177t-.177.439t.177.438t.438.177M12.003 21q-1.867 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.container{width:100%}.\$ui-z-max{z-index:2147483646}.\$ui-z-max-override{z-index:2147483647}.\$ui-base{box-sizing:border-box;font-family:inherit}.\$ui-fbc{display:flex;align-items:center;justify-content:space-between}.\$ui-fcc{display:flex;align-items:center;justify-content:center}.\$ui-fec{display:flex;align-items:center;justify-content:flex-end}.\$ui-if-sc{display:inline-flex;align-items:center;justify-content:flex-start}.\$ui-inline-fcc{display:inline-flex;align-items:center;justify-content:center}.\$ui-border-base{border-color:#9ca3af33}.\$ui-base-br{border-radius:3px}.\$ui-bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.dark .\$ui-bg-base{--un-bg-opacity:1;background-color:rgb(11 16 21 / var(--un-bg-opacity))}.\$ui-glass-effect{background-color:#fffc;--un-backdrop-blur:blur(6px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.dark .\$ui-glass-effect{background-color:#0b1015e6}.\$ui-text{--un-text-opacity:1;color:rgb(11 16 21 / var(--un-text-opacity))}.dark .\$ui-text{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.\$ui-transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.group.focused .group-\[\&\.focused\]\:left-0,.left-0{left:0}.group.focused .group-\[\&\.focused\]\:right-0,.right-0{right:0}.bottom--0\.25{bottom:-.0625rem}.bottom-0{bottom:0}.left-50\%{left:50%}.right-1\.5{right:.375rem}.right-50\%{right:50%}.top-0{top:0}.top-1\.5{top:.375rem}.z-9999{z-index:9999}.grid{display:grid}.grid-rows-\[1\.875rem_1fr_2\.5rem\]{grid-template-rows:1.875rem 1fr 2.5rem}.m1{margin:.25rem}.m3{margin:.75rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mt0\.5{margin-top:.125rem}.mt2{margin-top:.5rem}.inline{display:inline}.inline-block{display:inline-block}.h-0\.75{height:.1875rem}.h-1em{height:1em}.h-3{height:.75rem}.h-60\%{height:60%}.h-auto{height:auto}.h-full{height:100%}.h4{height:1rem}.h5{height:1.25rem}.h5\.5{height:1.375rem}.h6{height:1.5rem}.h7\.5{height:1.875rem}.h8{height:2rem}.max-h-\[calc\(100vh-6\.25rem\)\]{max-height:calc(100vh - 6.25rem)}.max-w-\[calc\(100vw-6\.25rem\)\]{max-width:calc(100vw - 6.25rem)}.min-h-6\.25rem{min-height:6.25rem}.min-w-12\.5rem{min-width:12.5rem}.min-w-25{min-width:6.25rem}.min-w-35{min-width:8.75rem}.w-1em{width:1em}.w-3,.w3{width:.75rem}.w-35\%{width:35%}.w-50{width:12.5rem}.w-auto{width:auto}.w-full{width:100%}.w4{width:1rem}.w5{width:1.25rem}.w6{width:1.5rem}.w8{width:2rem}.flex{display:flex}.flex-inline,.inline-flex{display:inline-flex}.flex-\[auto_1_1\]{flex:auto 1 1}.flex-col{flex-direction:column}.group.selected .group-\[\&\.selected\]\:transform-translate-x-4{--un-translate-x:1rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.content\,\&_\.footer\]\:translate-y--2\.5 .content,.\[\&_\.content\,\&_\.footer\]\:translate-y--2\.5 .footer{--un-translate-y:-.625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-x--100\% .drawer{--un-translate-x:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-x-full .drawer{--un-translate-x:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-y--100\% .drawer{--un-translate-y:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-y-100\% .drawer{--un-translate-y:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform-translate-y--0\.25{--un-translate-y:-.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y--300\%{--un-translate-y:-300%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-300\%{--un-translate-y:300%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform-rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.modal\]\:scale-100 .modal{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.modal\]\:scale-95 .modal{--un-scale-x:.95;--un-scale-y:.95;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.group:active .group-active\:scale-85{--un-scale-x:.85;--un-scale-y:.85;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-2\.5,.gap2\.5{gap:.625rem}.gap1\.25{gap:.3125rem}.gap2{gap:.5rem}.of-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.b-1,.border{border-width:1px}.border-0\.125rem{border-width:.125rem}.b-b{border-bottom-width:1px}.b-l{border-left-width:1px}.b-r{border-right-width:1px}.b-t{border-top-width:1px}.border-width-\[0_0\.125rem_0\.125rem_0\]{border-width:0 .125rem .125rem 0}.border-accent-200{--un-border-opacity:1;border-color:rgb(215 173 255 / var(--un-border-opacity))}.border-amber-2{--un-border-opacity:1;border-color:rgb(253 230 138 / var(--un-border-opacity))}.border-blue-2{--un-border-opacity:1;border-color:rgb(191 219 254 / var(--un-border-opacity))}.border-primary-100,.dark .dark\:border-primary-100{--un-border-opacity:1;border-color:rgb(224 248 237 / var(--un-border-opacity))}.border-primary-200{--un-border-opacity:1;border-color:rgb(171 234 205 / var(--un-border-opacity))}.border-red-2{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity))}.border-warning-500{--un-border-opacity:1;border-color:rgb(234 110 0 / var(--un-border-opacity))}.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity))}.dark .dark\:border-accent-100{--un-border-opacity:1;border-color:rgb(230 204 255 / var(--un-border-opacity))}.dark .dark\:border-amber-4{--un-border-opacity:1;border-color:rgb(251 191 36 / var(--un-border-opacity))}.dark .dark\:border-blue-4{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(62 87 112 / var(--un-border-opacity))}.dark .dark\:border-primary-500{--un-border-opacity:1;border-color:rgb(66 185 131 / var(--un-border-opacity))}.dark .dark\:border-red-4{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity))}.dark .dark\:border-warning-300{--un-border-opacity:1;border-color:rgb(255 167 51 / var(--un-border-opacity))}.hover\:border-accent-500:hover{--un-border-opacity:1;border-color:rgb(164 76 246 / var(--un-border-opacity))}.hover\:border-danger-500:hover{--un-border-opacity:1;border-color:rgb(232 48 48 / var(--un-border-opacity))}.hover\:border-info-500:hover{--un-border-opacity:1;border-color:rgb(3 194 230 / var(--un-border-opacity))}.hover\:border-primary-100:hover{--un-border-opacity:1;border-color:rgb(224 248 237 / var(--un-border-opacity))}.hover\:border-primary-500:hover{--un-border-opacity:1;border-color:rgb(66 185 131 / var(--un-border-opacity))}.hover\:border-warning-500:hover{--un-border-opacity:1;border-color:rgb(234 110 0 / var(--un-border-opacity))}.rounded,.rounded-1{border-radius:.25rem}.rounded-1\.25{border-radius:.3125rem}.rounded-2,.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border-none{border-style:none}.border-solid{border-style:solid}.group.accent.focused .group-\[\&\.accent\.focused\]\:bg-accent-500,.bg-accent-500{--un-bg-opacity:1;background-color:rgb(164 76 246 / var(--un-bg-opacity))}.\[\&\.selected\]\:bg-primary-500\!.selected{--un-bg-opacity:1 !important;background-color:rgb(66 185 131 / var(--un-bg-opacity))!important}.bg-danger-500{--un-bg-opacity:1;background-color:rgb(232 48 48 / var(--un-bg-opacity))}.bg-primary-100{--un-bg-opacity:1;background-color:rgb(224 248 237 / var(--un-bg-opacity))}.bg-primary-500{--un-bg-opacity:1;background-color:rgb(66 185 131 / var(--un-bg-opacity))}.bg-primary-800{--un-bg-opacity:1;background-color:rgb(8 94 55 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning-500{--un-bg-opacity:1;background-color:rgb(234 110 0 / var(--un-bg-opacity))}.bg-white,.dark .dark\:bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.dark .dark\:bg-accent-300{--un-bg-opacity:1;background-color:rgb(200 142 255 / var(--un-bg-opacity))}.dark .dark\:bg-accent-500-darker{--un-bg-opacity:1;background-color:rgb(144 37 244 / var(--un-bg-opacity))}.dark .dark\:bg-gray-700{--un-bg-opacity:1;background-color:rgb(62 87 112 / var(--un-bg-opacity))}.dark .dark\:bg-gray-800{--un-bg-opacity:1;background-color:rgb(44 62 80 / var(--un-bg-opacity))}.dark .dark\:bg-gray-900{--un-bg-opacity:1;background-color:rgb(29 41 53 / var(--un-bg-opacity))}.not-action\:bg-transparent\!:not(:hover):not(:focus):not(:active),.not-hover\:\[\&\:not\(\.active\)\]\:bg-transparent\!:not(.active):not(:hover){background-color:transparent!important}.dark .dark\:hover\:bg-danger-500-darker:hover{--un-bg-opacity:1;background-color:rgb(215 24 24 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-gray-700:hover{--un-bg-opacity:1;background-color:rgb(62 87 112 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-gray-800-lighter:hover{--un-bg-opacity:1;background-color:rgb(49 68 88 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-gray-800:hover{--un-bg-opacity:1;background-color:rgb(44 62 80 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-primary-500-darker:hover{--un-bg-opacity:1;background-color:rgb(55 155 110 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-primary-800:hover{--un-bg-opacity:1;background-color:rgb(8 94 55 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-warning-500-darker:hover{--un-bg-opacity:1;background-color:rgb(193 91 0 / var(--un-bg-opacity))}.hover\:active\:bg-primary-100\:5:active:hover{background-color:#e0f8ed0d}.hover\:bg-accent-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(170 88 247 / var(--un-bg-opacity))}.hover\:bg-accent-500:hover{--un-bg-opacity:1;background-color:rgb(164 76 246 / var(--un-bg-opacity))}.hover\:bg-danger-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(233 59 59 / var(--un-bg-opacity))}.hover\:bg-danger-500:hover{--un-bg-opacity:1;background-color:rgb(232 48 48 / var(--un-bg-opacity))}.hover\:bg-primary-100-lighter:hover{--un-bg-opacity:1;background-color:rgb(234 250 243 / var(--un-bg-opacity))}.hover\:bg-primary-100:hover{--un-bg-opacity:1;background-color:rgb(224 248 237 / var(--un-bg-opacity))}.hover\:bg-primary-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(74 190 137 / var(--un-bg-opacity))}.hover\:bg-primary-500:hover{--un-bg-opacity:1;background-color:rgb(66 185 131 / var(--un-bg-opacity))}.hover\:bg-warning-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(247 116 0 / var(--un-bg-opacity))}.hover\:bg-warning-500:hover{--un-bg-opacity:1;background-color:rgb(234 110 0 / var(--un-bg-opacity))}.active\:bg-accent-500-darker:active{--un-bg-opacity:1;background-color:rgb(144 37 244 / var(--un-bg-opacity))}.active\:bg-accent-500\:5:active{background-color:#a44cf60d}.active\:bg-danger-500-darker:active{--un-bg-opacity:1;background-color:rgb(215 24 24 / var(--un-bg-opacity))}.active\:bg-danger-500\:5:active{background-color:#e830300d}.active\:bg-info-500\:5:active{background-color:#03c2e60d}.active\:bg-primary-100-darker:active{--un-bg-opacity:1;background-color:rgb(191 240 218 / var(--un-bg-opacity))}.active\:bg-primary-500-darker:active{--un-bg-opacity:1;background-color:rgb(55 155 110 / var(--un-bg-opacity))}.active\:bg-primary-500\:5:active{background-color:#42b9830d}.active\:bg-warning-500-darker:active{--un-bg-opacity:1;background-color:rgb(193 91 0 / var(--un-bg-opacity))}.active\:bg-warning-500\:5:active{background-color:#ea6e000d}.dark .dark\:active\:bg-gray-800-darker:active{--un-bg-opacity:1;background-color:rgb(30 42 54 / var(--un-bg-opacity))}.bg-opacity-0\!{--un-bg-opacity:0 !important}.bg-opacity-50\!{--un-bg-opacity:.5 !important}.p1{padding:.25rem}.p2{padding:.5rem}.px,.px4{padding-left:1rem;padding-right:1rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px1{padding-left:.25rem;padding-right:.25rem}.px3{padding-left:.75rem;padding-right:.75rem}.px3\.5{padding-left:.875rem;padding-right:.875rem}.px6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-0\.75{padding-top:.1875rem;padding-bottom:.1875rem}.py1{padding-top:.25rem;padding-bottom:.25rem}.py4\.5{padding-top:1.125rem;padding-bottom:1.125rem}.text-center{text-align:center}.vertical-mid{vertical-align:middle}.text-3{font-size:.75rem}.text-3\.5{font-size:.875rem}.text-4\.5{font-size:1.125rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.dark .\!dark\:text-white{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity))!important}.dark .dark\:text-blue-2{--un-text-opacity:1;color:rgb(191 219 254 / var(--un-text-opacity))}.dark .dark\:text-primary-200{--un-text-opacity:1;color:rgb(171 234 205 / var(--un-text-opacity))}.text-amber-4{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity))}.text-blue-4{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.text-info-500{--un-text-opacity:1;color:rgb(3 194 230 / var(--un-text-opacity))}.group.focused .group-\[\&\.focused\]\:color-primary-500,.dark .dark\:color-primary-500,.text-primary-500{--un-text-opacity:1;color:rgb(66 185 131 / var(--un-text-opacity))}.text-red-4{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.text-truegray\:50{color:#a3a3a380}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.dark .dark\:hover\:text-info-400:hover{--un-text-opacity:1;color:rgb(116 224 237 / var(--un-text-opacity))}.dark .dark\:hover\:text-primary-400:hover{--un-text-opacity:1;color:rgb(86 205 150 / var(--un-text-opacity))}.dark .dark\:hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\:text-accent-500:hover{--un-text-opacity:1;color:rgb(164 76 246 / var(--un-text-opacity))}.hover\:text-black:hover{--un-text-opacity:1;color:rgb(11 16 21 / var(--un-text-opacity))}.hover\:text-danger-500:hover{--un-text-opacity:1;color:rgb(232 48 48 / var(--un-text-opacity))}.hover\:text-info-500:hover{--un-text-opacity:1;color:rgb(3 194 230 / var(--un-text-opacity))}.hover\:text-primary-300:hover{--un-text-opacity:1;color:rgb(137 222 183 / var(--un-text-opacity))}.hover\:text-primary-500:hover{--un-text-opacity:1;color:rgb(66 185 131 / var(--un-text-opacity))}.hover\:text-warning-500:hover{--un-text-opacity:1;color:rgb(234 110 0 / var(--un-text-opacity))}.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.group.accent.focused .group-\[\&\.accent\.focused\]\:color-accent-500{--un-text-opacity:1;color:rgb(164 76 246 / var(--un-text-opacity))}.color-danger-500{--un-text-opacity:1;color:rgb(232 48 48 / var(--un-text-opacity))}.color-gray-500{--un-text-opacity:1;color:rgb(128 159 174 / var(--un-text-opacity))}.color-gray-600{--un-text-opacity:1;color:rgb(79 111 127 / var(--un-text-opacity))}.color-gray-800{--un-text-opacity:1;color:rgb(44 62 80 / var(--un-text-opacity))}.color-primary-700{--un-text-opacity:1;color:rgb(19 121 74 / var(--un-text-opacity))}.color-warning-500{--un-text-opacity:1;color:rgb(234 110 0 / var(--un-text-opacity))}.dark .dark\:color-danger-200{--un-text-opacity:1;color:rgb(255 148 148 / var(--un-text-opacity))}.dark .dark\:color-gray-100{--un-text-opacity:1;color:rgb(224 229 231 / var(--un-text-opacity))}.dark .dark\:color-gray-200{--un-text-opacity:1;color:rgb(200 211 217 / var(--un-text-opacity))}.dark .dark\:color-gray-300{--un-text-opacity:1;color:rgb(182 198 206 / var(--un-text-opacity))}.dark .dark\:color-gray-400{--un-text-opacity:1;color:rgb(147 176 190 / var(--un-text-opacity))}.dark .dark\:color-warning-200{--un-text-opacity:1;color:rgb(255 196 94 / var(--un-text-opacity))}.placeholder-color-gray-500::placeholder{--un-text-opacity:1;color:rgb(128 159 174 / var(--un-text-opacity))}.color-inherit{color:inherit}.no-underline{text-decoration:none}.group.focused .group-\[\&\.focused\]\:opacity-100,.opacity-100{opacity:1}.\[\&_\.content\,\&_\.footer\]\:opacity-0 .content,.\[\&_\.content\,\&_\.footer\]\:opacity-0 .footer,.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-65{opacity:.65}.opacity-75,.group:hover .group-hover\:opacity-75{opacity:.75}.hover\:op50:hover{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.active\:ring-3:active{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:active\:ring-primary-100\:5:active:hover{--un-ring-color:rgb(224 248 237 / .05) }.active\:ring-accent-500\:5:active{--un-ring-color:rgb(164 76 246 / .05) }.active\:ring-danger-500\:5:active{--un-ring-color:rgb(232 48 48 / .05) }.active\:ring-info-500\:5:active{--un-ring-color:rgb(3 194 230 / .05) }.active\:ring-primary-500\:5:active{--un-ring-color:rgb(66 185 131 / .05) }.active\:ring-warning-500\:5:active{--un-ring-color:rgb(234 110 0 / .05) }.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-240{transition-duration:.24s}.duration-300,.transition-duration-300{transition-duration:.3s}.delay-250{transition-delay:.25s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark .dark\:placeholder-gray-300::placeholder{--un-placeholder-opacity:1;color:rgb(182 198 206 / var(--un-placeholder-opacity))}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root),.dark::view-transition-new(root){z-index:1}::view-transition-new(root),.dark::view-transition-old(root){z-index:9999}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-bx\:bxs-error{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A.999.999 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467L12.884 2.532zM13 18h-2v-2h2v2zm-2-4V9h2l.001 5H11z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-carbon-checkmark{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m13 24l-9-9l1.414-1.414L13 21.171L26.586 7.586L28 9z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-carbon-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-carbon-warning{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12 12 0 0 1-12 12'/%3E%3Cpath fill='currentColor' d='M15 8h2v11h-2zm1 14a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 22'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-ep\:success-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-ic-round-error{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1 4h-2v-2h2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-material-symbols-light-info{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.5 16.5h1V11h-1zm.5-6.923q.262 0 .439-.177t.176-.439t-.177-.438T12 8.346t-.438.177t-.177.439t.177.438t.438.177M12.003 21q-1.867 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.container{width:100%}.\$ui-z-max{z-index:2147483646}.\$ui-z-max-override{z-index:2147483647}.\$ui-base{box-sizing:border-box;font-family:inherit}.\$ui-fbc{display:flex;align-items:center;justify-content:space-between}.\$ui-fcc{display:flex;align-items:center;justify-content:center}.\$ui-fec{display:flex;align-items:center;justify-content:flex-end}.\$ui-if-sc{display:inline-flex;align-items:center;justify-content:flex-start}.\$ui-inline-fcc{display:inline-flex;align-items:center;justify-content:center}.\$ui-border-base{border-color:#9ca3af33}.\$ui-base-br{border-radius:3px}.\$ui-bg-base{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.dark .\$ui-bg-base{--un-bg-opacity:1;background-color:rgb(11 16 21 / var(--un-bg-opacity))}.\$ui-glass-effect{background-color:#fffc;--un-backdrop-blur:blur(6px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.dark .\$ui-glass-effect{background-color:#0b1015e6}.\$ui-text{--un-text-opacity:1;color:rgb(11 16 21 / var(--un-text-opacity))}.dark .\$ui-text{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.\$ui-transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.group.focused .group-\[\&\.focused\]\:left-0,.left-0{left:0}.group.focused .group-\[\&\.focused\]\:right-0,.right-0{right:0}.bottom--0\.25{bottom:-.0625rem}.bottom-0{bottom:0}.left-50\%{left:50%}.right-1\.5{right:.375rem}.right-50\%{right:50%}.top-0{top:0}.top-1\.5{top:.375rem}.z-9999{z-index:9999}.grid{display:grid}.grid-rows-\[1\.875rem_1fr_2\.5rem\]{grid-template-rows:1.875rem 1fr 2.5rem}.m1{margin:.25rem}.m3{margin:.75rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mt0\.5{margin-top:.125rem}.mt2{margin-top:.5rem}.inline{display:inline}.inline-block{display:inline-block}.h-0\.75{height:.1875rem}.h-1em{height:1em}.h-3{height:.75rem}.h-60\%{height:60%}.h-auto{height:auto}.h-full{height:100%}.h4{height:1rem}.h5{height:1.25rem}.h5\.5{height:1.375rem}.h6{height:1.5rem}.h7\.5{height:1.875rem}.h8{height:2rem}.max-h-\[calc\(100vh-6\.25rem\)\]{max-height:calc(100vh - 6.25rem)}.max-w-\[calc\(100vw-6\.25rem\)\]{max-width:calc(100vw - 6.25rem)}.min-h-6\.25rem{min-height:6.25rem}.min-w-12\.5rem{min-width:12.5rem}.min-w-25{min-width:6.25rem}.min-w-35{min-width:8.75rem}.w-1em{width:1em}.w-3,.w3{width:.75rem}.w-35\%{width:35%}.w-50{width:12.5rem}.w-auto{width:auto}.w-full{width:100%}.w4{width:1rem}.w5{width:1.25rem}.w6{width:1.5rem}.w8{width:2rem}.flex{display:flex}.flex-inline,.inline-flex{display:inline-flex}.flex-\[auto_1_1\]{flex:auto 1 1}.flex-col{flex-direction:column}.group.selected .group-\[\&\.selected\]\:transform-translate-x-4{--un-translate-x:1rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.content\,\&_\.footer\]\:translate-y--2\.5 .content,.\[\&_\.content\,\&_\.footer\]\:translate-y--2\.5 .footer{--un-translate-y:-.625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-x--100\% .drawer{--un-translate-x:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-x-full .drawer{--un-translate-x:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-y--100\% .drawer{--un-translate-y:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.drawer\]\:translate-y-100\% .drawer{--un-translate-y:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform-translate-y--0\.25{--un-translate-y:-.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y--300\%{--un-translate-y:-300%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-300\%{--un-translate-y:300%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform-rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.modal\]\:scale-100 .modal{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.\[\&_\.modal\]\:scale-95 .modal{--un-scale-x:.95;--un-scale-y:.95;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.group:active .group-active\:scale-85{--un-scale-x:.85;--un-scale-y:.85;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-2\.5,.gap2\.5{gap:.625rem}.gap1\.25{gap:.3125rem}.gap2{gap:.5rem}.of-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.b-1,.border{border-width:1px}.border-0\.125rem{border-width:.125rem}.b-b{border-bottom-width:1px}.b-l{border-left-width:1px}.b-r{border-right-width:1px}.b-t{border-top-width:1px}.border-width-\[0_0\.125rem_0\.125rem_0\]{border-width:0 .125rem .125rem 0}.border-accent-200{--un-border-opacity:1;border-color:rgb(215 173 255 / var(--un-border-opacity))}.border-amber-2{--un-border-opacity:1;border-color:rgb(253 230 138 / var(--un-border-opacity))}.border-blue-2{--un-border-opacity:1;border-color:rgb(191 219 254 / var(--un-border-opacity))}.border-primary-100,.dark .dark\:border-primary-100{--un-border-opacity:1;border-color:rgb(224 248 237 / var(--un-border-opacity))}.border-primary-200{--un-border-opacity:1;border-color:rgb(171 234 205 / var(--un-border-opacity))}.border-red-2{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity))}.border-warning-500{--un-border-opacity:1;border-color:rgb(234 110 0 / var(--un-border-opacity))}.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity))}.dark .dark\:border-accent-100{--un-border-opacity:1;border-color:rgb(230 204 255 / var(--un-border-opacity))}.dark .dark\:border-amber-4{--un-border-opacity:1;border-color:rgb(251 191 36 / var(--un-border-opacity))}.dark .dark\:border-blue-4{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity))}.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(62 87 112 / var(--un-border-opacity))}.dark .dark\:border-primary-500{--un-border-opacity:1;border-color:rgb(66 185 131 / var(--un-border-opacity))}.dark .dark\:border-red-4{--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity))}.dark .dark\:border-warning-300{--un-border-opacity:1;border-color:rgb(255 167 51 / var(--un-border-opacity))}.hover\:border-accent-500:hover{--un-border-opacity:1;border-color:rgb(164 76 246 / var(--un-border-opacity))}.hover\:border-danger-500:hover{--un-border-opacity:1;border-color:rgb(232 48 48 / var(--un-border-opacity))}.hover\:border-info-500:hover{--un-border-opacity:1;border-color:rgb(3 194 230 / var(--un-border-opacity))}.hover\:border-primary-100:hover{--un-border-opacity:1;border-color:rgb(224 248 237 / var(--un-border-opacity))}.hover\:border-primary-500:hover{--un-border-opacity:1;border-color:rgb(66 185 131 / var(--un-border-opacity))}.hover\:border-warning-500:hover{--un-border-opacity:1;border-color:rgb(234 110 0 / var(--un-border-opacity))}.rounded,.rounded-1{border-radius:.25rem}.rounded-1\.25{border-radius:.3125rem}.rounded-2,.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border-none{border-style:none}.border-solid{border-style:solid}.group.accent.focused .group-\[\&\.accent\.focused\]\:bg-accent-500,.bg-accent-500{--un-bg-opacity:1;background-color:rgb(164 76 246 / var(--un-bg-opacity))}.\[\&\.selected\]\:bg-primary-500\!.selected{--un-bg-opacity:1 !important;background-color:rgb(66 185 131 / var(--un-bg-opacity))!important}.bg-danger-500{--un-bg-opacity:1;background-color:rgb(232 48 48 / var(--un-bg-opacity))}.bg-primary-100{--un-bg-opacity:1;background-color:rgb(224 248 237 / var(--un-bg-opacity))}.bg-primary-500{--un-bg-opacity:1;background-color:rgb(66 185 131 / var(--un-bg-opacity))}.bg-primary-800{--un-bg-opacity:1;background-color:rgb(8 94 55 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning-500{--un-bg-opacity:1;background-color:rgb(234 110 0 / var(--un-bg-opacity))}.bg-white,.dark .dark\:bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.dark .dark\:bg-accent-300{--un-bg-opacity:1;background-color:rgb(200 142 255 / var(--un-bg-opacity))}.dark .dark\:bg-accent-500-darker{--un-bg-opacity:1;background-color:rgb(144 37 244 / var(--un-bg-opacity))}.dark .dark\:bg-gray-700{--un-bg-opacity:1;background-color:rgb(62 87 112 / var(--un-bg-opacity))}.dark .dark\:bg-gray-800{--un-bg-opacity:1;background-color:rgb(44 62 80 / var(--un-bg-opacity))}.dark .dark\:bg-gray-900{--un-bg-opacity:1;background-color:rgb(29 41 53 / var(--un-bg-opacity))}.not-action\:bg-transparent\!:not(:hover):not(:focus):not(:active),.not-hover\:\[\&\:not\(\.active\)\]\:bg-transparent\!:not(.active):not(:hover){background-color:transparent!important}.dark .dark\:hover\:bg-danger-500-darker:hover{--un-bg-opacity:1;background-color:rgb(215 24 24 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-gray-700:hover{--un-bg-opacity:1;background-color:rgb(62 87 112 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-gray-800-lighter:hover{--un-bg-opacity:1;background-color:rgb(49 68 88 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-gray-800:hover{--un-bg-opacity:1;background-color:rgb(44 62 80 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-primary-500-darker:hover{--un-bg-opacity:1;background-color:rgb(55 155 110 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-primary-800:hover{--un-bg-opacity:1;background-color:rgb(8 94 55 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-warning-500-darker:hover{--un-bg-opacity:1;background-color:rgb(193 91 0 / var(--un-bg-opacity))}.hover\:active\:bg-primary-100\:5:active:hover{background-color:#e0f8ed0d}.hover\:bg-accent-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(170 88 247 / var(--un-bg-opacity))}.hover\:bg-accent-500:hover{--un-bg-opacity:1;background-color:rgb(164 76 246 / var(--un-bg-opacity))}.hover\:bg-danger-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(233 59 59 / var(--un-bg-opacity))}.hover\:bg-danger-500:hover{--un-bg-opacity:1;background-color:rgb(232 48 48 / var(--un-bg-opacity))}.hover\:bg-primary-100-lighter:hover{--un-bg-opacity:1;background-color:rgb(234 250 243 / var(--un-bg-opacity))}.hover\:bg-primary-100:hover{--un-bg-opacity:1;background-color:rgb(224 248 237 / var(--un-bg-opacity))}.hover\:bg-primary-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(74 190 137 / var(--un-bg-opacity))}.hover\:bg-primary-500:hover{--un-bg-opacity:1;background-color:rgb(66 185 131 / var(--un-bg-opacity))}.hover\:bg-warning-500-lighter:hover{--un-bg-opacity:1;background-color:rgb(247 116 0 / var(--un-bg-opacity))}.hover\:bg-warning-500:hover{--un-bg-opacity:1;background-color:rgb(234 110 0 / var(--un-bg-opacity))}.active\:bg-accent-500-darker:active{--un-bg-opacity:1;background-color:rgb(144 37 244 / var(--un-bg-opacity))}.active\:bg-accent-500\:5:active{background-color:#a44cf60d}.active\:bg-danger-500-darker:active{--un-bg-opacity:1;background-color:rgb(215 24 24 / var(--un-bg-opacity))}.active\:bg-danger-500\:5:active{background-color:#e830300d}.active\:bg-info-500\:5:active{background-color:#03c2e60d}.active\:bg-primary-100-darker:active{--un-bg-opacity:1;background-color:rgb(191 240 218 / var(--un-bg-opacity))}.active\:bg-primary-500-darker:active{--un-bg-opacity:1;background-color:rgb(55 155 110 / var(--un-bg-opacity))}.active\:bg-primary-500\:5:active{background-color:#42b9830d}.active\:bg-warning-500-darker:active{--un-bg-opacity:1;background-color:rgb(193 91 0 / var(--un-bg-opacity))}.active\:bg-warning-500\:5:active{background-color:#ea6e000d}.dark .dark\:active\:bg-gray-800-darker:active{--un-bg-opacity:1;background-color:rgb(30 42 54 / var(--un-bg-opacity))}.bg-opacity-0\!{--un-bg-opacity:0 !important}.bg-opacity-50\!{--un-bg-opacity:.5 !important}.p1{padding:.25rem}.p2{padding:.5rem}.px,.px4{padding-left:1rem;padding-right:1rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px1{padding-left:.25rem;padding-right:.25rem}.px3{padding-left:.75rem;padding-right:.75rem}.px3\.5{padding-left:.875rem;padding-right:.875rem}.px6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-0\.75{padding-top:.1875rem;padding-bottom:.1875rem}.py1{padding-top:.25rem;padding-bottom:.25rem}.py4\.5{padding-top:1.125rem;padding-bottom:1.125rem}.text-center{text-align:center}.vertical-mid{vertical-align:middle}.text-3{font-size:.75rem}.text-3\.5{font-size:.875rem}.text-4\.5{font-size:1.125rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.dark .\!dark\:text-white{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity))!important}.dark .dark\:text-blue-2{--un-text-opacity:1;color:rgb(191 219 254 / var(--un-text-opacity))}.dark .dark\:text-primary-200{--un-text-opacity:1;color:rgb(171 234 205 / var(--un-text-opacity))}.text-amber-4{--un-text-opacity:1;color:rgb(251 191 36 / var(--un-text-opacity))}.text-blue-4{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity))}.text-info-500{--un-text-opacity:1;color:rgb(3 194 230 / var(--un-text-opacity))}.group.focused .group-\[\&\.focused\]\:color-primary-500,.dark .dark\:color-primary-500,.text-primary-500{--un-text-opacity:1;color:rgb(66 185 131 / var(--un-text-opacity))}.text-red-4{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.text-truegray\:50{color:#a3a3a380}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.dark .dark\:hover\:text-info-400:hover{--un-text-opacity:1;color:rgb(116 224 237 / var(--un-text-opacity))}.dark .dark\:hover\:text-primary-400:hover{--un-text-opacity:1;color:rgb(86 205 150 / var(--un-text-opacity))}.dark .dark\:hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\:text-accent-500:hover{--un-text-opacity:1;color:rgb(164 76 246 / var(--un-text-opacity))}.hover\:text-black:hover{--un-text-opacity:1;color:rgb(11 16 21 / var(--un-text-opacity))}.hover\:text-danger-500:hover{--un-text-opacity:1;color:rgb(232 48 48 / var(--un-text-opacity))}.hover\:text-info-500:hover{--un-text-opacity:1;color:rgb(3 194 230 / var(--un-text-opacity))}.hover\:text-primary-300:hover{--un-text-opacity:1;color:rgb(137 222 183 / var(--un-text-opacity))}.hover\:text-primary-500:hover{--un-text-opacity:1;color:rgb(66 185 131 / var(--un-text-opacity))}.hover\:text-warning-500:hover{--un-text-opacity:1;color:rgb(234 110 0 / var(--un-text-opacity))}.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.group.accent.focused .group-\[\&\.accent\.focused\]\:color-accent-500{--un-text-opacity:1;color:rgb(164 76 246 / var(--un-text-opacity))}.color-danger-500{--un-text-opacity:1;color:rgb(232 48 48 / var(--un-text-opacity))}.color-gray-500{--un-text-opacity:1;color:rgb(128 159 174 / var(--un-text-opacity))}.color-gray-600{--un-text-opacity:1;color:rgb(79 111 127 / var(--un-text-opacity))}.color-gray-800{--un-text-opacity:1;color:rgb(44 62 80 / var(--un-text-opacity))}.color-primary-700{--un-text-opacity:1;color:rgb(19 121 74 / var(--un-text-opacity))}.color-warning-500{--un-text-opacity:1;color:rgb(234 110 0 / var(--un-text-opacity))}.dark .dark\:color-danger-200{--un-text-opacity:1;color:rgb(255 148 148 / var(--un-text-opacity))}.dark .dark\:color-gray-100{--un-text-opacity:1;color:rgb(224 229 231 / var(--un-text-opacity))}.dark .dark\:color-gray-200{--un-text-opacity:1;color:rgb(200 211 217 / var(--un-text-opacity))}.dark .dark\:color-gray-300{--un-text-opacity:1;color:rgb(182 198 206 / var(--un-text-opacity))}.dark .dark\:color-gray-400{--un-text-opacity:1;color:rgb(147 176 190 / var(--un-text-opacity))}.dark .dark\:color-warning-200{--un-text-opacity:1;color:rgb(255 196 94 / var(--un-text-opacity))}.placeholder-color-gray-500::placeholder{--un-text-opacity:1;color:rgb(128 159 174 / var(--un-text-opacity))}.color-inherit{color:inherit}.no-underline{text-decoration:none}.group.focused .group-\[\&\.focused\]\:opacity-100,.opacity-100{opacity:1}.\[\&_\.content\,\&_\.footer\]\:opacity-0 .content,.\[\&_\.content\,\&_\.footer\]\:opacity-0 .footer,.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-65{opacity:.65}.opacity-75,.group:hover .group-hover\:opacity-75{opacity:.75}.hover\:op50:hover{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.active\:ring-3:active{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:active\:ring-primary-100\:5:active:hover{--un-ring-color:rgb(224 248 237 / .05) }.active\:ring-accent-500\:5:active{--un-ring-color:rgb(164 76 246 / .05) }.active\:ring-danger-500\:5:active{--un-ring-color:rgb(232 48 48 / .05) }.active\:ring-info-500\:5:active{--un-ring-color:rgb(3 194 230 / .05) }.active\:ring-primary-500\:5:active{--un-ring-color:rgb(66 185 131 / .05) }.active\:ring-warning-500\:5:active{--un-ring-color:rgb(234 110 0 / .05) }.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-240{transition-duration:.24s}.duration-300,.transition-duration-300{transition-duration:.3s}.delay-250{transition-delay:.25s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark .dark\:placeholder-gray-300::placeholder{--un-placeholder-opacity:1;color:rgb(182 198 206 / var(--un-placeholder-opacity))}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root),.dark::view-transition-new(root){z-index:1}::view-transition-new(root),.dark::view-transition-old(root){z-index:9999}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-ui",
   "type": "module",
-  "version": "7.6.1",
+  "version": "7.6.3",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -37,22 +37,22 @@
     "vue": ">=3.0.0-0"
   },
   "dependencies": {
-    "@vueuse/components": "^11.1.0",
-    "@vueuse/core": "^11.1.0",
-    "@vueuse/integrations": "^11.1.0",
+    "@vueuse/components": "^11.2.0",
+    "@vueuse/core": "^11.2.0",
+    "@vueuse/integrations": "^11.2.0",
     "colord": "^2.9.3",
     "focus-trap": "^7.6.0",
-    "@vue/devtools-shared": "7.6.1"
+    "@vue/devtools-shared": "7.6.3"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^0.17.17",
     "@iconify-json/ic": "^1.2.1",
-    "@types/node": "^20.16.14",
-    "@unocss/reset": "^0.63.4",
+    "@types/node": "^22.9.0",
+    "@unocss/reset": "^0.63.6",
     "@vitejs/plugin-vue": "^5.1.4",
     "floating-vue": "5.2.2",
     "histoire": "^0.17.17",
-    "unocss": "^0.63.4",
+    "unocss": "^0.63.6",
     "vite-plugin-dts": "^3.9.1"
   },
   "scripts": {