@gradient-ui/core 0.5.0-rc.0 → 0.6.0

package/dist/types/use/gradientMaterial.d.ts

@@ -17,5 +17,5 @@ export interface UseGradientMaterialOptions {
 }
 export declare const useGradientMaterial: (options?: UseGradientMaterialOptions) => {
     gradientMaterial: import("vue").ComputedRef<CreatedGradientMaterial | null>;
-    gradientMaterialStyles: import("vue").ComputedRef<CSSProperties>;
+    gradientMaterialStyles: import("vue").ComputedRef<CSSProperties | undefined>;
 };

package/dist/types/use/material.d.ts

@@ -1,6 +1,6 @@
 import type { GGradienStates } from '@/components/ui/GGradient/types';
 import type { StringeredNumber } from '@/types/CommonTypes';
-import type { GradientAnimationOptions, GradientMorphBlob, GradientMorphOptions, GradientShadowOptions, GradientTokenRecipe } from '@/theme';
+import type { GradientAnimationOptions, GradientMorphBlob, GradientMorphOptions, GradientMaterialOptions, GradientShadowOptions, GradientTokenRecipe } from '@/theme';
 import type { GColor } from '@/use/color';
 import { type CSSProperties, type MaybeRefOrGetter, type PropType } from 'vue';
 import { type GradientMaterialKind } from './gradientMaterial';
@@ -25,6 +25,7 @@ export interface UseMaterialOptions {
     dropShadow?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
     animation?: MaybeRefOrGetter<GradientAnimationOptions | undefined>;
     morph?: MaybeRefOrGetter<boolean | GradientMorphOptions | undefined>;
+    options?: MaybeRefOrGetter<GradientMaterialOptions | undefined>;
     borderRadius?: MaybeRefOrGetter<StringeredNumber | undefined>;
     padding?: MaybeRefOrGetter<StringeredNumber | undefined>;
 }
@@ -106,7 +107,7 @@ export declare const useMaterial: (options?: UseMaterialOptions) => {
     materialGlowMorphClasses: import("vue").ComputedRef<string[]>;
     materialMorphBlobClasses: import("vue").ComputedRef<string[]>;
     materialMorphClasses: import("vue").ComputedRef<string[]>;
-    materialStyles: import("vue").ComputedRef<CSSProperties>;
+    materialStyles: import("vue").ComputedRef<CSSProperties | undefined>;
     morphBlobs: import("vue").ComputedRef<GradientMorphBlob[]>;
     morphEnabled: import("vue").ComputedRef<boolean>;
 };

package/dist/types/use/materialSurface.d.ts

@@ -1,6 +1,5 @@
 import type { GGradienStates } from '@/components/ui/GGradient/types';
 import type { GradientAnimationOptions, GradientMorphOptions, GradientShadowOptions, GradientTokenRecipe } from '@/theme';
-import { type CSSProperties } from 'vue';
 import type { GColor } from './color';
 import { type GlassProps } from './glass';
 import { type GGlow } from './gradient';
@@ -353,14 +352,21 @@ export declare const useMaterialSurface: (props: MaterialSurfaceProps, baseClass
         state: import("./gradient").GGradienStates | undefined;
         surfaceFill: "transparent";
     }>;
-    surfaceStyles: import("vue").ComputedRef<CSSProperties>;
+    surfaceStyles: import("vue").ComputedRef<(import("vue").CSSProperties | {
+        '--g-glass-backdrop-blur': string;
+    } | undefined)[]>;
     surfaceContentClasses: import("vue").ComputedRef<string[]>;
     surfaceTextureClasses: import("vue").ComputedRef<string[]>;
     surfaceOverlayClasses: import("vue").ComputedRef<string[]>;
     surfaceUnderlayClasses: import("vue").ComputedRef<string[]>;
     surfaceMaterialMorphBlobClasses: import("vue").ComputedRef<string[]>;
     surfaceMaterialMorphClasses: import("vue").ComputedRef<string[]>;
-    getMorphBlobStyle: (blob: import("@gradient-ui/gradient-engine").GradientMorphBlob) => CSSProperties;
+    hasMaterialAnimations: import("vue").ComputedRef<boolean>;
+    hasMaterialEffects: import("vue").ComputedRef<boolean>;
+    hasMaterialSurface: import("vue").ComputedRef<boolean>;
+    hasMorph: import("vue").ComputedRef<boolean>;
+    resolvedMorph: import("vue").ComputedRef<boolean | GradientMorphOptions | undefined>;
+    getMorphBlobStyle: (blob: import("@gradient-ui/gradient-engine").GradientMorphBlob) => import("vue").CSSProperties;
     gradientMaterial: import("vue").ComputedRef<import("@gradient-ui/gradient-engine").CreatedGradientMaterial | null>;
     materialClasses: import("vue").ComputedRef<string[]>;
     materialContentClasses: import("vue").ComputedRef<string[]>;
