@gradient-ui/core 0.8.0 → 2.0.0

package/dist/mask-Bh_UkcCe.cjs

@@ -1 +0,0 @@
-"use strict";const y=require("./surface-DB9flb-h.cjs"),de=require("@gradient-ui/gradient-engine"),o=require("vue"),b=require("./GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs"),_=require("@floating-ui/vue"),M=require("./index-DN5ngVtp.cjs"),O="var(--g-gradient-current, var(--g-gradient-main))",pe="135deg";function fe(){return new WeakMap}function Y(e){const t=fe();function n(i){const s=t.get(i);if(s){for(const[a,u]of s.targets)be(a,u);t.delete(i)}}function r(i,s){const a=ge(s,e);if(n(i),a.disabled)return;const u=ve(i,a.selector),c={targets:new Map};for(const l of u)c.targets.set(l,_e(l)),ke(l,a.gradient);t.set(i,c)}return{mounted(i,s){r(i,s.value)},updated(i,s){r(i,s.value)},unmounted(i){n(i)}}}function ge(e,t){if(typeof e=="string")return{gradient:y.resolveGradientValue(e),disabled:!1,selector:t};if(!e)return{gradient:O,disabled:!1,selector:t};const n=me(e);return{gradient:e.gradient??(n.length?ye(n,e.direction):void 0)??y.resolveGradientValue(e.state??e.color)??O,disabled:e.disabled??!1,selector:e.selector??t}}function me(e){var t;return(t=e.colors)!=null&&t.length?e.colors:[e.from,e.to].filter(n=>!!n)}function ye(e,t=pe){const n=e.length===1?[e[0],e[0]]:e;return de.createLinearGradient(n.map(r=>y.resolveColorValue(r)),t)}function ve(e,t){if(!t)return[e];const n=[];return e.matches(t)&&n.push(e),n.push(...Array.from(e.querySelectorAll(t))),n}function _e(e){return{backgroundClip:e.style.backgroundClip,backgroundImage:e.style.backgroundImage,color:e.style.color,webkitBackgroundClip:e.style.getPropertyValue("-webkit-background-clip"),webkitTextFillColor:e.style.getPropertyValue("-webkit-text-fill-color")}}function be(e,t){e.style.backgroundClip=t.backgroundClip,e.style.backgroundImage=t.backgroundImage,e.style.color=t.color,e.style.setProperty("-webkit-background-clip",t.webkitBackgroundClip),e.style.setProperty("-webkit-text-fill-color",t.webkitTextFillColor)}function ke(e,t){e.style.backgroundImage=t,e.style.backgroundClip="text",e.style.color="transparent",e.style.setProperty("-webkit-background-clip","text"),e.style.setProperty("-webkit-text-fill-color","transparent")}const he=Y(),Ee=Y(".mdi");function xe(e){const t=e==null?void 0:e.isVisible;return typeof t=="object"&&t!==null&&"value"in t?!!t.value:!!t}const we={active:!1,text:"Loading...",noText:!1,color:"primary",dark:!1,opacity:void 0,blur:void 0,progressView:"glow"};function Le(e,t={}){const n=typeof e=="object"&&e!==null?e:{},r=typeof e=="boolean"?e:n.active??n.value??!1;return{...we,...n,active:r,dark:n.dark??!!t.dark,noText:n.noText??!!t.noText}}function J(e){return JSON.stringify({text:e.text,noText:e.noText,color:e.color,dark:e.dark,opacity:e.opacity,blur:e.blur,progressView:e.progressView})}function Te(e){return["relative","absolute","fixed","sticky"].includes(getComputedStyle(e).position)}function Ce(e){Te(e)||(e.style.position="relative")}function P(e){var n,r;const t=e.__gLoading__;t&&((n=t.app)==null||n.unmount(),(r=t.container)==null||r.remove(),t.app=void 0,t.container=void 0,t.component=void 0,t.optionsKey=void 0,e.style.position=t.originalPosition)}function Pe(e){const t=e.__gLoading__;if(t){if(!t.component){P(e);return}t.component.hide()}}function Be(e,t){const n=e.__gLoading__;if(!n)return;Ce(e);const r=document.createElement("div");r.className="g-loading__container";const i=o.createApp(b._sfc_main,{text:t.text,noText:t.noText,color:t.color,dark:t.dark,opacity:t.opacity,blur:t.blur,progressView:t.progressView,onClose:()=>{xe(n.component)||P(e)}});n.app=i,n.container=r,n.optionsKey=J(t),e.appendChild(r),n.component=i.mount(r),n.component.show()}function I(e,t,n){var a;const r=e.__gLoading__;if(!r)return;const i=Le(t,n),s=J(i);if(!i.active){Pe(e);return}if(r.app&&r.optionsKey===s){(a=r.component)==null||a.show();return}P(e),Be(e,i)}const $e={mounted(e,t){e.__gLoading__={originalPosition:e.style.position},I(e,t.value,t.modifiers)},updated(e,t){t.value===t.oldValue&&(typeof t.value!="object"||t.value===null)||I(e,t.value,t.modifiers)},unmounted(e){P(e),delete e.__gLoading__}},h={center:!1,color:"currentcolor",disabled:!1,duration:520,easing:"var(--g-token-easing-standard)",opacity:.16};function Z(e){if(typeof e=="boolean")return{...h,disabled:!e};if(typeof e=="string")return{...h,color:y.resolveColorValue(e)};const t=e!=null&&e.color?y.resolveColorValue(e.color):h.color;return{...h,...e,color:t}}function Se(e){getComputedStyle(e).position==="static"&&(e.style.position="relative")}function Ve(e){return typeof e=="number"?`${e}ms`:e}function De(e){if(typeof e=="number")return e;const t=e.trim();if(t.endsWith("ms"))return Number.parseFloat(t);if(t.endsWith("s"))return Number.parseFloat(t)*1e3;const n=Number.parseFloat(t);return Number.isNaN(n)?Number(h.duration):n}function Fe(e,t,n){const r=e.getBoundingClientRect(),i=Math.hypot(r.width,r.height)*2,s=t.x-r.left-i/2,a=t.y-r.top-i/2,u=document.createElement("span"),c=document.createElement("span");return u.className="g-ripple__container",u.style.setProperty("--g-ripple-color",n.color),u.style.setProperty("--g-ripple-duration",Ve(n.duration)),u.style.setProperty("--g-ripple-easing",n.easing),u.style.setProperty("--g-ripple-opacity",String(n.opacity)),c.className="g-ripple__animation",c.style.width=`${i}px`,c.style.height=`${i}px`,c.style.left=`${s}px`,c.style.top=`${a}px`,u.appendChild(c),e.appendChild(u),u}function Ne(e,t){var n;t.remove(),(n=e.__gRipple__)==null||n.ripples.delete(t)}function Q(e){const t=e.__gRipple__;if(t){for(const n of t.ripples)n.remove();t.ripples.clear()}}function R(e){const t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}function Ae(e){return e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||e.classList.contains("g-button_disabled")}function z(e,t,n){var i;if(n.disabled||Ae(e))return;Se(e);const r=Fe(e,t,n);(i=e.__gRipple__)==null||i.ripples.add(r),window.setTimeout(()=>Ne(e,r),De(n.duration))}function Me(e,t){if(e.__gRipple__){ee(e,t);return}const n=Z(t),r={originalPosition:e.style.position,options:n,onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||z(e,R(e),r.options)},onPointerDown:i=>{i.button!==0||e.hasAttribute("disabled")||z(e,r.options.center?R(e):{x:i.clientX,y:i.clientY},r.options)},ripples:new Set};e.addEventListener("pointerdown",r.onPointerDown),e.addEventListener("keydown",r.onKeyDown),e.__gRipple__=r}function ee(e,t){const n=e.__gRipple__;n&&(n.options=Z(t),n.options.disabled&&Q(e))}function Oe(e){const t=e.__gRipple__;t&&(e.removeEventListener("pointerdown",t.onPointerDown),e.removeEventListener("keydown",t.onKeyDown),Q(e),e.style.position=t.originalPosition,delete e.__gRipple__)}const Ie={mounted(e,t){Me(e,t.value)},updated(e,t){ee(e,t.value)},unmounted(e){Oe(e)}},T={color:"var(--g-color, var(--g-gradient-material-color, currentcolor))",disabled:!1,duration:180,easing:"var(--g-token-easing-standard)",opacity:.28,size:"140px"};function te(e){if(typeof e=="boolean")return{...T,disabled:!e};if(typeof e=="string")return{...T,color:y.resolveColorValue(e)};const t=e!=null&&e.color?y.resolveColorValue(e.color):T.color;return{...T,...e,color:t}}function Re(e){getComputedStyle(e).position==="static"&&(e.style.position="relative")}function ze(e){return typeof e=="number"?`${e}px`:e}function Ge(e){return typeof e=="number"?`${e}ms`:e}function Ue(e){return e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||e.classList.contains("g-button_disabled")}function ne(e,t){e.style.setProperty("--g-specular-color",t.color),e.style.setProperty("--g-specular-size",ze(t.size)),e.style.setProperty("--g-specular-duration",Ge(t.duration)),e.style.setProperty("--g-specular-easing",t.easing),e.style.setProperty("--g-specular-max-opacity",String(t.opacity))}function G(e,t,n){const r=e.getBoundingClientRect();e.style.setProperty("--g-specular-x",`${t-r.left}px`),e.style.setProperty("--g-specular-y",`${n-r.top}px`)}function U(e){const t=e.getBoundingClientRect();e.style.setProperty("--g-specular-x",`${t.width/2}px`),e.style.setProperty("--g-specular-y",`${t.height/2}px`)}function K(e){const t=e.__gSpecular__;!t||t.options.disabled||Ue(e)||e.setAttribute("data-g-specular-active","true")}function C(e){e.removeAttribute("data-g-specular-active")}function Ke(){const e=document.createElement("span"),t=document.createElement("span");return e.className="g-specular__container",t.className="g-specular__highlight",e.appendChild(t),{containerEl:e,highlightEl:t}}function W(e,t){if(e.__gSpecular__){We(e,t);return}const n=te(t),{containerEl:r,highlightEl:i}=Ke();Re(e),ne(e,n),U(e),e.classList.add("g-specular"),e.appendChild(r);const s={containerEl:r,highlightEl:i,options:n,originalPosition:e.style.position,onBlur:()=>C(e),onFocus:()=>{U(e),K(e)},onPointerEnter:a=>{G(e,a.clientX,a.clientY),K(e)},onPointerLeave:()=>C(e),onPointerMove:a=>{G(e,a.clientX,a.clientY)}};e.addEventListener("blur",s.onBlur),e.addEventListener("focus",s.onFocus),e.addEventListener("pointerenter",s.onPointerEnter),e.addEventListener("pointerleave",s.onPointerLeave),e.addEventListener("pointermove",s.onPointerMove),e.__gSpecular__=s}function We(e,t){const n=e.__gSpecular__;n&&(n.options=te(t),ne(e,n.options),n.options.disabled&&C(e))}function q(e){const t=e.__gSpecular__;t&&(e.removeEventListener("blur",t.onBlur),e.removeEventListener("focus",t.onFocus),e.removeEventListener("pointerenter",t.onPointerEnter),e.removeEventListener("pointerleave",t.onPointerLeave),e.removeEventListener("pointermove",t.onPointerMove),t.containerEl.remove(),e.classList.remove("g-specular"),C(e),e.style.position=t.originalPosition,e.style.removeProperty("--g-specular-color"),e.style.removeProperty("--g-specular-duration"),e.style.removeProperty("--g-specular-easing"),e.style.removeProperty("--g-specular-max-opacity"),e.style.removeProperty("--g-specular-size"),e.style.removeProperty("--g-specular-x"),e.style.removeProperty("--g-specular-y"),delete e.__gSpecular__)}const qe={mounted(e,t){t.value!==!1&&W(e,t.value)},updated(e,t){if(t.value===!1){q(e);return}W(e,t.value)},unmounted(e){q(e)}},N=y.propsFactory({...b.makeTransitionProps(),modelValue:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},strategy:{type:String,default:"absolute"},offset:{type:Number,default:8},shift:{type:Boolean,default:!0},flip:{type:Boolean,default:!0},sameWidth:{type:Boolean,default:!1},referenceFullWidth:{type:Boolean,default:!1},appendTo:{type:String,default:""},zIndexBase:{type:Number,default:1e3},disabled:Boolean,content:String,reference:Object}),He=e=>{const t=o.ref(null),n=o.ref(null),r=o.computed(()=>{const l=[];return e.offset&&l.push(_.offset(e.offset)),e.flip&&l.push(_.flip()),e.shift&&l.push(_.shift({padding:4,crossAxis:!0})),e.sameWidth&&l.push(_.size({apply({rects:d,elements:p}){Object.assign(p.floating.style,{width:`${d.reference.width}px`})}})),l}),{x:i,y:s,strategy:a,placement:u,update:c}=_.useFloating(t,n,{...e,middleware:r,whileElementsMounted:_.autoUpdate});return{reference:t,floating:n,x:i,y:s,strategy:a,placement:u,update:c}};function oe(e){const t=o.computed(()=>!!e),n=o.computed(()=>e||"body");return{hasAppendTarget:t,appendTarget:n}}function re(e,t){const n=o.computed(()=>e.modelValue!==void 0),r=o.ref(e.defaultOpen??!1);return{open:o.computed({get(){return n.value?e.modelValue??!1:r.value},set(s){n.value||(r.value=s),t("update:modelValue",s)}}),isControlled:n}}function je(e){return e instanceof HTMLElement}function Xe(e){return!!e&&typeof e=="object"&&"$el"in e}function H(e){return e?je(e)?e:Xe(e)?e.$el:null:null}function Ye({open:e,reference:t,floating:n,escapeKey:r=!0,outsideClick:i=!0}){if(!e||!t||!n)throw new Error("useDismiss: open, reference, and floating are required");const s=u=>{if(!i)return;const c=H(t.value),l=H(n.value),d=u.target;c&&l&&!c.contains(d)&&!l.contains(d)&&(e.value=!1)},a=u=>{r&&u.key==="Escape"&&(e.value=!1)};o.onMounted(()=>{document.addEventListener("click",s),document.addEventListener("keydown",a)}),o.onBeforeUnmount(()=>{document.removeEventListener("click",s),document.removeEventListener("keydown",a)})}let Je=0;const m=[],ie=o.ref(null);function j(e){const t=m.find(i=>i.id===e);if(!t)return;const r=m.filter(i=>i.kind===t.kind).findIndex(i=>i.id===e);return t.base+r+1}function D(){const e=[...m].reverse().find(t=>t.kind==="overlay"&&t.open.value);ie.value=(e==null?void 0:e.id)??null}function X(e){const t=m.findIndex(r=>r.id===e);if(t===-1)return;const[n]=m.splice(t,1);m.push(n),D()}function se(e){const{open:t,base:n=1e3,kind:r="floating"}=e,i=++Je,s=o.ref();function a(){m.findIndex(g=>g.id===i)===-1?m.push({id:i,kind:r,base:n,open:t}):X(i),s.value=j(i),D()}function u(){const p=m.findIndex(g=>g.id===i);p!==-1&&m.splice(p,1),s.value=void 0,D()}function c(){t.value&&(X(i),s.value=j(i))}const l=o.computed(()=>{var g;return((g=m.filter(v=>v.kind===r).at(-1))==null?void 0:g.id)===i}),d=o.computed(()=>r==="overlay"&&ie.value===i);return o.watch(t,p=>{p?a():u()},{immediate:!0}),o.onBeforeUnmount(()=>{u()}),{id:i,zIndex:s,isTop:l,isTopOverlay:d,bringToFront:c}}const Ze=o.defineComponent({__name:"BaseFloating",props:N(),emits:["update:modelValue"],setup(e,{emit:t}){const n=e,r=o.toRef(n,"reference"),i=t,{open:s}=re(n,i),{hasAppendTarget:a,appendTarget:u}=oe(n.appendTo),c=o.ref(!1),l=o.computed(()=>s.value||c.value),{reference:d,floating:p,x:g,y:v,strategy:B,update:$}=He(n);Ye({open:s,reference:d,floating:p});const{zIndex:E}=se({open:l,base:n.zIndexBase,kind:"floating"}),k=o.computed(()=>({position:B.value,top:v.value!=null?`${v.value}px`:"",left:g.value!=null?`${g.value}px`:"",minWidth:n.sameWidth&&d.value instanceof HTMLElement?`${d.value.offsetWidth}px`:void 0,zIndex:E.value}));function S(f){f&&("$el"in f||f instanceof HTMLElement)?d.value=f:(d.value=n.reference,$())}function x(){c.value=!0}function w(){c.value=!1}function L(){c.value=!1}return o.watch(r,f=>{f&&(d.value=f)},{deep:!0,immediate:!0}),(f,V)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",{class:o.normalizeClass(["base-floating__reference",{"base-floating__reference_full":n.referenceFullWidth}])},[o.renderSlot(f.$slots,"reference",{ref:S},void 0,!0)],2),o.unref(a)?(o.openBlock(),o.createBlock(o.Teleport,{key:0,to:o.unref(u)},[o.createVNode(o.unref(b._sfc_main$1),{transition:n.transition,name:"scale",onBeforeLeave:x,onAfterLeave:w,onLeaveCancelled:L},{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("div",{ref_key:"floating",ref:p,style:o.normalizeStyle(k.value)},[o.renderSlot(f.$slots,"default",{},void 0,!0)],4),[[o.vShow,o.unref(s)]])]),_:3},8,["transition"])],8,["to"])):(o.openBlock(),o.createBlock(o.unref(b._sfc_main$1),{key:1,transition:n.transition,name:"scale",onBeforeLeave:x,onAfterLeave:w,onLeaveCancelled:L},{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("div",{ref_key:"floating",ref:p,style:o.normalizeStyle(k.value)},[o.renderSlot(f.$slots,"default",{},void 0,!0)],4),[[o.vShow,o.unref(s)]])]),_:3},8,["transition"]))],64))}}),ae=b._export_sfc(Ze,[["__scopeId","data-v-d9f4cacd"]]),Qe=y.propsFactory({...N(),openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0}});function ue(e,t){const{click:n,hover:r,focus:i,contextmenu:s,disabled:a=!1}=t;let u=null,c=null;function l(){u&&clearTimeout(u),c&&clearTimeout(c),u=null,c=null}function d(f,V=0){if(l(),V===0){e.value=f;return}const A=window.setTimeout(()=>{e.value=f},V);f?u=A:c=A}const p=typeof r=="object"?r:{},g=p.openDelay??0,v=p.closeDelay??0;function B(){a||!n||(e.value=!e.value)}function $(f){a||!s||(f.preventDefault(),e.value=!0)}function E(){a||!r||d(!0,g)}function k(){r&&d(!1,v)}function S(){a||!i||(e.value=!0)}function x(){i&&(e.value=!1)}o.onBeforeUnmount(l);const w=o.computed(()=>({...n?{onClick:B}:{},...s?{onContextmenu:$}:{},...r?{onMouseenter:E,onMouseleave:k}:{},...i?{onFocus:S,onBlur:x}:{}})),L=o.computed(()=>({...r?{onMouseenter:E,onMouseleave:k}:{}}));return{triggerAttrs:w,floatingAttrs:L}}const et={class:"g-tooltip__content"},tt=o.defineComponent({__name:"GTooltip",props:Qe(),setup(e,{expose:t}){const n=e,r=o.ref(!1),i=o.computed(()=>n.transition??{name:"scale-only",scale:.96}),{triggerAttrs:s,floatingAttrs:a}=ue(r,{hover:{openDelay:n.openDelay,closeDelay:n.closeDelay},focus:!0});function u(){r.value=!1}function c(){r.value=!0}return t({hide:u,show:c,open:r}),(l,d)=>(o.openBlock(),o.createBlock(o.unref(ae),o.mergeProps(n,{"model-value":r.value,"onUpdate:modelValue":d[0]||(d[0]=p=>r.value=p),transition:i.value}),o.createSlots({default:o.withCtx(()=>[o.createElementVNode("div",o.mergeProps({class:"g-tooltip"},o.unref(a),{role:"tooltip"}),[d[1]||(d[1]=o.createElementVNode("div",{class:"g-tooltip__underlay"},null,-1)),o.createElementVNode("span",et,o.toDisplayString(n.content),1)],16)]),_:2},[l.$slots.default?{name:"reference",fn:o.withCtx(({ref:p})=>[o.createElementVNode("div",o.mergeProps({ref:p,class:"g-tooltip__trigger",tabindex:"0"},o.unref(s)),[o.renderSlot(l.$slots,"default",{},void 0,!0)],16)]),key:"0"}:void 0]),1040,["model-value","transition"]))}}),ce=b._export_sfc(tt,[["__scopeId","data-v-578012d6"]]),nt={mounted(e,t){if(!t.value)return;const n=typeof t.value=="string"?{content:t.value}:t.value,r=o.ref(!1),i=document.createElement("div");document.body.appendChild(i);const s=o.ref(null),a=o.createApp({setup(){return()=>o.h(ce,{...n,reference:e,ref:l=>{l&&(s.value=l)}},{reference:({ref:l})=>(l(e),e)})}});a.mount(i);const u=()=>{s.value&&s.value.show()},c=()=>{s.value&&s.value.hide()};e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",c),e.addEventListener("focus",u),e.addEventListener("blur",c),e.__tooltip__={app:a,container:i,open:r,cleanup(){e.removeEventListener("mouseenter",u),e.removeEventListener("mouseleave",c),e.removeEventListener("focus",u),e.removeEventListener("blur",c),a.unmount(),i.remove()}}},unmounted(e){var t;(t=e.__tooltip__)==null||t.cleanup()}};function ot(e){return typeof e=="string"||Array.isArray(e)||e===void 0?{mask:e}:e}function le(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement?e:e.querySelector("input, textarea")}function F(e,t){const n=le(e);if(!n)return;const r=ot(t.value),i={...M.defaultMaskTokens,...r.tokens??{}},s=M.applyMask(n.value,r.mask,i);n.value!==s&&(n.value=s)}function rt(e,t){const n=le(e);if(!n)return;const r=()=>{e._gMaskFormatting||(e._gMaskFormatting=!0,F(e,t),n.dispatchEvent(new Event("input",{bubbles:!0})),e._gMaskFormatting=!1)};n.addEventListener("input",r),e._gMaskCleanup=()=>{n.removeEventListener("input",r)},F(e,t)}const it={mounted:rt,updated(e,t){F(e,t)},beforeUnmount(e){var t;(t=e._gMaskCleanup)==null||t.call(e),delete e._gMaskCleanup,delete e._gMaskFormatting}};exports.BaseFloating=ae;exports.GTooltip=ce;exports.gradientIcon=Ee;exports.loading=$e;exports.makeFloatingProps=N;exports.ripple=Ie;exports.specular=qe;exports.useAppendTarget=oe;exports.useControllableOpen=re;exports.useLayerStack=se;exports.useTriggerFactory=ue;exports.vGradientText=he;exports.vMask=it;exports.vTooltip=nt;

