@gradient-ui/core 0.6.0 → 0.8.0

package/dist/{materialSurface-CjhWd_yD.cjs → materialSurface-DOfA2E9c.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),u=require("./surface-_J0t7c3m.cjs");require("@mdi/js");const f=require("./camelToKebabCase-BQDotaQm.cjs"),_=require("@gradient-ui/gradient-engine"),Q=require("./default--73FwpwZ.cjs"),Z=t.defineComponent({__name:"MdiIconSet",props:{icon:{},tag:{}},setup(e){return(a,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:t.normalizeClass(["mdi",`mdi-${e.icon}`]),"aria-hidden":"true"},null,8,["class"]))}}),R=Symbol("gradient-icons"),V={defaultSet:"mdi",aliases:{},sets:{mdi:{component:Z}}};function E(e={}){return{defaultSet:e.defaultSet??V.defaultSet,aliases:{...V.aliases,...e.aliases??{}},sets:{...V.sets,...e.sets??{}}}}function ee(e={}){t.provide(R,E(e))}function te(e,a={}){e.provide(R,E(a))}function D(){return t.inject(R,V)}function ae(e){const a=D();return t.computed(()=>{let r=e()??"";if(r.startsWith("$")){const s=r.slice(1);r=a.aliases[s]??r}const[o,n]=r.includes(":")?r.split(":",2):[a.defaultSet,r],i=a.sets[o]??a.sets[a.defaultSet];return{icon:n??r,component:i.component}})}const re=u.propsFactory({placement:{type:String,default:"bottom"}});function ne(e,a){return t.computed(()=>`${a}_${e.placement}`)}const T=u.propsFactory({active:Boolean,...u.makeDisabledProps(),glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,...u.makeStateProps()});function oe(e,a="g-gradient"){const r=u.useDisabled(e,a),o=u.useState(e,a);return{glowClasses:t.computed(()=>({[r.value]:!0,[o.value]:!0,[`${a}_active`]:e.active,[`${a}_glow`]:e.glow,[`${a}_animate-glow`]:e.animateGlow,[`${a}_shadow`]:e.shadow}))}}const ie=u.propsFactory({rootTag:{type:String,default:"div"},interactive:{type:Boolean,default:!0},borderRadius:{type:[Number,String],default:4},inheritWidth:Boolean,surfaceFill:{type:String,default:"transparent"}});function se(e){const a=u.usePx(t.toRef(e,"borderRadius")),r=t.computed(()=>`g-gradient_surface-${e.surfaceFill}`);return{interactionClass:t.computed(()=>e.interactive?"g-gradient_interactive":""),surfaceBorderRadius:a,surfaceFillClass:r}}const le={action:"materialAction",surface:"materialSurface"},ue="var(--g-token-elevation-2)",A="none",b="none",L="none",de="#ffffff",ce="#0d0d12",C=Object.fromEntries(Object.entries(f.COLOR_SEEDS).map(([e,a])=>[f.camelToKebabCase(e),a])),me=new Set(f.COLOR_SHADES),$={error:f.COLOR_SEEDS.red,success:f.COLOR_SEEDS.green,warning:f.COLOR_SEEDS.orange},ge=e=>{if(e in C)return C[e];const a=e.match(/^(.+)-(\d+)$/);if(!a)return null;const[,r,o]=a,n=C[r],i=Number(o);return!n||!me.has(i)?null:f.createPalette(n)[i]},ve=(e,a)=>e?f.parseColor(e)?e:e==="primary"||e==="main"?a:e in $?$[e]:ge(e):a,G=e=>{const a=e/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4},P=e=>.2126*G(e.r)+.7152*G(e.g)+.0722*G(e.b),fe=(e,a)=>{const r=P(e),o=P(a),n=Math.max(r,o),i=Math.min(r,o);return(n+.05)/(i+.05)},he=e=>{var d,g,v;const a=(d=e.gradient.stops)==null?void 0:d.map(m=>{const c=f.parseColor(m.color);return c?{color:c,position:m.position}:null}).filter(m=>m!==null).sort((m,c)=>m.position-c.position);if(!(a!=null&&a.length))return null;const r=50,o=a.findIndex(m=>m.position>=r);if(o===-1)return((g=a.at(-1))==null?void 0:g.color)??null;if(o===0)return((v=a[0])==null?void 0:v.color)??null;const n=a[o-1],i=a[o],s=i.position-n.position,l=s?(r-n.position)/s:0;return{r:n.color.r+(i.color.r-n.color.r)*l,g:n.color.g+(i.color.g-n.color.g)*l,b:n.color.b+(i.color.b-n.color.b)*l}},pe=(e,a)=>{const r=he(e);if(!r)return a;const n=[de,ce].map(i=>{const s=f.parseColor(i);return s?{color:i,contrast:fe(s,r)}:null}).filter(i=>!!i).sort((i,s)=>s.contrast-i.contrast)[0];return(n==null?void 0:n.color)??a},Se=(e,a,r,o)=>({"--g-gradient-material-background":u.resolveGradientValue(e),"--g-gradient-material-color":u.resolveColorValue(e),"--g-gradient-material-foreground":u.resolveOnColorValue(e),"--g-gradient-material-shadow":a?ue:A,"--g-gradient-material-drop-shadow":b,"--g-gradient-material-filter":b,"--g-gradient-material-morph-blend-mode":(o==null?void 0:o.blendMode)??_.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":r?"var(--g-gradient-animation, none)":L,"--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)"}),we=(e,a,r,o,n)=>{var g,v,m,c,h,p,S,w,M;const i=(v=(g=e.effects)==null?void 0:g.boxShadow)==null?void 0:v.cssVar,s=(c=(m=e.effects)==null?void 0:m.dropShadow)==null?void 0:c.cssVar,l=(p=(h=e.effects)==null?void 0:h.morph)==null?void 0:p.cssVar,d=(S=e.animation)==null?void 0:S.cssVar;return{...e.cssVars,"--g-gradient-material-background":`var(${e.gradient.cssVar})`,"--g-gradient-material-color":u.resolveColorValue(o),"--g-gradient-material-foreground":pe(e,u.resolveOnColorValue(o)),"--g-gradient-material-shadow":a&&i?`var(${i})`:A,"--g-gradient-material-drop-shadow":a&&s?`var(${s})`:b,"--g-gradient-material-filter":a&&l?`var(${l})`:a&&s?`var(${s})`:b,"--g-gradient-material-morph-blend-mode":a&&((M=(w=e.effects)==null?void 0:w.morph)!=null&&M.blendModeCssVar)?`var(${e.effects.morph.blendModeCssVar})`:(n==null?void 0:n.blendMode)??_.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":r&&d?`var(${d})`:L,"--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)"}},k=(e={})=>{const a=Q.useTheme(),r=t.computed(()=>t.toValue(e.kind)??"surface"),o=t.computed(()=>!!t.toValue(e.effects)),n=t.computed(()=>!!t.toValue(e.animations)),i=t.computed(()=>t.toValue(e.color)),s=t.computed(()=>t.toValue(e.recipe)),l=t.computed(()=>t.toValue(e.morph)),d=t.computed(()=>!!(o.value||n.value||s.value||l.value||t.toValue(e.options))),g=t.computed(()=>ve(i.value,(a==null?void 0:a.seed.value)??_.DEFAULT_SEED)),v=t.computed(()=>{if(!d.value)return null;const c=g.value;return c?_.createGradientMaterial(c,{...t.toValue(e.options),animation:t.toValue(e.animation),animations:n.value,dropShadow:t.toValue(e.dropShadow),effects:o.value,morph:l.value,recipe:s.value??le[r.value],shadow:t.toValue(e.shadow)}):null}),m=t.computed(()=>{const c=v.value;return c?we(c,o.value,n.value,i.value,l.value):d.value?Se(i.value,o.value,n.value,l.value):void 0});return{gradientMaterial:v,gradientMaterialStyles:m}},Me=u.propsFactory({...u.makeDisabledProps(),...u.makeVariantProps(),...u.makeRoundedProps(),...re({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}),I=u.propsFactory({...Me(),...T(),...ie()});function ye(e){const a=u.usePx(t.toRef(e,"borderWidth")),r=u.usePx(t.toRef(e,"borderRadius")),o=t.computed(()=>a.value?`calc(${r.value} + ${a.value})`:r.value),n=u.useDisabled(e,"g-gradient"),i=ne(e,"g-gradient"),s=u.useRounded(e,"g-gradient"),l=u.useResolveGradientValue(()=>e.color??e.state),d=t.computed(()=>Number.parseFloat(String(e.borderWidth))>0),{gradientMaterial:g,gradientMaterialStyles:v}=k({color:()=>e.color??e.state,kind:()=>e.materialKind,recipe:()=>d.value?e.gradientRecipe:void 0,options:()=>d.value?{}:void 0}),m=t.computed(()=>({[n.value]:!0,[i.value]:!0,[s.value]:!0,"g-gradient_inherit-width":e.inheritWidth,[`g-gradient_${e.state}`]:e.state})),c=t.computed(()=>({"--g-border-radius":r.value,"--g-border-width":a.value})),h=t.computed(()=>[d.value&&v.value?v.value:{"--g-gradient-current":l.value},c.value]);return{borderWidthPx:a,borderRadiusPx:r,containerBorderRadius:o,gradientMaterial:g,resolvedGradient:l,gradientClasses:m,gradientStyles:h}}const Ve="data-gradient-engine-style",_e="data-gradient-engine-svg",be=new Map,Ce=new Map,B=()=>typeof document<"u",N=(e,a,r)=>{const o=e.get(a);if(o)return o.count+=1,()=>{o.count-=1,o.count<=0&&(o.element.remove(),e.delete(a))};const n=r();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)))}},x=(e,a)=>!B()||!a.trim()?()=>{}:N(be,e,()=>{const r=document.createElement("style");return r.setAttribute(Ve,e),r.textContent=a,r}),F=(e,a)=>!B()||!a.trim()?()=>{}:N(Ce,e,()=>{const r=document.createElement("div");return r.setAttribute(_e,e),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",r.innerHTML=a,r}),W=e=>{var o,n;if(!B())return{dispose:()=>{},id:e.id};const a=x(e.id,e.cssText),r=(n=(o=e.effects)==null?void 0:o.morph)!=null&&n.svg?F(`${e.id}-morph`,e.effects.morph.svg):()=>{};return{dispose:()=>{r(),a()},id:e.id}},j=(e={})=>{let a=null;const r=t.computed(()=>!!t.toValue(e.enabled)),o=t.computed(()=>t.toValue(e.material)??null),n=t.computed(()=>{var l,d;return!!t.toValue(e.morph)&&!!((d=(l=o.value)==null?void 0:l.morphBlobs)!=null&&d.length)}),i=t.computed(()=>{var l;return n.value?((l=o.value)==null?void 0:l.morphBlobs)??[]:[]}),s=()=>{a==null||a.dispose(),a=null};return t.watch(()=>{var l;return[r.value,(l=o.value)==null?void 0:l.id]},()=>{s(),r.value&&o.value&&(a=W(o.value))},{immediate:!0}),t.onBeforeUnmount(s),{morphBlobs:i,morphEnabled:n}},U=(e="g-material")=>{const a=t.computed(()=>[`${e}__material-glow`]),r=t.computed(()=>[`${e}__material-glow-base`]),o=t.computed(()=>[`${e}__material-glow-morph`]),n=t.computed(()=>[`${e}__material-glow-morph-blob`]),i=t.computed(()=>[`${e}__material-morph`]),s=t.computed(()=>[`${e}__material-morph-blob`]);return{materialContentClasses:t.computed(()=>[`${e}__material-content`]),materialGlowBaseClasses:r,materialGlowClasses:a,materialGlowMorphBlobClasses:n,materialGlowMorphClasses:o,materialMorphBlobClasses:s,materialMorphClasses:i}},H=u.propsFactory({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}),Ge=e=>typeof e=="number"?`${e}ms`:e,Re=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:Ge(e.duration),left:`${e.x}%`,top:`${e.y}%`,width:`${e.size}%`}),Ee=e=>typeof e=="object"?e:e?{}:void 0,O=e=>e==null?"":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,K=(e={})=>{const a=t.computed(()=>e.baseClass??"g-material"),{materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:s,materialMorphBlobClasses:l,materialMorphClasses:d}=U(a.value),g=t.computed(()=>O(t.toValue(e.borderRadius))),v=t.computed(()=>O(t.toValue(e.padding))),m=t.computed(()=>Ee(t.toValue(e.morph))),c=t.computed(()=>!!m.value),h=t.computed(()=>!!(t.toValue(e.effects)||t.toValue(e.shadow)||t.toValue(e.dropShadow)||c.value)),p=t.computed(()=>!!t.toValue(e.animations)),{gradientMaterial:S,gradientMaterialStyles:w}=k({color:()=>t.toValue(e.color)??t.toValue(e.state),kind:()=>t.toValue(e.kind),recipe:()=>t.toValue(e.recipe),effects:h,animations:p,shadow:()=>t.toValue(e.shadow),dropShadow:()=>t.toValue(e.dropShadow),animation:()=>t.toValue(e.animation),morph:m,options:()=>t.toValue(e.options)}),{morphBlobs:M,morphEnabled:z}=j({enabled:()=>!!(p.value||c.value),material:S,morph:c}),X=t.computed(()=>[`${a.value}_surface`]),J=t.computed(()=>{const y={...w.value??{}};return g.value&&(y["--g-gradient-material-radius"]=g.value),v.value&&(y["--g-gradient-material-padding"]=v.value),Object.keys(y).length?y:void 0});return{getMorphBlobStyle:Re,gradientMaterial:S,materialClasses:X,materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:s,materialMorphBlobClasses:l,materialMorphClasses:d,materialStyles:J,morphBlobs:M,morphEnabled:z}},q=(e,a)=>{const r=t.computed(()=>t.toValue(a.variant)==="gradient"),o=t.computed(()=>t.toValue(e.morphOptions)??t.toValue(e.morph)),n=t.computed(()=>a.morphScope==="always"||r.value?o.value:!1),i=t.computed(()=>!!n.value),s=t.computed(()=>!!(r.value||t.toValue(e.shadow)||t.toValue(e.dropShadow)||t.toValue(e.shadowOptions)||t.toValue(e.dropShadowOptions)||i.value)),l=t.computed(()=>!!(r.value&&t.toValue(e.animationOptions))),d=t.computed(()=>r.value||i.value);return{...K({baseClass:a.baseClass,color:a.color,state:a.state,kind:a.kind,recipe:()=>d.value?t.toValue(e.gradientRecipe):void 0,effects:s,animations:l,shadow:()=>t.toValue(e.shadowOptions),dropShadow:()=>t.toValue(e.dropShadowOptions),animation:()=>r.value?t.toValue(e.animationOptions):void 0,morph:n,options:a.options}),hasMaterialAnimations:l,hasMaterialEffects:s,hasMaterialSurface:r,hasMorph:i,resolvedMorph:n}},ke=u.propsFactory({tag:String,href:String,target:String,rel:String});function Y(e){const a=t.computed(()=>!!e.href&&!e.disabled),r=t.computed(()=>a.value?{href:e.href,target:e.target,rel:e.rel??(e.target==="_blank"?"noopener noreferrer":void 0)}:{});return{isLink:a,linkAttrs:r}}function Be(e,a){const{isLink:r,linkAttrs:o}=Y(e),n=t.computed(()=>e.tag??(r.value?"a":a)),i=t.computed(()=>n.value==="a"&&r.value),s=t.computed(()=>i.value?o.value:{type:n.value==="button"?"button":void 0,disabled:n.value==="button"?e.disabled:void 0});return{tagName:n,tagAttrs:s}}const $e=u.propsFactory({...H(),...u.makeGlassProps(),...I({borderWidth:void 0,borderRadius:void 0,interactive:!1})}),Pe=(e,a,r={})=>{const{colorStyles:o,resolvedColor:n,resolvedState:i}=u.useSurfaceColor(e),{glassStyles:s}=u.useGlass(e),l=q(e,{baseClass:a,color:n,state:i,kind:r.kind??"surface",variant:()=>e.variant,morphScope:"always"}),d=t.computed(()=>[o.value,l.materialStyles.value,e.variant==="glass"?s.value:void 0]),g=t.computed(()=>({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,shadow:!1,state:i.value,surfaceFill:"transparent"}));return{...l,...u.useSurfaceLayers(a),resolvedColor:n,resolvedState:i,materialFrameProps:g,surfaceStyles:d}};exports.createIcons=E;exports.installIcons=te;exports.makeGradientGlowProps=T;exports.makeGradientProps=I;exports.makeMaterialProps=H;exports.makeMaterialSurfaceProps=$e;exports.makeTagNameProps=ke;exports.mountGradientCss=x;exports.mountGradientMaterial=W;exports.mountGradientSvg=F;exports.provideIcons=ee;exports.useAsLink=Y;exports.useGradient=ye;exports.useGradientGlow=oe;exports.useGradientMaterial=k;exports.useGradientRuntime=j;exports.useGradientSurface=se;exports.useIcon=ae;exports.useIcons=D;exports.useMaterial=K;exports.useMaterialLayers=U;exports.useMaterialSurface=Pe;exports.useSurfaceMaterial=q;exports.useTagName=Be;
+"use strict";const t=require("vue"),u=require("./surface-DB9flb-h.cjs");require("@mdi/js");const f=require("./camelToKebabCase-BQDotaQm.cjs"),_=require("@gradient-ui/gradient-engine"),Q=require("./default--73FwpwZ.cjs"),Z=t.defineComponent({__name:"MdiIconSet",props:{icon:{},tag:{}},setup(e){return(a,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:t.normalizeClass(["mdi",`mdi-${e.icon}`]),"aria-hidden":"true"},null,8,["class"]))}}),R=Symbol("gradient-icons"),V={defaultSet:"mdi",aliases:{},sets:{mdi:{component:Z}}};function E(e={}){return{defaultSet:e.defaultSet??V.defaultSet,aliases:{...V.aliases,...e.aliases??{}},sets:{...V.sets,...e.sets??{}}}}function ee(e={}){t.provide(R,E(e))}function te(e,a={}){e.provide(R,E(a))}function D(){return t.inject(R,V)}function ae(e){const a=D();return t.computed(()=>{let r=e()??"";if(r.startsWith("$")){const s=r.slice(1);r=a.aliases[s]??r}const[o,n]=r.includes(":")?r.split(":",2):[a.defaultSet,r],i=a.sets[o]??a.sets[a.defaultSet];return{icon:n??r,component:i.component}})}const re=u.propsFactory({placement:{type:String,default:"bottom"}});function ne(e,a){return t.computed(()=>`${a}_${e.placement}`)}const T=u.propsFactory({active:Boolean,...u.makeDisabledProps(),glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,...u.makeStateProps()});function oe(e,a="g-gradient"){const r=u.useDisabled(e,a),o=u.useState(e,a);return{glowClasses:t.computed(()=>({[r.value]:!0,[o.value]:!0,[`${a}_active`]:e.active,[`${a}_glow`]:e.glow,[`${a}_animate-glow`]:e.animateGlow,[`${a}_shadow`]:e.shadow}))}}const ie=u.propsFactory({rootTag:{type:String,default:"div"},interactive:{type:Boolean,default:!0},borderRadius:{type:[Number,String],default:4},inheritWidth:Boolean,surfaceFill:{type:String,default:"transparent"}});function se(e){const a=u.usePx(t.toRef(e,"borderRadius")),r=t.computed(()=>`g-gradient_surface-${e.surfaceFill}`);return{interactionClass:t.computed(()=>e.interactive?"g-gradient_interactive":""),surfaceBorderRadius:a,surfaceFillClass:r}}const le={action:"materialAction",surface:"materialSurface"},ue="var(--g-token-elevation-2)",A="none",b="none",L="none",de="#ffffff",ce="#0d0d12",C=Object.fromEntries(Object.entries(f.COLOR_SEEDS).map(([e,a])=>[f.camelToKebabCase(e),a])),me=new Set(f.COLOR_SHADES),$={error:f.COLOR_SEEDS.red,success:f.COLOR_SEEDS.green,warning:f.COLOR_SEEDS.orange},ge=e=>{if(e in C)return C[e];const a=e.match(/^(.+)-(\d+)$/);if(!a)return null;const[,r,o]=a,n=C[r],i=Number(o);return!n||!me.has(i)?null:f.createPalette(n)[i]},ve=(e,a)=>e?f.parseColor(e)?e:e==="primary"||e==="main"?a:e in $?$[e]:ge(e):a,G=e=>{const a=e/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4},P=e=>.2126*G(e.r)+.7152*G(e.g)+.0722*G(e.b),fe=(e,a)=>{const r=P(e),o=P(a),n=Math.max(r,o),i=Math.min(r,o);return(n+.05)/(i+.05)},he=e=>{var d,g,v;const a=(d=e.gradient.stops)==null?void 0:d.map(m=>{const c=f.parseColor(m.color);return c?{color:c,position:m.position}:null}).filter(m=>m!==null).sort((m,c)=>m.position-c.position);if(!(a!=null&&a.length))return null;const r=50,o=a.findIndex(m=>m.position>=r);if(o===-1)return((g=a.at(-1))==null?void 0:g.color)??null;if(o===0)return((v=a[0])==null?void 0:v.color)??null;const n=a[o-1],i=a[o],s=i.position-n.position,l=s?(r-n.position)/s:0;return{r:n.color.r+(i.color.r-n.color.r)*l,g:n.color.g+(i.color.g-n.color.g)*l,b:n.color.b+(i.color.b-n.color.b)*l}},pe=(e,a)=>{const r=he(e);if(!r)return a;const n=[de,ce].map(i=>{const s=f.parseColor(i);return s?{color:i,contrast:fe(s,r)}:null}).filter(i=>!!i).sort((i,s)=>s.contrast-i.contrast)[0];return(n==null?void 0:n.color)??a},Se=(e,a,r,o)=>({"--g-gradient-material-background":u.resolveGradientValue(e),"--g-gradient-material-color":u.resolveColorValue(e),"--g-gradient-material-foreground":u.resolveOnColorValue(e),"--g-gradient-material-shadow":a?ue:A,"--g-gradient-material-drop-shadow":b,"--g-gradient-material-filter":b,"--g-gradient-material-morph-blend-mode":(o==null?void 0:o.blendMode)??_.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":r?"var(--g-gradient-animation, none)":L,"--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)"}),we=(e,a,r,o,n)=>{var g,v,m,c,h,p,S,w,M;const i=(v=(g=e.effects)==null?void 0:g.boxShadow)==null?void 0:v.cssVar,s=(c=(m=e.effects)==null?void 0:m.dropShadow)==null?void 0:c.cssVar,l=(p=(h=e.effects)==null?void 0:h.morph)==null?void 0:p.cssVar,d=(S=e.animation)==null?void 0:S.cssVar;return{...e.cssVars,"--g-gradient-material-background":`var(${e.gradient.cssVar})`,"--g-gradient-material-color":u.resolveColorValue(o),"--g-gradient-material-foreground":pe(e,u.resolveOnColorValue(o)),"--g-gradient-material-shadow":a&&i?`var(${i})`:A,"--g-gradient-material-drop-shadow":a&&s?`var(${s})`:b,"--g-gradient-material-filter":a&&l?`var(${l})`:a&&s?`var(${s})`:b,"--g-gradient-material-morph-blend-mode":a&&((M=(w=e.effects)==null?void 0:w.morph)!=null&&M.blendModeCssVar)?`var(${e.effects.morph.blendModeCssVar})`:(n==null?void 0:n.blendMode)??_.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":r&&d?`var(${d})`:L,"--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)"}},k=(e={})=>{const a=Q.useTheme(),r=t.computed(()=>t.toValue(e.kind)??"surface"),o=t.computed(()=>!!t.toValue(e.effects)),n=t.computed(()=>!!t.toValue(e.animations)),i=t.computed(()=>t.toValue(e.color)),s=t.computed(()=>t.toValue(e.recipe)),l=t.computed(()=>t.toValue(e.morph)),d=t.computed(()=>!!(o.value||n.value||s.value||l.value||t.toValue(e.options))),g=t.computed(()=>ve(i.value,(a==null?void 0:a.seed.value)??_.DEFAULT_SEED)),v=t.computed(()=>{if(!d.value)return null;const c=g.value;return c?_.createGradientMaterial(c,{...t.toValue(e.options),animation:t.toValue(e.animation),animations:n.value,dropShadow:t.toValue(e.dropShadow),effects:o.value,morph:l.value,recipe:s.value??le[r.value],shadow:t.toValue(e.shadow)}):null}),m=t.computed(()=>{const c=v.value;return c?we(c,o.value,n.value,i.value,l.value):d.value?Se(i.value,o.value,n.value,l.value):void 0});return{gradientMaterial:v,gradientMaterialStyles:m}},Me=u.propsFactory({...u.makeDisabledProps(),...u.makeVariantProps(),...u.makeRoundedProps(),...re({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}),I=u.propsFactory({...Me(),...T(),...ie()});function ye(e){const a=u.usePx(t.toRef(e,"borderWidth")),r=u.usePx(t.toRef(e,"borderRadius")),o=t.computed(()=>a.value?`calc(${r.value} + ${a.value})`:r.value),n=u.useDisabled(e,"g-gradient"),i=ne(e,"g-gradient"),s=u.useRounded(e,"g-gradient"),l=u.useResolveGradientValue(()=>e.color??e.state),d=t.computed(()=>Number.parseFloat(String(e.borderWidth))>0),{gradientMaterial:g,gradientMaterialStyles:v}=k({color:()=>e.color??e.state,kind:()=>e.materialKind,recipe:()=>d.value?e.gradientRecipe:void 0,options:()=>d.value?{}:void 0}),m=t.computed(()=>({[n.value]:!0,[i.value]:!0,[s.value]:!0,"g-gradient_inherit-width":e.inheritWidth,[`g-gradient_${e.state}`]:e.state})),c=t.computed(()=>({"--g-border-radius":r.value,"--g-border-width":a.value})),h=t.computed(()=>[d.value&&v.value?v.value:{"--g-gradient-current":l.value},c.value]);return{borderWidthPx:a,borderRadiusPx:r,containerBorderRadius:o,gradientMaterial:g,resolvedGradient:l,gradientClasses:m,gradientStyles:h}}const Ve="data-gradient-engine-style",_e="data-gradient-engine-svg",be=new Map,Ce=new Map,B=()=>typeof document<"u",N=(e,a,r)=>{const o=e.get(a);if(o)return o.count+=1,()=>{o.count-=1,o.count<=0&&(o.element.remove(),e.delete(a))};const n=r();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)))}},x=(e,a)=>!B()||!a.trim()?()=>{}:N(be,e,()=>{const r=document.createElement("style");return r.setAttribute(Ve,e),r.textContent=a,r}),F=(e,a)=>!B()||!a.trim()?()=>{}:N(Ce,e,()=>{const r=document.createElement("div");return r.setAttribute(_e,e),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",r.innerHTML=a,r}),W=e=>{var o,n;if(!B())return{dispose:()=>{},id:e.id};const a=x(e.id,e.cssText),r=(n=(o=e.effects)==null?void 0:o.morph)!=null&&n.svg?F(`${e.id}-morph`,e.effects.morph.svg):()=>{};return{dispose:()=>{r(),a()},id:e.id}},j=(e={})=>{let a=null;const r=t.computed(()=>!!t.toValue(e.enabled)),o=t.computed(()=>t.toValue(e.material)??null),n=t.computed(()=>{var l,d;return!!t.toValue(e.morph)&&!!((d=(l=o.value)==null?void 0:l.morphBlobs)!=null&&d.length)}),i=t.computed(()=>{var l;return n.value?((l=o.value)==null?void 0:l.morphBlobs)??[]:[]}),s=()=>{a==null||a.dispose(),a=null};return t.watch(()=>{var l;return[r.value,(l=o.value)==null?void 0:l.id]},()=>{s(),r.value&&o.value&&(a=W(o.value))},{immediate:!0}),t.onBeforeUnmount(s),{morphBlobs:i,morphEnabled:n}},U=(e="g-material")=>{const a=t.computed(()=>[`${e}__material-glow`]),r=t.computed(()=>[`${e}__material-glow-base`]),o=t.computed(()=>[`${e}__material-glow-morph`]),n=t.computed(()=>[`${e}__material-glow-morph-blob`]),i=t.computed(()=>[`${e}__material-morph`]),s=t.computed(()=>[`${e}__material-morph-blob`]);return{materialContentClasses:t.computed(()=>[`${e}__material-content`]),materialGlowBaseClasses:r,materialGlowClasses:a,materialGlowMorphBlobClasses:n,materialGlowMorphClasses:o,materialMorphBlobClasses:s,materialMorphClasses:i}},H=u.propsFactory({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}),Ge=e=>typeof e=="number"?`${e}ms`:e,Re=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:Ge(e.duration),left:`${e.x}%`,top:`${e.y}%`,width:`${e.size}%`}),Ee=e=>typeof e=="object"?e:e?{}:void 0,O=e=>e==null?"":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,K=(e={})=>{const a=t.computed(()=>e.baseClass??"g-material"),{materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:s,materialMorphBlobClasses:l,materialMorphClasses:d}=U(a.value),g=t.computed(()=>O(t.toValue(e.borderRadius))),v=t.computed(()=>O(t.toValue(e.padding))),m=t.computed(()=>Ee(t.toValue(e.morph))),c=t.computed(()=>!!m.value),h=t.computed(()=>!!(t.toValue(e.effects)||t.toValue(e.shadow)||t.toValue(e.dropShadow)||c.value)),p=t.computed(()=>!!t.toValue(e.animations)),{gradientMaterial:S,gradientMaterialStyles:w}=k({color:()=>t.toValue(e.color)??t.toValue(e.state),kind:()=>t.toValue(e.kind),recipe:()=>t.toValue(e.recipe),effects:h,animations:p,shadow:()=>t.toValue(e.shadow),dropShadow:()=>t.toValue(e.dropShadow),animation:()=>t.toValue(e.animation),morph:m,options:()=>t.toValue(e.options)}),{morphBlobs:M,morphEnabled:z}=j({enabled:()=>!!(p.value||c.value),material:S,morph:c}),X=t.computed(()=>[`${a.value}_surface`]),J=t.computed(()=>{const y={...w.value??{}};return g.value&&(y["--g-gradient-material-radius"]=g.value),v.value&&(y["--g-gradient-material-padding"]=v.value),Object.keys(y).length?y:void 0});return{getMorphBlobStyle:Re,gradientMaterial:S,materialClasses:X,materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:s,materialMorphBlobClasses:l,materialMorphClasses:d,materialStyles:J,morphBlobs:M,morphEnabled:z}},q=(e,a)=>{const r=t.computed(()=>t.toValue(a.variant)==="gradient"),o=t.computed(()=>t.toValue(e.morphOptions)??t.toValue(e.morph)),n=t.computed(()=>a.morphScope==="always"||r.value?o.value:!1),i=t.computed(()=>!!n.value),s=t.computed(()=>!!(r.value||t.toValue(e.shadow)||t.toValue(e.dropShadow)||t.toValue(e.shadowOptions)||t.toValue(e.dropShadowOptions)||i.value)),l=t.computed(()=>!!(r.value&&t.toValue(e.animationOptions))),d=t.computed(()=>r.value||i.value);return{...K({baseClass:a.baseClass,color:a.color,state:a.state,kind:a.kind,recipe:()=>d.value?t.toValue(e.gradientRecipe):void 0,effects:s,animations:l,shadow:()=>t.toValue(e.shadowOptions),dropShadow:()=>t.toValue(e.dropShadowOptions),animation:()=>r.value?t.toValue(e.animationOptions):void 0,morph:n,options:a.options}),hasMaterialAnimations:l,hasMaterialEffects:s,hasMaterialSurface:r,hasMorph:i,resolvedMorph:n}},ke=u.propsFactory({tag:String,href:String,target:String,rel:String});function Y(e){const a=t.computed(()=>!!e.href&&!e.disabled),r=t.computed(()=>a.value?{href:e.href,target:e.target,rel:e.rel??(e.target==="_blank"?"noopener noreferrer":void 0)}:{});return{isLink:a,linkAttrs:r}}function Be(e,a){const{isLink:r,linkAttrs:o}=Y(e),n=t.computed(()=>e.tag??(r.value?"a":a)),i=t.computed(()=>n.value==="a"&&r.value),s=t.computed(()=>i.value?o.value:{type:n.value==="button"?"button":void 0,disabled:n.value==="button"?e.disabled:void 0});return{tagName:n,tagAttrs:s}}const $e=u.propsFactory({...H(),...u.makeGlassProps(),...I({borderWidth:void 0,borderRadius:void 0,interactive:!1})}),Pe=(e,a,r={})=>{const{colorStyles:o,resolvedColor:n,resolvedState:i}=u.useSurfaceColor(e),{glassStyles:s}=u.useGlass(e),l=q(e,{baseClass:a,color:n,state:i,kind:r.kind??"surface",variant:()=>e.variant,morphScope:"always"}),d=t.computed(()=>[o.value,l.materialStyles.value,e.variant==="glass"?s.value:void 0]),g=t.computed(()=>({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,shadow:!1,state:i.value,surfaceFill:"transparent"}));return{...l,...u.useSurfaceLayers(a),resolvedColor:n,resolvedState:i,materialFrameProps:g,surfaceStyles:d}};exports.createIcons=E;exports.installIcons=te;exports.makeGradientGlowProps=T;exports.makeGradientProps=I;exports.makeMaterialProps=H;exports.makeMaterialSurfaceProps=$e;exports.makeTagNameProps=ke;exports.mountGradientCss=x;exports.mountGradientMaterial=W;exports.mountGradientSvg=F;exports.provideIcons=ee;exports.useAsLink=Y;exports.useGradient=ye;exports.useGradientGlow=oe;exports.useGradientMaterial=k;exports.useGradientRuntime=j;exports.useGradientSurface=se;exports.useIcon=ae;exports.useIcons=D;exports.useMaterial=K;exports.useMaterialLayers=U;exports.useMaterialSurface=Pe;exports.useSurfaceMaterial=q;exports.useTagName=Be;

package/dist/services.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useSnackbar-D60dFSV1.cjs");exports.useLoading=e.useLoading;exports.useSnackbar=e.useSnackbar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useSnackbar-6OiYxhJA.cjs");exports.useLoading=e.useLoading;exports.useSnackbar=e.useSnackbar;

package/dist/services.mjs

@@ -1,4 +1,4 @@
-import { u as e, c as o } from "./useSnackbar-us11nXny.js";
+import { u as e, c as o } from "./useSnackbar-BYPu4tJ4.js";
 export {
   e as useLoading,
   o as useSnackbar