@@ -370,7 +376,7 @@ export declare const useMaterialSurface: (props: MaterialSurfaceProps, baseClass
     materialGlowMorphClasses: import("vue").ComputedRef<string[]>;
     materialMorphBlobClasses: import("vue").ComputedRef<string[]>;
     materialMorphClasses: import("vue").ComputedRef<string[]>;
-    materialStyles: import("vue").ComputedRef<CSSProperties>;
+    materialStyles: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
     morphBlobs: import("vue").ComputedRef<import("@gradient-ui/gradient-engine").GradientMorphBlob[]>;
     morphEnabled: import("vue").ComputedRef<boolean>;
 };

package/dist/types/use/surfaceColor.d.ts

@@ -14,5 +14,6 @@ export declare function useSurfaceColor(props: SurfaceColorProps): {
     resolvedGradient: import("vue").ComputedRef<string>;
     colorStyles: import("vue").ComputedRef<CSSProperties>;
     surfaceColorStyles: import("vue").ComputedRef<CSSProperties>;
-    gradientStyles: import("vue").ComputedRef<CSSProperties>;
+    gradientCurrentStyles: import("vue").ComputedRef<CSSProperties>;
+    gradientStyles: import("vue").ComputedRef<CSSProperties[]>;
 };

package/dist/types/use/surfaceMaterial.d.ts

@@ -0,0 +1,45 @@
+import type { GradientAnimationOptions, GradientMorphOptions, GradientShadowOptions, GradientTokenRecipe } from '@/theme';
+import type { GGradienStates } from '@/components/ui/GGradient/types';
+import type { GColor } from './color';
+import { type MaybeRefOrGetter } from 'vue';
+import { type UseMaterialOptions } from './material';
+import type { GradientMaterialKind } from './gradientMaterial';
+export interface SurfaceMaterialProps {
+    gradientRecipe?: MaybeRefOrGetter<GradientTokenRecipe | undefined>;
+    shadow?: MaybeRefOrGetter<boolean | undefined>;
+    dropShadow?: MaybeRefOrGetter<boolean | undefined>;
+    morph?: MaybeRefOrGetter<boolean | undefined>;
+    shadowOptions?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
+    dropShadowOptions?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
+    animationOptions?: MaybeRefOrGetter<GradientAnimationOptions | undefined>;
+    morphOptions?: MaybeRefOrGetter<GradientMorphOptions | undefined>;
+}
+export interface UseSurfaceMaterialOptions {
+    baseClass?: string;
+    color?: MaybeRefOrGetter<GColor | GGradienStates | undefined>;
+    state?: MaybeRefOrGetter<GGradienStates | undefined>;
+    kind?: MaybeRefOrGetter<GradientMaterialKind | undefined>;
+    variant?: MaybeRefOrGetter<string | undefined>;
+    morphScope?: 'always' | 'gradient';
+    options?: UseMaterialOptions['options'];
+}
+export declare const useSurfaceMaterial: (props: SurfaceMaterialProps, options: UseSurfaceMaterialOptions) => {
+    hasMaterialAnimations: import("vue").ComputedRef<boolean>;
+    hasMaterialEffects: import("vue").ComputedRef<boolean>;
+    hasMaterialSurface: import("vue").ComputedRef<boolean>;
+    hasMorph: import("vue").ComputedRef<boolean>;
+    resolvedMorph: import("vue").ComputedRef<boolean | GradientMorphOptions | undefined>;
+    getMorphBlobStyle: (blob: import("@gradient-ui/gradient-engine").GradientMorphBlob) => import("vue").CSSProperties;
+    gradientMaterial: import("vue").ComputedRef<import("@gradient-ui/gradient-engine").CreatedGradientMaterial | null>;
+    materialClasses: import("vue").ComputedRef<string[]>;
+    materialContentClasses: import("vue").ComputedRef<string[]>;
+    materialGlowBaseClasses: import("vue").ComputedRef<string[]>;
+    materialGlowClasses: import("vue").ComputedRef<string[]>;
+    materialGlowMorphBlobClasses: import("vue").ComputedRef<string[]>;
+    materialGlowMorphClasses: import("vue").ComputedRef<string[]>;
+    materialMorphBlobClasses: import("vue").ComputedRef<string[]>;
+    materialMorphClasses: import("vue").ComputedRef<string[]>;
+    materialStyles: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
+    morphBlobs: import("vue").ComputedRef<import("@gradient-ui/gradient-engine").GradientMorphBlob[]>;
+    morphEnabled: import("vue").ComputedRef<boolean>;
+};