package/dist/materialSurface-BbFTyJuA.js

@@ -1,634 +0,0 @@
-import { defineComponent as q, openBlock as z, createBlock as X, resolveDynamicComponent as J, normalizeClass as Q, computed as o, inject as Z, provide as ee, toRef as $, toValue as s, watch as ae, onBeforeUnmount as te } from "vue";
-import { p as f, g as ne, l as D, n as L, o as re, j as k, c as x, r as I, b as oe, q as ie, e as se, h as le, s as de, i as ce, d as ue, k as ge, a as me } from "./surface-C3w1Rz6V.js";
-import "@mdi/js";
-import { p as G, h as b, b as ve, f as fe, C as he } from "./camelToKebabCase-BWbQb81D.js";
-import { DEFAULT_SEED as Se, createGradientMaterial as we, DEFAULT_GRADIENT_MORPH_BLEND_MODE as N } from "@gradient-ui/gradient-engine";
-import { u as pe } from "./default-DlsS6GI_.js";
-const ye = /* @__PURE__ */ q({
-  __name: "MdiIconSet",
-  props: {
-    icon: {},
-    tag: {}
-  },
-  setup(e) {
-    return (a, t) => (z(), X(J(e.tag), {
-      class: Q(["mdi", `mdi-${e.icon}`]),
-      "aria-hidden": "true"
-    }, null, 8, ["class"]));
-  }
-}), E = Symbol("gradient-icons"), _ = {
-  defaultSet: "mdi",
-  aliases: {},
-  sets: {
-    mdi: {
-      component: ye
-    }
-  }
-};
-function V(e = {}) {
-  return {
-    defaultSet: e.defaultSet ?? _.defaultSet,
-    aliases: {
-      ..._.aliases,
-      ...e.aliases ?? {}
-    },
-    sets: {
-      ..._.sets,
-      ...e.sets ?? {}
-    }
-  };
-}
-function la(e = {}) {
-  ee(E, V(e));
-}
-function da(e, a = {}) {
-  e.provide(E, V(a));
-}
-function Me() {
-  return Z(E, _);
-}
-function ca(e) {
-  const a = Me();
-  return o(() => {
-    let t = e() ?? "";
-    if (t.startsWith("$")) {
-      const l = t.slice(1);
-      t = a.aliases[l] ?? t;
-    }
-    const [r, n] = t.includes(":") ? t.split(":", 2) : [a.defaultSet, t], i = a.sets[r] ?? a.sets[a.defaultSet];
-    return {
-      icon: n ?? t,
-      component: i.component
-    };
-  });
-}
-const be = f({
-  placement: {
-    type: String,
-    default: "bottom"
-  }
-});
-function _e(e, a) {
-  return o(() => `${a}_${e.placement}`);
-}
-const Ce = f({
-  active: Boolean,
-  ...D(),
-  glow: [Boolean, Number, String],
-  animateGlow: Boolean,
-  shadow: Boolean,
-  ...ne()
-});
-function ua(e, a = "g-gradient") {
-  const t = L(e, a), r = re(e, a);
-  return {
-    glowClasses: o(() => ({
-      [t.value]: !0,
-      [r.value]: !0,
-      [`${a}_active`]: e.active,
-      [`${a}_glow`]: e.glow,
-      [`${a}_animate-glow`]: e.animateGlow,
-      [`${a}_shadow`]: e.shadow
-    }))
-  };
-}
-const Be = f({
-  rootTag: {
-    type: String,
-    default: "div"
-  },
-  interactive: {
-    type: Boolean,
-    default: !0
-  },
-  borderRadius: {
-    type: [Number, String],
-    default: 4
-  },
-  inheritWidth: Boolean,
-  surfaceFill: {
-    type: String,
-    default: "transparent"
-  }
-});
-function ga(e) {
-  const a = k($(e, "borderRadius")), t = o(
-    () => `g-gradient_surface-${e.surfaceFill}`
-  );
-  return {
-    interactionClass: o(
-      () => e.interactive ? "g-gradient_interactive" : ""
-    ),
-    surfaceBorderRadius: a,
-    surfaceFillClass: t
-  };
-}
-const Re = {
-  action: "materialAction",
-  surface: "materialSurface"
-}, $e = "var(--g-token-elevation-2)", F = "none", C = "none", W = "none", ke = "#ffffff", Ge = "#0d0d12", B = Object.fromEntries(
-  Object.entries(b).map(([e, a]) => [
-    fe(e),
-    a
-  ])
-), Ee = new Set(he), A = {
-  error: b.red,
-  success: b.green,
-  warning: b.orange
-}, Pe = (e) => {
-  if (e in B) return B[e];
-  const a = e.match(/^(.+)-(\d+)$/);
-  if (!a) return null;
-  const [, t, r] = a, n = B[t], i = Number(r);
-  return !n || !Ee.has(i) ? null : ve(n)[i];
-}, Ae = (e, a) => e ? G(e) ? e : e === "primary" || e === "main" ? a : e in A ? A[e] : Pe(e) : a, R = (e) => {
-  const a = e / 255;
-  return a <= 0.04045 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
-}, O = (e) => 0.2126 * R(e.r) + 0.7152 * R(e.g) + 0.0722 * R(e.b), Oe = (e, a) => {
-  const t = O(e), r = O(a), n = Math.max(t, r), i = Math.min(t, r);
-  return (n + 0.05) / (i + 0.05);
-}, Te = (e) => {
-  var c, m, v;
-  const a = (c = e.gradient.stops) == null ? void 0 : c.map((g) => {
-    const u = G(g.color);
-    return u ? { color: u, position: g.position } : null;
-  }).filter((g) => g !== null).sort((g, u) => g.position - u.position);
-  if (!(a != null && a.length)) return null;
-  const t = 50, r = a.findIndex(
-    (g) => g.position >= t
-  );
-  if (r === -1) return ((m = a.at(-1)) == null ? void 0 : m.color) ?? null;
-  if (r === 0) return ((v = a[0]) == null ? void 0 : v.color) ?? null;
-  const n = a[r - 1], i = a[r], l = i.position - n.position, d = l ? (t - n.position) / l : 0;
-  return {
-    r: n.color.r + (i.color.r - n.color.r) * d,
-    g: n.color.g + (i.color.g - n.color.g) * d,
-    b: n.color.b + (i.color.b - n.color.b) * d
-  };
-}, De = (e, a) => {
-  const t = Te(e);
-  if (!t) return a;
-  const n = [ke, Ge].map((i) => {
-    const l = G(i);
-    return l ? {
-      color: i,
-      contrast: Oe(l, t)
-    } : null;
-  }).filter(
-    (i) => !!i
-  ).sort(
-    (i, l) => l.contrast - i.contrast
-  )[0];
-  return (n == null ? void 0 : n.color) ?? a;
-}, Le = (e, a, t, r) => ({
-  "--g-gradient-material-background": oe(e),
-  "--g-gradient-material-color": I(e),
-  "--g-gradient-material-foreground": x(e),
-  "--g-gradient-material-shadow": a ? $e : F,
-  "--g-gradient-material-drop-shadow": C,
-  "--g-gradient-material-filter": C,
-  "--g-gradient-material-morph-blend-mode": (r == null ? void 0 : r.blendMode) ?? N,
-  "--g-gradient-material-animation": t ? "var(--g-gradient-animation, none)" : W,
-  "--g-gradient-current": "var(--g-gradient-material-background)",
-  "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
-  "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
-  "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
-}), xe = (e, a, t, r, n) => {
-  var m, v, g, u, h, S, w, p, y;
-  const i = (v = (m = e.effects) == null ? void 0 : m.boxShadow) == null ? void 0 : v.cssVar, l = (u = (g = e.effects) == null ? void 0 : g.dropShadow) == null ? void 0 : u.cssVar, d = (S = (h = e.effects) == null ? void 0 : h.morph) == null ? void 0 : S.cssVar, c = (w = e.animation) == null ? void 0 : w.cssVar;
-  return {
-    ...e.cssVars,
-    "--g-gradient-material-background": `var(${e.gradient.cssVar})`,
-    "--g-gradient-material-color": I(r),
-    "--g-gradient-material-foreground": De(
-      e,
-      x(r)
-    ),
-    "--g-gradient-material-shadow": a && i ? `var(${i})` : F,
-    "--g-gradient-material-drop-shadow": a && l ? `var(${l})` : C,
-    "--g-gradient-material-filter": a && d ? `var(${d})` : a && l ? `var(${l})` : C,
-    "--g-gradient-material-morph-blend-mode": a && ((y = (p = e.effects) == null ? void 0 : p.morph) != null && y.blendModeCssVar) ? `var(${e.effects.morph.blendModeCssVar})` : (n == null ? void 0 : n.blendMode) ?? N,
-    "--g-gradient-material-animation": t && c ? `var(${c})` : W,
-    "--g-gradient-current": "var(--g-gradient-material-background)",
-    "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
-    "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
-    "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
-  };
-}, j = (e = {}) => {
-  const a = pe(), t = o(() => s(e.kind) ?? "surface"), r = o(() => !!s(e.effects)), n = o(() => !!s(e.animations)), i = o(() => s(e.color)), l = o(() => s(e.recipe)), d = o(() => s(e.morph)), c = o(
-    () => !!(r.value || n.value || l.value || d.value || s(e.options))
-  ), m = o(
-    () => Ae(
-      i.value,
-      (a == null ? void 0 : a.seed.value) ?? Se
-    )
-  ), v = o(() => {
-    if (!c.value) return null;
-    const u = m.value;
-    return u ? we(u, {
-      ...s(e.options),
-      animation: s(e.animation),
-      animations: n.value,
-      dropShadow: s(e.dropShadow),
-      effects: r.value,
-      morph: d.value,
-      recipe: l.value ?? Re[t.value],
-      shadow: s(e.shadow)
-    }) : null;
-  }), g = o(() => {
-    const u = v.value;
-    return u ? xe(
-      u,
-      r.value,
-      n.value,
-      i.value,
-      d.value
-    ) : c.value ? Le(
-      i.value,
-      r.value,
-      n.value,
-      d.value
-    ) : void 0;
-  });
-  return {
-    gradientMaterial: v,
-    gradientMaterialStyles: g
-  };
-}, Ie = f({
-  ...D(),
-  ...de(),
-  ...le(),
-  ...be({
-    placement: "center"
-  }),
-  borderRadius: {
-    type: [Number, String],
-    default: 4
-  },
-  borderWidth: {
-    type: [Number, String],
-    default: 1
-  },
-  color: String,
-  state: String,
-  materialKind: {
-    type: String,
-    default: "action"
-  },
-  gradientRecipe: String
-}), Ne = f({
-  ...Ie(),
-  ...Ce(),
-  ...Be()
-});
-function ma(e) {
-  const a = k($(e, "borderWidth")), t = k($(e, "borderRadius")), r = o(() => a.value ? `calc(${t.value} + ${a.value})` : t.value), n = L(e, "g-gradient"), i = _e(e, "g-gradient"), l = ie(e, "g-gradient"), d = se(
-    () => e.color ?? e.state
-  ), c = o(
-    () => Number.parseFloat(String(e.borderWidth)) > 0
-  ), { gradientMaterial: m, gradientMaterialStyles: v } = j({
-    color: () => e.color ?? e.state,
-    kind: () => e.materialKind,
-    recipe: () => c.value ? e.gradientRecipe : void 0,
-    options: () => c.value ? {} : void 0
-  }), g = o(() => ({
-    [n.value]: !0,
-    [i.value]: !0,
-    [l.value]: !0,
-    "g-gradient_inherit-width": e.inheritWidth,
-    [`g-gradient_${e.state}`]: e.state
-  })), u = o(() => ({
-    "--g-border-radius": t.value,
-    "--g-border-width": a.value
-  })), h = o(() => [
-    c.value && v.value ? v.value : { "--g-gradient-current": d.value },
-    u.value
-  ]);
-  return {
-    borderWidthPx: a,
-    borderRadiusPx: t,
-    containerBorderRadius: r,
-    gradientMaterial: m,
-    resolvedGradient: d,
-    gradientClasses: g,
-    gradientStyles: h
-  };
-}
-const Ve = "data-gradient-engine-style", Fe = "data-gradient-engine-svg", We = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map(), P = () => typeof document < "u", U = (e, a, t) => {
-  const r = e.get(a);
-  if (r)
-    return r.count += 1, () => {
-      r.count -= 1, r.count <= 0 && (r.element.remove(), e.delete(a));
-    };
-  const n = t();
-  return document.head.append(n), e.set(a, {
-    count: 1,
-    element: n
-  }), () => {
-    const i = e.get(a);
-    i && (i.count -= 1, i.count <= 0 && (i.element.remove(), e.delete(a)));
-  };
-}, Ue = (e, a) => !P() || !a.trim() ? () => {
-} : U(We, e, () => {
-  const t = document.createElement("style");
-  return t.setAttribute(Ve, e), t.textContent = a, t;
-}), He = (e, a) => !P() || !a.trim() ? () => {
-} : U(je, e, () => {
-  const t = document.createElement("div");
-  return t.setAttribute(Fe, e), t.style.position = "absolute", t.style.width = "0", t.style.height = "0", t.style.overflow = "hidden", t.innerHTML = a, t;
-}), Ke = (e) => {
-  var r, n;
-  if (!P())
-    return {
-      dispose: () => {
-      },
-      id: e.id
-    };
-  const a = Ue(e.id, e.cssText), t = (n = (r = e.effects) == null ? void 0 : r.morph) != null && n.svg ? He(`${e.id}-morph`, e.effects.morph.svg) : () => {
-  };
-  return {
-    dispose: () => {
-      t(), a();
-    },
-    id: e.id
-  };
-}, Ye = (e = {}) => {
-  let a = null;
-  const t = o(() => !!s(e.enabled)), r = o(() => s(e.material) ?? null), n = o(
-    () => {
-      var d, c;
-      return !!s(e.morph) && !!((c = (d = r.value) == null ? void 0 : d.morphBlobs) != null && c.length);
-    }
-  ), i = o(
-    () => {
-      var d;
-      return n.value ? ((d = r.value) == null ? void 0 : d.morphBlobs) ?? [] : [];
-    }
-  ), l = () => {
-    a == null || a.dispose(), a = null;
-  };
-  return ae(
-    () => {
-      var d;
-      return [t.value, (d = r.value) == null ? void 0 : d.id];
-    },
-    () => {
-      l(), t.value && r.value && (a = Ke(r.value));
-    },
-    {
-      immediate: !0
-    }
-  ), te(l), {
-    morphBlobs: i,
-    morphEnabled: n
-  };
-}, qe = (e = "g-material") => {
-  const a = o(() => [`${e}__material-glow`]), t = o(() => [
-    `${e}__material-glow-base`
-  ]), r = o(() => [
-    `${e}__material-glow-morph`
-  ]), n = o(() => [
-    `${e}__material-glow-morph-blob`
-  ]), i = o(() => [
-    `${e}__material-morph`
-  ]), l = o(() => [
-    `${e}__material-morph-blob`
-  ]);
-  return {
-    materialContentClasses: o(() => [
-      `${e}__material-content`
-    ]),
-    materialGlowBaseClasses: t,
-    materialGlowClasses: a,
-    materialGlowMorphBlobClasses: n,
-    materialGlowMorphClasses: r,
-    materialMorphBlobClasses: l,
-    materialMorphClasses: i
-  };
-}, ze = f({
-  materialKind: {
-    type: String,
-    default: "surface"
-  },
-  gradientRecipe: String,
-  borderRadius: {
-    type: [Number, String],
-    default: 8
-  },
-  padding: {
-    type: [Number, String],
-    default: 0
-  },
-  shadow: Boolean,
-  dropShadow: Boolean,
-  morph: Boolean,
-  animationOptions: Object,
-  shadowOptions: Object,
-  dropShadowOptions: Object,
-  morphOptions: Object
-}), Xe = (e) => typeof e == "number" ? `${e}ms` : e, Je = (e) => ({
-  "--g-gradient-morph-blob-color": e.color,
-  "--g-gradient-morph-x": `${e.dx}%`,
-  "--g-gradient-morph-x2": `${e.dx2}%`,
-  "--g-gradient-morph-y": `${e.dy}%`,
-  "--g-gradient-morph-y2": `${e.dy2}%`,
-  "--g-gradient-morph-origin-x": e.originX,
-  "--g-gradient-morph-origin-y": e.originY,
-  "--g-gradient-morph-animation": e.animationName,
-  "--g-gradient-morph-blur": `${e.blur}px`,
-  "--g-gradient-morph-opacity": e.opacity,
-  "--g-gradient-morph-rotate-mid": `${e.rotateMid}deg`,
-  "--g-gradient-morph-rotate-to": `${e.rotateTo}deg`,
-  "--g-gradient-morph-scale-mid": e.scaleMid,
-  "--g-gradient-morph-scale": e.scaleTo,
-  animationDelay: `${e.delay}ms`,
-  animationDuration: Xe(e.duration),
-  left: `${e.x}%`,
-  top: `${e.y}%`,
-  width: `${e.size}%`
-}), Qe = (e) => typeof e == "object" ? e : e ? {} : void 0, T = (e) => e == null ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e, Ze = (e = {}) => {
-  const a = o(() => e.baseClass ?? "g-material"), {
-    materialContentClasses: t,
-    materialGlowBaseClasses: r,
-    materialGlowClasses: n,
-    materialGlowMorphBlobClasses: i,
-    materialGlowMorphClasses: l,
-    materialMorphBlobClasses: d,
-    materialMorphClasses: c
-  } = qe(a.value), m = o(() => T(s(e.borderRadius))), v = o(() => T(s(e.padding))), g = o(
-    () => Qe(s(e.morph))
-  ), u = o(() => !!g.value), h = o(
-    () => !!(s(e.effects) || s(e.shadow) || s(e.dropShadow) || u.value)
-  ), S = o(() => !!s(e.animations)), { gradientMaterial: w, gradientMaterialStyles: p } = j({
-    color: () => s(e.color) ?? s(e.state),
-    kind: () => s(e.kind),
-    recipe: () => s(e.recipe),
-    effects: h,
-    animations: S,
-    shadow: () => s(e.shadow),
-    dropShadow: () => s(e.dropShadow),
-    animation: () => s(e.animation),
-    morph: g,
-    options: () => s(e.options)
-  }), { morphBlobs: y, morphEnabled: H } = Ye({
-    enabled: () => !!(S.value || u.value),
-    material: w,
-    morph: u
-  }), K = o(() => [`${a.value}_surface`]), Y = o(() => {
-    const M = {
-      ...p.value ?? {}
-    };
-    return m.value && (M["--g-gradient-material-radius"] = m.value), v.value && (M["--g-gradient-material-padding"] = v.value), Object.keys(M).length ? M : void 0;
-  });
-  return {
-    getMorphBlobStyle: Je,
-    gradientMaterial: w,
-    materialClasses: K,
-    materialContentClasses: t,
-    materialGlowBaseClasses: r,
-    materialGlowClasses: n,
-    materialGlowMorphBlobClasses: i,
-    materialGlowMorphClasses: l,
-    materialMorphBlobClasses: d,
-    materialMorphClasses: c,
-    materialStyles: Y,
-    morphBlobs: y,
-    morphEnabled: H
-  };
-}, ea = (e, a) => {
-  const t = o(
-    () => s(a.variant) === "gradient"
-  ), r = o(
-    () => s(e.morphOptions) ?? s(e.morph)
-  ), n = o(() => a.morphScope === "always" || t.value ? r.value : !1), i = o(() => !!n.value), l = o(
-    () => !!(t.value || s(e.shadow) || s(e.dropShadow) || s(e.shadowOptions) || s(e.dropShadowOptions) || i.value)
-  ), d = o(
-    () => !!(t.value && s(e.animationOptions))
-  ), c = o(
-    () => t.value || i.value
-  );
-  return {
-    ...Ze({
-      baseClass: a.baseClass,
-      color: a.color,
-      state: a.state,
-      kind: a.kind,
-      recipe: () => c.value ? s(e.gradientRecipe) : void 0,
-      effects: l,
-      animations: d,
-      shadow: () => s(e.shadowOptions),
-      dropShadow: () => s(e.dropShadowOptions),
-      animation: () => t.value ? s(e.animationOptions) : void 0,
-      morph: n,
-      options: a.options
-    }),
-    hasMaterialAnimations: d,
-    hasMaterialEffects: l,
-    hasMaterialSurface: t,
-    hasMorph: i,
-    resolvedMorph: n
-  };
-}, va = f({
-  tag: String,
-  href: String,
-  target: String,
-  rel: String
-});
-function aa(e) {
-  const a = o(() => !!e.href && !e.disabled), t = o(
-    () => a.value ? {
-      href: e.href,
-      target: e.target,
-      rel: e.rel ?? (e.target === "_blank" ? "noopener noreferrer" : void 0)
-    } : {}
-  );
-  return {
-    isLink: a,
-    linkAttrs: t
-  };
-}
-function fa(e, a) {
-  const { isLink: t, linkAttrs: r } = aa(e), n = o(
-    () => e.tag ?? (t.value ? "a" : a)
-  ), i = o(() => n.value === "a" && t.value), l = o(
-    () => i.value ? r.value : {
-      type: n.value === "button" ? "button" : void 0,
-      disabled: n.value === "button" ? e.disabled : void 0
-    }
-  );
-  return {
-    tagName: n,
-    tagAttrs: l
-  };
-}
-const ha = f({
-  ...ze(),
-  ...me(),
-  ...Ne({
-    borderWidth: void 0,
-    borderRadius: void 0,
-    interactive: !1
-  })
-}), Sa = (e, a, t = {}) => {
-  const { colorStyles: r, resolvedColor: n, resolvedState: i } = ce(e), { glassStyles: l } = ue(e), d = ea(e, {
-    baseClass: a,
-    color: n,
-    state: i,
-    kind: t.kind ?? "surface",
-    variant: () => e.variant,
-    morphScope: "always"
-  }), c = o(() => [
-    r.value,
-    d.materialStyles.value,
-    e.variant === "glass" ? l.value : void 0
-  ]), m = o(() => ({
-    animateGlow: e.animateGlow,
-    borderRadius: e.borderRadius,
-    borderWidth: e.borderWidth ?? (e.glow || e.animateGlow || e.variant === "outlined" || e.variant === "glass" ? 1 : 0),
-    color: n.value,
-    glow: e.glow,
-    gradientRecipe: e.gradientRecipe,
-    inheritWidth: !0,
-    interactive: !1,
-    placement: e.placement,
-    rounded: !1,
-    // The material owns elevation; the frame only owns the real border/glow.
-    shadow: !1,
-    state: i.value,
-    surfaceFill: "transparent"
-  }));
-  return {
-    ...d,
-    ...ge(a),
-    resolvedColor: n,
-    resolvedState: i,
-    materialFrameProps: m,
-    surfaceStyles: c
-  };
-};
-export {
-  ha as a,
-  va as b,
-  V as c,
-  Ue as d,
-  Ke as e,
-  He as f,
-  j as g,
-  Ye as h,
-  da as i,
-  ca as j,
-  Me as k,
-  Ze as l,
-  ze as m,
-  qe as n,
-  Sa as o,
-  la as p,
-  fa as q,
-  ma as r,
-  ua as s,
-  ga as t,
-  aa as u,
-  Ne as v,
-  ea as w,
-  Ce as x
-};