package/dist/use.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-B3_n44N_.cjs"),a=require("./surface-8z3gR7vF.cjs"),s=require("./defaults-BlTdRhHs.cjs"),e=require("./materialSurface-CK8LN_dU.cjs"),r=require("./index-DN5ngVtp.cjs");exports.defaultBreakpoints=t.defaultBreakpoints;exports.useBreakpoints=t.useBreakpoints;exports.SEMANTIC_COLORS=a.SEMANTIC_COLORS;exports.makeColorProps=a.makeColorProps;exports.makeGlassProps=a.makeGlassProps;exports.resolveColorValue=a.resolveColorValue;exports.resolveGradientValue=a.resolveGradientValue;exports.resolveOnColorValue=a.resolveOnColorValue;exports.useColor=a.useColor;exports.useGlass=a.useGlass;exports.useResolveGradientValue=a.useResolveGradientValue;exports.createDefaults=s.createDefaults;exports.installDefaults=s.installDefaults;exports.provideDefaults=s.provideDefaults;exports.useComponentDefaults=s.useComponentDefaults;exports.withGradientDefaults=s.withGradientDefaults;exports.createIcons=e.createIcons;exports.installIcons=e.installIcons;exports.makeMaterialProps=e.makeMaterialProps;exports.makeMaterialSurfaceProps=e.makeMaterialSurfaceProps;exports.makeTagNameProps=e.makeTagNameProps;exports.mountGradientCss=e.mountGradientCss;exports.mountGradientMaterial=e.mountGradientMaterial;exports.mountGradientSvg=e.mountGradientSvg;exports.provideIcons=e.provideIcons;exports.useAsLink=e.useAsLink;exports.useGradientMaterial=e.useGradientMaterial;exports.useGradientRuntime=e.useGradientRuntime;exports.useIcon=e.useIcon;exports.useIcons=e.useIcons;exports.useMaterial=e.useMaterial;exports.useMaterialLayers=e.useMaterialLayers;exports.useMaterialSurface=e.useMaterialSurface;exports.useTagName=e.useTagName;exports.applyMask=r.applyMask;exports.defaultMaskTokens=r.defaultMaskTokens;exports.unmaskValue=r.unmaskValue;exports.useMask=r.useMask;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-B3_n44N_.cjs"),a=require("./surface-_J0t7c3m.cjs"),s=require("./defaults-BlTdRhHs.cjs"),e=require("./materialSurface-CjhWd_yD.cjs"),r=require("./index-DN5ngVtp.cjs");exports.defaultBreakpoints=t.defaultBreakpoints;exports.useBreakpoints=t.useBreakpoints;exports.SEMANTIC_COLORS=a.SEMANTIC_COLORS;exports.makeColorProps=a.makeColorProps;exports.makeGlassProps=a.makeGlassProps;exports.resolveColorValue=a.resolveColorValue;exports.resolveGradientValue=a.resolveGradientValue;exports.resolveOnColorValue=a.resolveOnColorValue;exports.useColor=a.useColor;exports.useGlass=a.useGlass;exports.useResolveGradientValue=a.useResolveGradientValue;exports.createDefaults=s.createDefaults;exports.installDefaults=s.installDefaults;exports.provideDefaults=s.provideDefaults;exports.useComponentDefaults=s.useComponentDefaults;exports.withGradientDefaults=s.withGradientDefaults;exports.createIcons=e.createIcons;exports.installIcons=e.installIcons;exports.makeMaterialProps=e.makeMaterialProps;exports.makeMaterialSurfaceProps=e.makeMaterialSurfaceProps;exports.makeTagNameProps=e.makeTagNameProps;exports.mountGradientCss=e.mountGradientCss;exports.mountGradientMaterial=e.mountGradientMaterial;exports.mountGradientSvg=e.mountGradientSvg;exports.provideIcons=e.provideIcons;exports.useAsLink=e.useAsLink;exports.useGradientMaterial=e.useGradientMaterial;exports.useGradientRuntime=e.useGradientRuntime;exports.useIcon=e.useIcon;exports.useIcons=e.useIcons;exports.useMaterial=e.useMaterial;exports.useMaterialLayers=e.useMaterialLayers;exports.useMaterialSurface=e.useMaterialSurface;exports.useTagName=e.useTagName;exports.applyMask=r.applyMask;exports.defaultMaskTokens=r.defaultMaskTokens;exports.unmaskValue=r.unmaskValue;exports.useMask=r.useMask;

package/dist/use.mjs

@@ -1,7 +1,7 @@
 import { d as e, u as r } from "./index-BtCLucTD.js";
-import { S as t, m as u, a as l, r as n, b as i, c as m, u as p, d, e as f } from "./surface-BKu4KfkY.js";
+import { S as t, m as u, a as l, r as n, b as i, c as m, u as p, d, e as f } from "./surface-DImNM7I1.js";
 import { c, i as M, p as G, u as C, w as v } from "./defaults-DMi34V8q.js";
-import { c as S, i as x, m as D, a as P, b as V, d as g, e as T, f as b, p as L, u as N, g as O, h as R, j as h, k as w, l as y, n as A, o as B, q as j } from "./materialSurface-BBrP9ltj.js";
+import { c as S, i as x, m as D, a as P, b as V, d as g, e as T, f as b, p as L, u as N, g as O, h as R, j as h, k as w, l as y, n as A, o as B, q as j } from "./materialSurface-CbOpfFGO.js";
 import { a as E, d as _, u as z, b as F } from "./index-Cs3XQ3JB.js";
 export {
   t as SEMANTIC_COLORS,

package/dist/useSnackbar-D60dFSV1.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),E=require("./GLoading.vue_vue_type_style_index_0_lang-CoPHejAL.cjs"),S=require("./materialSurface-CjhWd_yD.cjs"),b=require("./surface-_J0t7c3m.cjs");require("@mdi/js");const ne=()=>({icon:{type:String,required:!0},size:{type:[Number,String],default:void 0},tag:{type:String,default:"span"}}),oe=e.defineComponent({__name:"GIcon",props:ne(),setup(o){const n=o,c=S.useIcon(()=>n.icon),t=e.computed(()=>n.size==null?"var(--g-token-icon-size-m)":Number.isFinite(Number(n.size))?`${n.size}px`:String(n.size));return(i,s)=>e.unref(c).icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c).component),e.mergeProps({key:0,icon:e.unref(c).icon,tag:n.tag,class:"g-icon",style:{fontSize:t.value}},i.$attrs),null,16,["icon","tag","style"])):e.createCommentVNode("",!0)}}),D=E._export_sfc(oe,[["__scopeId","data-v-f1c09700"]]),ae=["viewBox"],re=["id","width","height"],se=["width","height","rx","ry"],le=["x","y","width","height","rx","ry"],ce=["id","x","y","width","height"],ie=["stdDeviation"],ue=["filter"],de=["width","height","mask"],me=e.defineComponent({__name:"GGradientBorderLayer",props:{maskId:{},borderRadius:{},borderWidth:{},placement:{},rounded:{type:Boolean},glowBlur:{}},setup(o){const n=o,c=e.ref(),t=e.ref({width:1,height:1});let i;const s=e.computed(()=>`url(#${n.maskId})`),u=e.computed(()=>`${n.maskId}-blur`),a=e.computed(()=>n.glowBlur?`url(#${u.value})`:void 0),r=e.computed(()=>(n.glowBlur??0)*4),m=e.computed(()=>`0 0 ${t.value.width} ${t.value.height}`),f=p=>Number.parseFloat(String(p)),l=e.computed(()=>{const{width:p,height:d}=t.value,g=Math.max(0,f(n.borderWidth)),C=Math.max(0,f(n.borderRadius)),B=Math.min(g,.5),_=n.placement==="center",w=_||n.placement==="top"?g:0,y=_||n.placement==="right"?g:0,V=_||n.placement==="bottom"?g:0,N=_||n.placement==="left"?g:0,M=Math.max(0,p-N-y),x=Math.max(0,d-w-V),v=N+(N?B:0),G=w+(w?B:0),R=y+(y?B:0),P=V+(V?B:0),z=Math.max(0,p-v-R),$=Math.max(0,d-G-P),I=n.rounded?Math.min(p,d)/2:C+g,T=n.rounded?Math.min(_?z:M,_?$:x)/2:Math.max(0,C-(_?B:0));return{width:p,height:d,outerRadius:I,innerX:v,innerY:G,innerWidth:z,innerHeight:$,innerRadius:T}}),k=()=>{const p=c.value;if(!p)return;const{width:d,height:g}=p.getBoundingClientRect();d>0&&g>0&&(t.value={width:d,height:g})};return e.onMounted(()=>{const p=c.value;p&&(k(),i=new ResizeObserver(k),i.observe(p))}),e.onBeforeUnmount(()=>i==null?void 0:i.disconnect()),(p,d)=>(e.openBlock(),e.createElementBlock("svg",{ref_key:"layerRef",ref:c,class:"g-gradient-border-layer","aria-hidden":"true",focusable:"false",viewBox:m.value,preserveAspectRatio:"none"},[e.createElementVNode("defs",null,[e.createElementVNode("mask",{id:o.maskId,"mask-type":"luminance",maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse",x:"0",y:"0",width:l.value.width,height:l.value.height},[e.createElementVNode("rect",{class:"g-gradient-border-layer__mask-outer",x:"0",y:"0",width:l.value.width,height:l.value.height,rx:l.value.outerRadius,ry:l.value.outerRadius},null,8,se),e.createElementVNode("rect",{class:"g-gradient-border-layer__mask-inner",x:l.value.innerX,y:l.value.innerY,width:l.value.innerWidth,height:l.value.innerHeight,rx:l.value.innerRadius,ry:l.value.innerRadius},null,8,le)],8,re),o.glowBlur?(e.openBlock(),e.createElementBlock("filter",{key:0,id:u.value,"color-interpolation-filters":"sRGB",filterUnits:"userSpaceOnUse",x:-r.value,y:-r.value,width:l.value.width+r.value*2,height:l.value.height+r.value*2},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:o.glowBlur},null,8,ie)],8,ce)):e.createCommentVNode("",!0)]),e.createElementVNode("g",{filter:a.value},[(e.openBlock(),e.createElementBlock("foreignObject",{x:"0",y:"0",width:l.value.width,height:l.value.height,mask:s.value},[...d[0]||(d[0]=[e.createElementVNode("div",{class:"g-gradient-border-layer__paint"},null,-1)])],8,de))],8,ue)],8,ae))}}),j=E._export_sfc(me,[["__scopeId","data-v-6137c224"]]),pe={class:"g-gradient__slot"},fe=e.defineComponent({__name:"GGradient",props:S.makeGradientProps(),setup(o){e.useCssVars(d=>({v86ea171a:e.unref(a),de3300c2:e.unref(k)}));const n=o,c=e.useId().replaceAll(":",""),t=`g-gradient-border-${c}`,i=`g-gradient-glow-${c}`,s=e.computed(()=>Number.parseFloat(String(n.borderWidth))>0),u=e.computed(()=>s.value&&!!(n.glow||n.animateGlow)),{containerBorderRadius:a,gradientClasses:r,gradientStyles:m}=S.useGradient(n),{glowClasses:f}=S.useGradientGlow(n),{interactionClass:l,surfaceBorderRadius:k,surfaceFillClass:p}=S.useGradientSurface(n);return(d,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.rootTag),{class:e.normalizeClass(["g-gradient",[e.unref(r),e.unref(f),e.unref(l),e.unref(p)]]),style:e.normalizeStyle(e.unref(m))},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(j,{key:0,class:"g-gradient__border","mask-id":t,"border-radius":d.borderRadius,"border-width":d.borderWidth,placement:d.placement,rounded:d.rounded},null,8,["border-radius","border-width","placement","rounded"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(j,{key:1,class:"g-gradient__glow","mask-id":i,"border-radius":d.borderRadius,"border-width":d.borderWidth,placement:d.placement,rounded:d.rounded,"glow-blur":4},null,8,["border-radius","border-width","placement","rounded"])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[e.renderSlot(d.$slots,"default",{},void 0,!0)])]),_:3},8,["class","style"]))}}),L=E._export_sfc(fe,[["__scopeId","data-v-bf23455e"]]),ve=e.defineComponent({__name:"GIcon",props:{icon:{},size:{default:20},tag:{default:"span"}},setup(o){const n=o,c=b.usePx(e.toRef(n,"size")),t=S.useIcon(()=>n.icon);return(i,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).component),e.mergeProps({icon:e.unref(t).icon,tag:n.tag,class:"g-icon",style:{fontSize:e.unref(c)}},i.$attrs),null,16,["icon","tag","style"]))}}),W=E._export_sfc(ve,[["__scopeId","data-v-1e1fd36a"]]),H=b.propsFactory({...b.makeSurfaceProps(),...E.makeSizeProps(),active:Boolean,activeColor:String,activeState:String,activeVariant:String,gradientRecipe:String,morph:Boolean,shadowOptions:Object,dropShadowOptions:Object,animationOptions:Object,morphOptions:Object});function X(o,n,c={}){const{disabledClass:t,roundedClass:i,stateClass:s,textureClass:u}=b.useSurface(o,n),{glassStyles:a}=b.useGlass(o),{surfaceOverlayClasses:r,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:f,surfaceTextureClasses:l,surfaceUnderlayClasses:k,surfaceContentClasses:p}=b.useSurfaceLayers(n),d=E.useSize(o,n),g=e.computed(()=>!!(e.toValue(c.active)??o.active)),C=e.computed(()=>!!e.toValue(c.selected)),{resolvedColor:B,resolvedState:_,colorStyles:w}=b.useSurfaceColor({color:()=>e.toValue(o.color),state:()=>o.state,active:()=>g.value||C.value,activeColor:()=>e.toValue(o.activeColor),activeState:()=>o.activeState}),y=e.computed(()=>(C.value||g.value)&&o.activeVariant?o.activeVariant:o.variant),V=e.computed(()=>y.value==="gradient"),N=e.computed(()=>!!(y.value==="default"||y.value==="tonal"||V.value)),M=e.computed(()=>!!(!o.disabled||g.value||C.value||e.toValue(c.focused))),x=e.computed(()=>o.texture!==void 0&&o.texture!=="none"),{getMorphBlobStyle:v,gradientMaterial:G,materialStyles:R,morphBlobs:P,morphEnabled:z}=S.useSurfaceMaterial(o,{color:B,variant:y,kind:"action",morphScope:"always"}),$=e.computed(()=>[w.value,R.value,y.value==="glass"?a.value:void 0]);return{actionSurfaceClasses:e.computed(()=>{var U;const T=!!e.toValue(c.focused),O=(U=o.animationOptions)==null?void 0:U.preset;return[`${n}_${y.value}`,t.value,i.value,s.value,u.value,d.value,T?`${n}_focused`:"",C.value?`${n}_selected`:"",g.value?`${n}_active`:"",O?`${n}_animation-${O}`:""].filter(Boolean)}),getMorphBlobStyle:v,gradientMaterial:G,hasSurfaceOverlay:M,hasSurfaceTexture:x,hasSurfaceUnderlay:N,morphBlobs:P,morphEnabled:z,resolvedColor:B,resolvedState:_,resolvedVariant:y,surfaceStyles:$,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:f,surfaceOverlayClasses:r,surfaceUnderlayClasses:k,surfaceTextureClasses:l,surfaceContentClasses:p}}const Y=b.propsFactory({prepend:String,append:String,label:String}),ge=b.propsFactory({...H(),...Y(),...S.makeGradientProps(),...S.makeTagNameProps(),isIconButton:Boolean,iconButton:String,ripple:{type:[Boolean,String,Object],default:!0}}),he={key:0,class:"g-button__prepend"},ke={class:"g-button__label"},ye={key:1,class:"g-button__append"},J=e.defineComponent({inheritAttrs:!1,__name:"GButton",props:ge({borderWidth:void 0,borderRadius:4,placement:"center"}),setup(o){e.useCssVars(v=>({v4de35eb3:e.unref(i)}));const n=e.useSlots(),c=e.useAttrs(),t=o,i=b.usePx(t.borderRadius),s=e.computed(()=>t.borderWidth??(t.variant==="glass"||t.glow||t.animateGlow?1:0)),u=e.computed(()=>t.disabled||t.ripple===!1?!1:typeof t.ripple=="object"?{...t.ripple,disabled:t.ripple.disabled||t.disabled}:t.ripple),{tagName:a,tagAttrs:r}=S.useTagName(t,"button"),{actionSurfaceClasses:m,resolvedColor:f,resolvedState:l,surfaceStyles:k,surfaceMaterialMorphBlobClasses:p,surfaceMaterialMorphClasses:d,surfaceOverlayClasses:g,surfaceUnderlayClasses:C,surfaceTextureClasses:B,surfaceContentClasses:_,hasSurfaceOverlay:w,hasSurfaceTexture:y,hasSurfaceUnderlay:V,morphBlobs:N,morphEnabled:M,getMorphBlobStyle:x}=X(t,"g-button");return(v,G)=>{const R=e.resolveDirective("ripple"),P=e.resolveDirective("gradient-icon");return e.withDirectives((e.openBlock(),e.createBlock(L,e.mergeProps({class:"g-gradient"},{...t,color:e.unref(f),state:e.unref(l)},{"border-width":s.value}),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({class:["g-button",[e.unref(m),{"g-button_icon":v.iconButton||v.isIconButton}]],style:e.unref(k)},{...e.unref(r),...e.unref(c)}),{default:e.withCtx(()=>[e.unref(V)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(C))},null,2)):e.createCommentVNode("",!0),e.unref(M)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(d)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),(z,$)=>(e.openBlock(),e.createElementBlock("span",{key:$,class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(e.unref(x)(z))},null,6))),128))],2)):e.createCommentVNode("",!0),e.unref(w)?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(g))},null,2)):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(B))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["g-button__content",e.unref(_)])},[(n.prepend||v.prepend)&&!v.iconButton?(e.openBlock(),e.createElementBlock("span",he,[e.renderSlot(v.$slots,"prepend",{},()=>[e.createVNode(W,{icon:v.prepend},null,8,["icon"])])])):e.createCommentVNode("",!0),e.createElementVNode("span",ke,[e.renderSlot(v.$slots,"default",{},()=>[v.iconButton?v.iconButton?(e.openBlock(),e.createBlock(W,{key:1,icon:v.iconButton},null,8,["icon"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(v.label),1)],64))])]),(n.append||v.append)&&!v.iconButton?(e.openBlock(),e.createElementBlock("span",ye,[e.renderSlot(v.$slots,"append",{},()=>[e.createVNode(W,{icon:v.append},null,8,["icon"])])])):e.createCommentVNode("",!0)],2)]),_:3},16,["class","style"])),[[R,u.value]])]),_:3},16,["border-width"])),[[P]])}}});function be(){const o=e.shallowRef(null),n=e.ref(!1),c=a=>{i();const r=t(a.target),m=r.style.position;s(r)||(r.style.position="relative");const f=document.createElement("div");f.className="g-loading__container",r.appendChild(f);const l={},k=e.createApp(E._sfc_main,{text:a.text,noText:a.noText,color:a.color,dark:a.dark,opacity:a.opacity,blur:a.blur,progressView:a.progressView,onClose:()=>{u(l)}}),p=k.mount(f);Object.assign(l,{app:k,container:f,target:r,originalPosition:m,componentInstance:p}),o.value=l,p.show(),n.value=!0},t=a=>{if(!a)return document.body;if(typeof a=="string"){const r=document.querySelector(a);if(!r)throw new Error(`Target element ${a} not found`);return r}return a},i=async()=>{if(!o.value)return;const{componentInstance:a}=o.value;a&&a.hide()},s=a=>{const r=window.getComputedStyle(a).position;return["relative","absolute","fixed","sticky"].includes(r)},u=(a=o.value)=>{if(!a)return;const r=o.value===a,{app:m,container:f,target:l,originalPosition:k}=a;m.unmount(),f.parentElement===l&&l.removeChild(f),r&&(l.style.position=k,o.value=null,n.value=!1)};return e.onUnmounted(()=>{i()}),{show:c,hide:i,visible:n}}const _e=b.propsFactory({...S.makeMaterialSurfaceProps({borderRadius:12}),...b.makeSurfaceTextureProps(),modelValue:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:String,text:String,icon:String,color:{type:String,default:"primary"},state:String,variant:{type:String,default:"tonal"},location:{type:String,default:"bottom-center"},position:{type:String,default:"fixed"},transition:{type:[Boolean,String,Object],default:void 0},timeout:{type:Number,default:5e3},persistent:{type:Boolean,default:!1},closeable:{type:Boolean,default:!0},action:Object,actionText:String,closeOnAction:{type:Boolean,default:!0},multiline:{type:Boolean,default:!1},offset:{type:[Number,String],default:24},maxWidth:{type:[Number,String],default:520},pauseOnHover:{type:Boolean,default:!0}}),Be={key:0,class:"g-snackbar__prepend"},Se={class:"g-snackbar__main"},Ce={key:0,class:"g-snackbar__title"},we={key:1,class:"g-snackbar__text"},Ve={key:1,class:"g-snackbar__actions"},Ne=e.defineComponent({__name:"GSnackbar",props:_e(),emits:["update:modelValue","action","close","after-close"],setup(o,{expose:n,emit:c}){const t=o,i=c,s=e.useSlots(),u=e.ref(),a=e.ref(t.defaultOpen),r=e.ref("manual"),m=e.computed(()=>t.modelValue!==void 0),f=e.computed(()=>m.value?t.modelValue===!0:a.value),l=b.usePx(t.offset),k=b.usePx(t.maxWidth),{getMorphBlobStyle:p,morphBlobs:d,morphEnabled:g,materialFrameProps:C,surfaceStyles:B,surfaceMaterialMorphBlobClasses:_,surfaceMaterialMorphClasses:w,surfaceOverlayClasses:y,surfaceUnderlayClasses:V,surfaceTextureClasses:N,surfaceContentClasses:M}=S.useMaterialSurface(t,"g-snackbar"),x=e.computed(()=>{var h;return((h=t.action)==null?void 0:h.label)??t.actionText}),v=e.computed(()=>({"--g-snackbar-max-width":k.value})),G=e.computed(()=>({"--g-snackbar-offset":l.value})),R=e.computed(()=>[`g-snackbar_${t.variant}`,{"g-snackbar_multiline":t.multiline,[`g-snackbar_texture-${t.texture}`]:t.texture!=="none"}]),P=e.computed(()=>[`g-snackbar-layer_position-${t.position}`,`g-snackbar-layer_location-${t.location}`]),z=e.computed(()=>t.transition??{name:t.location.startsWith("top")?"slide-y":"slide-y-reverse",appear:!0,duration:240,leaveDuration:180,distance:"16px"});function $(h){m.value||(a.value=h),i("update:modelValue",h)}function I(){u.value!==void 0&&(window.clearTimeout(u.value),u.value=void 0)}function T(){I(),!(!f.value||t.persistent||t.timeout<=0)&&(u.value=window.setTimeout(()=>{O("timeout")},t.timeout))}function O(h="manual"){r.value=h,I(),$(!1),i("close",h)}function U(){var h,F;i("action",(h=t.action)==null?void 0:h.value),(((F=t.action)==null?void 0:F.closeOnClick)??t.closeOnAction)&&O("action")}function Q(){t.pauseOnHover&&I()}function Z(){t.pauseOnHover&&T()}e.watch(f,h=>{if(!h){I();return}T()}),T(),e.onBeforeUnmount(()=>{I()});function ee(){i("after-close",r.value)}return n({open:()=>$(!0),close:O}),(h,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-snackbar-layer",P.value]),style:e.normalizeStyle(G.value)},[e.createVNode(e.unref(E._sfc_main$1),{transition:z.value,onAfterLeave:ee},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createBlock(L,e.mergeProps({key:0,class:"g-snackbar__frame"},e.unref(C),{"inherit-width":!1,style:v.value}),{default:e.withCtx(()=>[e.createElementVNode("section",{class:e.normalizeClass(["g-snackbar",R.value]),style:e.normalizeStyle(e.unref(B)),role:"status","aria-live":"polite",onMouseenter:Q,onMouseleave:Z},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(V))},null,2),e.unref(g)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(w)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(q,te)=>(e.openBlock(),e.createElementBlock("span",{key:te,class:e.normalizeClass(e.unref(_)),style:e.normalizeStyle(e.unref(p)(q))},null,6))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(y))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(N))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-snackbar__content",e.unref(M)])},[s.prepend||t.icon?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(h.$slots,"prepend",{},()=>[t.icon?(e.openBlock(),e.createBlock(D,{key:0,icon:t.icon,size:"22"},null,8,["icon"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(h.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),s.default||t.text?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(h.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)],!0)])):e.createCommentVNode("",!0)]),s.action||x.value||t.closeable?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(h.$slots,"action",{close:()=>O("action")},()=>[x.value?(e.openBlock(),e.createBlock(J,{key:0,variant:"text",size:"s",label:x.value,onClick:U},null,8,["label"])):e.createCommentVNode("",!0)],!0),t.closeable?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"g-snackbar__close","aria-label":"Close snackbar",onClick:F[0]||(F[0]=q=>O("dismiss"))},[e.createVNode(D,{icon:"close",size:"18"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],38)]),_:3},16,["style"])):e.createCommentVNode("",!0)]),_:3},8,["transition"])],6))}}),K=E._export_sfc(Ne,[["__scopeId","data-v-ce4de976"]]),xe="bottom-center",$e="slide-y",A=new Map;let Ee=0;function ze(o){return typeof o=="string"?{label:o}:o}function Ie(o,n){return o==="fade"?"fade":o==="scale"?"scale":o==="slide-x"?n.endsWith("right")?"slide-x-reverse":"slide-x":n.startsWith("top")?"slide-y":"slide-y-reverse"}function Oe(){return e.defineComponent({name:"GSnackbarHost",props:{items:{type:Array,required:!0},location:{type:String,required:!0},transition:{type:String,required:!0},close:{type:Function,required:!0},remove:{type:Function,required:!0}},setup(o){return()=>e.h("div",{class:["g-snackbar-stack",`g-snackbar-stack_location-${o.location}`]},[e.h("div",{class:"g-snackbar-stack__items"},o.items.map(n=>e.h(K,{key:n.id,...n,modelValue:n.open,position:"static",transition:{name:Ie(n.transition??o.transition,n.location),appear:!0,duration:240,leaveDuration:180,distance:"18px",scale:.96},"onUpdate:modelValue":c=>{n.open=c},onClose:c=>o.close(n.id,c),onAfterClose:()=>o.remove(n.id)})))])}})}function Me(o,n,c,t){const i=A.get(o);if(i)return i;const s=document.createElement("div");s.className="g-snackbar-stack__container",document.body.appendChild(s);const u=e.reactive([]),a=e.createApp(Oe(),{items:u,location:o,transition:n,close:c,remove:t});a.mount(s);const r={app:a,container:s,items:u};return A.set(o,r),r}function Ge(){const o=e.shallowRef([]);function n(s){for(const[u,a]of A.entries()){const r=a.items.findIndex(m=>m.id===s);if(r!==-1){a.items.splice(r,1),o.value=o.value.filter(m=>m.id!==s),a.items.length||window.setTimeout(()=>{a.items.length||(a.app.unmount(),a.container.remove(),A.delete(u))},220);return}}}function c(s,u="manual"){for(const a of A.values()){const r=a.items.find(m=>m.id===s);if(r){r.open=!1;return}}}function t(s){const u=typeof s=="string"?{text:s}:s,a=u.location??xe,r=u.transition??$e,m=++Ee,f={...u,id:m,open:!0,location:a,transition:r,action:ze(u.action)};return Me(a,r,c,n).items.push(f),o.value=[...o.value,f],{id:m,close:(k="manual")=>{c(m,k)}}}function i(){for(const[s,u]of A.entries())u.app.unmount(),u.container.remove(),A.delete(s);o.value=[]}return e.onUnmounted(()=>{i()}),{show:t,closeAll:i,items:o}}exports.GGradient=L;exports.GIcon=D;exports.GIcon$1=W;exports.GSnackbar=K;exports._sfc_main=J;exports.makeActionSurfaceProps=H;exports.makePLAProps=Y;exports.useActionSurface=X;exports.useLoading=be;exports.useSnackbar=Ge;