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

package/dist/types/theme/gradient/formatters/css.d.ts

@@ -1,3 +0,0 @@
-import type { GradientDirection, GradientModel } from '../types';
-export declare const createLinearGradient: (stops: readonly string[], direction?: GradientDirection) => string;
-export declare const toCssGradient: (model: GradientModel) => string;

package/dist/types/theme/gradient/formatters/index.d.ts

@@ -1 +0,0 @@
-export * from '@gradient-ui/gradient-engine/formatters';

package/dist/types/theme/gradient/formatters/svg.d.ts

@@ -1,5 +0,0 @@
-import type { GradientModel, SvgGradientOptions, SvgPathAnimationOptions, SvgSourceAnimationOptions } from '../types';
-export declare const toSvgGradient: (model: GradientModel, options?: SvgGradientOptions) => string;
-export declare const toSvgGradientMarkup: (model: GradientModel, options?: SvgGradientOptions) => string;
-export declare const toSvgSourceAnimationMarkup: (sourceSvg: string, model: GradientModel, options?: SvgSourceAnimationOptions) => string;
-export declare const toSvgPathAnimationMarkup: (model: GradientModel, options?: SvgPathAnimationOptions) => string;

package/dist/types/theme/gradient/index.d.ts

@@ -1 +0,0 @@
-export * from '@gradient-ui/gradient-engine';

package/dist/types/theme/gradient/material.d.ts

@@ -1 +0,0 @@
-export * from '@gradient-ui/gradient-engine/material';

package/dist/types/theme/gradient/model.d.ts

@@ -1,5 +0,0 @@
-import { type ColorPalette } from '../palette';
-import type { GradientModel, GradientOptions } from './types';
-import type { ColorInput } from '@/types/Colors';
-export declare const createGradientModel: (palette: ColorPalette, options?: GradientOptions) => GradientModel;
-export declare const createGradientModelFromColor: (color: ColorInput, options?: GradientOptions) => GradientModel;

package/dist/types/theme/gradient/presets.d.ts

@@ -1,158 +0,0 @@
-import type { GradientAnimationOptions, GradientAnimationPreset, GradientOptions, GradientRecipe, GradientShadowOptions, GradientType } from './types';
-export interface GradientPreset {
-    label: string;
-    description?: string;
-    gradient: Omit<GradientOptions, 'shade' | 'colors'> & {
-        recipe: GradientRecipe;
-        type?: GradientType;
-    };
-    shadow?: GradientShadowOptions;
-    dropShadow?: GradientShadowOptions;
-    animation?: Omit<GradientAnimationOptions, 'name' | 'selector'> & {
-        preset: GradientAnimationPreset;
-    };
-}
-export type GradientPresetRegistry = Record<string, GradientPreset>;
-export declare const defineGradientPreset: <T extends GradientPreset>(preset: T) => T;
-export declare const defineGradientPresetRegistry: <T extends GradientPresetRegistry>(presets: T) => T;
-export declare const gradientPresets: {
-    brandGlare: {
-        label: string;
-        description: string;
-        gradient: {
-            recipe: "glare";
-            type: "linear";
-            direction: number;
-        };
-        shadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-            spread: number;
-        };
-        dropShadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-        };
-        animation: {
-            preset: "shift";
-            duration: number;
-            easing: string;
-        };
-    };
-    softMono: {
-        label: string;
-        description: string;
-        gradient: {
-            recipe: "monochrome";
-            type: "linear";
-            direction: number;
-        };
-        shadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-            spread: number;
-        };
-        dropShadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-        };
-        animation: {
-            preset: "pulse";
-            duration: number;
-            easing: string;
-        };
-    };
-    neonDuo: {
-        label: string;
-        description: string;
-        gradient: {
-            recipe: "duotone";
-            type: "linear";
-            direction: number;
-        };
-        shadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-            spread: number;
-        };
-        dropShadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-        };
-        animation: {
-            preset: "shift";
-            duration: number;
-            easing: string;
-        };
-    };
-    orbitalConic: {
-        label: string;
-        description: string;
-        gradient: {
-            recipe: "triadic";
-            type: "conic";
-            direction: number;
-            position: string;
-        };
-        shadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-            spread: number;
-        };
-        dropShadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-        };
-        animation: {
-            preset: "rotate";
-            duration: number;
-        };
-    };
-    auroraRadial: {
-        label: string;
-        description: string;
-        gradient: {
-            recipe: "analogous";
-            type: "radial";
-            direction: number;
-            position: string;
-            shape: "circle";
-        };
-        shadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-            spread: number;
-        };
-        dropShadow: {
-            layers: number;
-            opacity: number;
-            blur: number;
-            y: number;
-        };
-        animation: {
-            preset: "hue-rotate";
-            duration: number;
-            easing: string;
-        };
-    };
-};
-export type GradientPresetName = keyof typeof gradientPresets;
-export declare const getGradientPreset: (name: GradientPresetName | string, registry?: GradientPresetRegistry) => GradientPreset;

package/dist/types/theme/gradient/recipes.d.ts

@@ -1,14 +0,0 @@
-import type { GradientRecipe } from './types';
-export declare const gradientRecipes: {
-    glare: (base: string) => import("./types").GradientStop[];
-    monochrome: (base: string) => import("./types").GradientStop[];
-    complementary: (base: string) => import("./types").GradientStop[];
-    'split-complementary': (base: string) => import("./types").GradientStop[];
-    analogous: (base: string) => import("./types").GradientStop[];
-    triadic: (base: string) => import("./types").GradientStop[];
-    tetradic: (base: string) => import("./types").GradientStop[];
-    rectangle: (base: string) => import("./types").GradientStop[];
-    square: (base: string) => import("./types").GradientStop[];
-    duotone: (base: string, colors: readonly string[] | undefined) => import("./types").GradientStop[];
-};
-export declare const createRecipeStops: (base: string, recipe: GradientRecipe, colors?: readonly string[]) => import("./types").GradientStop[];

package/dist/types/theme/gradient/tokens.d.ts

@@ -1,72 +0,0 @@
-import type { ColorInput } from '@/types/Colors';
-import { type GradientPresetName, type GradientPresetRegistry } from './presets';
-import type { GradientAnimationOptions, GradientMorphOptions, GradientModel, GradientOptions, GradientRecipe, GradientShadowOptions, GradientStop } from './types';
-export type GradientTokenRecipe = GradientRecipe | GradientPresetName | 'mesh' | 'soft';
-export interface GradientTokenEntry {
-    value: string;
-    cssVar: string;
-    model?: GradientModel;
-    layers?: string[];
-    stops?: GradientStop[];
-    svg?: string;
-}
-export interface GradientEffectTokenEntry {
-    boxShadow?: {
-        value: string;
-        cssVar: string;
-    };
-    dropShadow?: {
-        value: string;
-        cssVar: string;
-    };
-    morph?: {
-        value: string;
-        cssVar: string;
-        svg: string;
-    };
-}
-export interface GradientAnimationTokenEntry {
-    name: string;
-    value: string;
-    css: string;
-    keyframes: string;
-    cssVar: string;
-}
-export interface CreatedGradientPreset {
-    name: string;
-    label: string;
-    description?: string;
-    gradient: GradientTokenEntry;
-    effects?: GradientEffectTokenEntry;
-    animation?: GradientAnimationTokenEntry;
-    cssVars: Record<string, string>;
-    cssText: string;
-    keyframes: string;
-}
-export interface GradientTokenOptions {
-    recipes?: readonly GradientTokenRecipe[];
-    effects?: boolean;
-    animations?: boolean;
-    morph?: GradientMorphOptions;
-    registry?: GradientPresetRegistry;
-    prefix?: string;
-}
-export interface CreatedGradientTokens {
-    gradients: Record<string, GradientTokenEntry>;
-    effects: Record<string, GradientEffectTokenEntry>;
-    animations: Record<string, GradientAnimationTokenEntry>;
-    cssVars: Record<string, string>;
-    cssText: string;
-    keyframes: string;
-}
-export declare const createGradientPreset: (seed: ColorInput, recipe?: GradientTokenRecipe, options?: GradientOptions & {
-    animation?: GradientAnimationOptions;
-    dropShadow?: GradientShadowOptions;
-    effects?: boolean;
-    morph?: GradientMorphOptions;
-    prefix?: string;
-    registry?: GradientPresetRegistry;
-    shadow?: GradientShadowOptions;
-    animations?: boolean;
-}) => CreatedGradientPreset;
-export declare const createGradientTokens: (seed: ColorInput, options?: GradientTokenOptions) => CreatedGradientTokens;

package/dist/types/theme/gradient/types.d.ts

@@ -1,117 +0,0 @@
-import type { ColorShade } from '../palette';
-export type GradientDirection = number | string;
-export type GradientType = 'linear' | 'radial' | 'conic';
-export type GradientRecipe = 'glare' | 'monochrome' | 'complementary' | 'split-complementary' | 'analogous' | 'triadic' | 'tetradic' | 'rectangle' | 'square' | 'duotone';
-export type GradientShape = 'circle' | 'ellipse';
-export type GradientAnimationPreset = 'shift' | 'pulse' | 'rotate' | 'hue-rotate';
-export interface GradientStop {
-    color: string;
-    position: number;
-    opacity?: number;
-}
-export interface GradientModel {
-    type: GradientType;
-    stops: GradientStop[];
-    direction: GradientDirection;
-    shape?: GradientShape;
-    position?: string;
-    size?: string;
-}
-export interface GradientOptions {
-    direction?: GradientDirection;
-    recipe?: GradientRecipe;
-    shade?: ColorShade;
-    type?: GradientType;
-    shape?: GradientShape;
-    position?: string;
-    size?: string;
-    colors?: readonly string[];
-}
-export interface GradientShadowOptions {
-    x?: number | string;
-    y?: number | string;
-    blur?: number | string;
-    spread?: number | string;
-    opacity?: number;
-    layers?: number;
-}
-export type GradientMorphPreset = 'soft' | 'liquid' | 'ripple';
-export interface GradientMorphOptions {
-    id?: string;
-    preset?: GradientMorphPreset;
-    blobCount?: number;
-    blur?: number;
-    contrast?: number;
-    duration?: number | string;
-    opacity?: number;
-    scale?: number;
-    selector?: string;
-}
-export interface GradientMorphBlob {
-    animationName: string;
-    blur: number;
-    color: string;
-    delay: number;
-    dx: number;
-    dx2: number;
-    dy: number;
-    dy2: number;
-    duration: number | string;
-    opacity: number;
-    originX: string;
-    originY: string;
-    rotateMid: number;
-    rotateTo: number;
-    scaleMid: number;
-    scaleTo: number;
-    size: number;
-    x: number;
-    y: number;
-}
-export interface SvgGradientOptions {
-    id?: string;
-    width?: number;
-    height?: number;
-    rx?: number;
-    x1?: string;
-    x2?: string;
-    y1?: string;
-    y2?: string;
-    cx?: string;
-    cy?: string;
-    r?: string;
-}
-export interface SvgPathAnimationOptions extends SvgGradientOptions {
-    path?: string;
-    strokeWidth?: number;
-    linecap?: 'butt' | 'round' | 'square';
-    duration?: number | string;
-    repeatCount?: number | string;
-    backgroundStroke?: string;
-    activeStroke?: string;
-    backgroundOpacity?: number;
-}
-export interface SvgSourceAnimationOptions extends SvgPathAnimationOptions {
-    normalizeStrokeWidth?: boolean;
-    sourceOpacity?: number;
-    viewBoxPadding?: number | false;
-    strokeWidthBase?: number;
-}
-export interface CanvasGradientOptions {
-    x0?: number;
-    y0?: number;
-    x1?: number;
-    y1?: number;
-    r0?: number;
-    r1?: number;
-    startAngle?: number;
-    width?: number;
-    height?: number;
-}
-export interface GradientAnimationOptions {
-    name?: string;
-    preset?: GradientAnimationPreset;
-    duration?: number | string;
-    easing?: string;
-    selector?: string;
-}

package/dist/types/theme/gradient/utils.d.ts

@@ -1,10 +0,0 @@
-import type { GradientDirection, GradientStop } from './types';
-export declare const normalizeDirection: (direction?: GradientDirection) => string;
-export declare const toCssLength: (value: number | string) => string;
-export declare const addCssLength: (value: number | string, offset: number) => string;
-export declare const toCssDuration: (value: number | string) => string;
-export declare const clamp: (value: number, min?: number, max?: number) => number;
-export declare const toCssColor: (color: string, opacity?: number) => string;
-export declare const formatStop: ({ color, opacity, position }: GradientStop) => string;
-export declare const createStop: (color: string, position: number, opacity?: number) => GradientStop;
-export declare const getConicStops: (stops: readonly GradientStop[]) => readonly GradientStop[];

package/dist/useSnackbar-BHQshEZ8.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),x=require("./GLoading.vue_vue_type_style_index_0_lang-Bv3dWEq8.cjs"),B=require("./materialSurface-CK8LN_dU.cjs"),y=require("./surface-8z3gR7vF.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(n){const o=n,i=B.useIcon(()=>o.icon),t=e.computed(()=>o.size==null?"var(--g-token-icon-size-m)":Number.isFinite(Number(o.size))?`${o.size}px`:String(o.size));return(c,s)=>e.unref(i).icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i).component),e.mergeProps({key:0,icon:e.unref(i).icon,tag:o.tag,class:"g-icon",style:{fontSize:t.value}},c.$attrs),null,16,["icon","tag","style"])):e.createCommentVNode("",!0)}}),D=x._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"],ie=["id","x","y","width","height"],ce=["stdDeviation"],ue=["filter"],de=["width","height","mask"],me=e.defineComponent({__name:"GGradientBorderLayer",props:{maskId:{},borderRadius:{},borderWidth:{},placement:{},rounded:{type:Boolean},glowBlur:{}},setup(n){const o=n,i=e.ref(),t=e.ref({width:1,height:1});let c;const s=e.computed(()=>`url(#${o.maskId})`),u=e.computed(()=>`${o.maskId}-blur`),a=e.computed(()=>o.glowBlur?`url(#${u.value})`:void 0),r=e.computed(()=>(o.glowBlur??0)*4),m=e.computed(()=>`0 0 ${t.value.width} ${t.value.height}`),v=p=>Number.parseFloat(String(p)),l=e.computed(()=>{const{width:p,height:d}=t.value,g=Math.max(0,v(o.borderWidth)),C=Math.max(0,v(o.borderRadius)),_=Math.min(g,.5),b=o.placement==="center",w=b||o.placement==="top"?g:0,S=b||o.placement==="right"?g:0,V=b||o.placement==="bottom"?g:0,f=b||o.placement==="left"?g:0,G=Math.max(0,p-f-S),N=Math.max(0,d-w-V),$=f+(f?_:0),E=w+(w?_:0),R=S+(S?_:0),P=V+(V?_:0),O=Math.max(0,p-$-R),z=Math.max(0,d-E-P),I=o.rounded?Math.min(p,d)/2:C+g,A=o.rounded?Math.min(b?O:G,b?z:N)/2:Math.max(0,C-(b?_:0));return{width:p,height:d,outerRadius:I,innerX:$,innerY:E,innerWidth:O,innerHeight:z,innerRadius:A}}),k=()=>{const p=i.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=i.value;p&&(k(),c=new ResizeObserver(k),c.observe(p))}),e.onBeforeUnmount(()=>c==null?void 0:c.disconnect()),(p,d)=>(e.openBlock(),e.createElementBlock("svg",{ref_key:"layerRef",ref:i,class:"g-gradient-border-layer","aria-hidden":"true",focusable:"false",viewBox:m.value,preserveAspectRatio:"none"},[e.createElementVNode("defs",null,[e.createElementVNode("mask",{id:n.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),n.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:n.glowBlur},null,8,ce)],8,ie)):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))}}),q=x._export_sfc(me,[["__scopeId","data-v-6137c224"]]),pe={class:"g-gradient__slot"},fe=e.defineComponent({__name:"GGradient",props:B.makeGradientProps(),setup(n){e.useCssVars(d=>({af7aa536:e.unref(a),v1cbbcd11:e.unref(k)}));const o=n,i=e.useId().replaceAll(":",""),t=`g-gradient-border-${i}`,c=`g-gradient-glow-${i}`,s=e.computed(()=>Number(o.borderWidth)>0),u=e.computed(()=>s.value&&!!(o.glow||o.animateGlow)),{containerBorderRadius:a,gradientClasses:r,gradientStyles:m}=B.useGradient(o),{glowClasses:v}=B.useGradientGlow(o),{interactionClass:l,surfaceBorderRadius:k,surfaceFillClass:p}=B.useGradientSurface(o);return(d,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.rootTag),{class:e.normalizeClass(["g-gradient",[e.unref(r),e.unref(v),e.unref(l),e.unref(p)]]),style:e.normalizeStyle(e.unref(m))},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(q,{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(q,{key:1,class:"g-gradient__glow","mask-id":c,"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"]))}}),U=x._export_sfc(fe,[["__scopeId","data-v-7cbe99a6"]]),ve=e.defineComponent({__name:"GIcon",props:{icon:{},size:{default:20},tag:{default:"span"}},setup(n){const o=n,i=y.usePx(e.toRef(o,"size")),t=B.useIcon(()=>o.icon);return(c,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).component),e.mergeProps({icon:e.unref(t).icon,tag:o.tag,class:"g-icon",style:{fontSize:e.unref(i)}},c.$attrs),null,16,["icon","tag","style"]))}}),W=x._export_sfc(ve,[["__scopeId","data-v-1e1fd36a"]]),j=y.propsFactory({...y.makeSurfaceProps(),...x.makeSizeProps(),active:Boolean,activeColor:String,activeState:String,activeVariant:String,gradientRecipe:String,morph:Boolean,shadowOptions:Object,dropShadowOptions:Object,animationOptions:Object,morphOptions:Object});function H(n,o,i={}){const{disabledClass:t,roundedClass:c,stateClass:s,textureClass:u}=y.useSurface(n,o),{glassStyles:a}=y.useGlass(n),{surfaceOverlayClasses:r,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:v,surfaceTextureClasses:l,surfaceUnderlayClasses:k,surfaceContentClasses:p}=y.useSurfaceLayers(o),d=x.useSize(n,o),g=e.computed(()=>!!(e.toValue(i.active)??n.active)),C=e.computed(()=>!!e.toValue(i.selected)),{resolvedColor:_,resolvedState:b,colorStyles:w}=y.useSurfaceColor({color:()=>e.toValue(n.color),state:()=>n.state,active:()=>g.value||C.value,activeColor:()=>e.toValue(n.activeColor),activeState:()=>n.activeState}),S=e.computed(()=>(C.value||g.value)&&n.activeVariant?n.activeVariant:n.variant),{getMorphBlobStyle:V,gradientMaterial:f,materialStyles:G,morphBlobs:N,morphEnabled:$}=B.useMaterial({color:_,kind:"action",recipe:()=>n.gradientRecipe,effects:()=>S.value==="gradient",animations:()=>!!n.animationOptions,shadow:()=>n.shadowOptions,dropShadow:()=>n.dropShadowOptions,animation:()=>n.animationOptions,morph:()=>n.morphOptions??n.morph}),E=e.computed(()=>({...w.value,...G.value,...a.value}));return{actionSurfaceClasses:e.computed(()=>{var z;const P=!!e.toValue(i.focused),O=(z=n.animationOptions)==null?void 0:z.preset;return[`${o}_${S.value}`,t.value,c.value,s.value,u.value,d.value,P?`${o}_focused`:"",C.value?`${o}_selected`:"",g.value?`${o}_active`:"",O?`${o}_animation-${O}`:""].filter(Boolean)}),getMorphBlobStyle:V,gradientMaterial:f,morphBlobs:N,morphEnabled:$,resolvedColor:_,resolvedState:b,resolvedVariant:S,surfaceStyles:E,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:v,surfaceOverlayClasses:r,surfaceUnderlayClasses:k,surfaceTextureClasses:l,surfaceContentClasses:p}}const X=y.propsFactory({prepend:String,append:String,label:String}),ge=y.propsFactory({...j(),...X(),...B.makeGradientProps(),...B.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"},Y=e.defineComponent({inheritAttrs:!1,__name:"GButton",props:ge({borderWidth:void 0,borderRadius:4,placement:"center"}),setup(n){e.useCssVars(f=>({v11cb3954:e.unref(c)}));const o=e.useSlots(),i=e.useAttrs(),t=n,c=y.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}=B.useTagName(t,"button"),{actionSurfaceClasses:m,resolvedColor:v,resolvedState:l,surfaceStyles:k,surfaceMaterialMorphBlobClasses:p,surfaceMaterialMorphClasses:d,surfaceOverlayClasses:g,surfaceUnderlayClasses:C,surfaceTextureClasses:_,surfaceContentClasses:b,morphBlobs:w,morphEnabled:S,getMorphBlobStyle:V}=H(t,"g-button");return(f,G)=>{const N=e.resolveDirective("ripple"),$=e.resolveDirective("gradient-icon");return e.withDirectives((e.openBlock(),e.createBlock(U,e.mergeProps({class:"g-gradient"},{...t,color:e.unref(v),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":f.iconButton||f.isIconButton}]],style:e.unref(k)},{...e.unref(r),...e.unref(i)}),{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(C))},null,2),e.unref(S)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(w),(E,R)=>(e.openBlock(),e.createElementBlock("span",{key:R,class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(e.unref(V)(E))},null,6))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(g))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(_))},null,2),e.createElementVNode("span",{class:e.normalizeClass(["g-button__content",e.unref(b)])},[(o.prepend||f.prepend)&&!f.iconButton?(e.openBlock(),e.createElementBlock("span",he,[e.renderSlot(f.$slots,"prepend",{},()=>[e.createVNode(W,{icon:f.prepend},null,8,["icon"])])])):e.createCommentVNode("",!0),e.createElementVNode("span",ke,[e.renderSlot(f.$slots,"default",{},()=>[f.iconButton?f.iconButton?(e.openBlock(),e.createBlock(W,{key:1,icon:f.iconButton},null,8,["icon"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(f.label),1)],64))])]),(o.append||f.append)&&!f.iconButton?(e.openBlock(),e.createElementBlock("span",ye,[e.renderSlot(f.$slots,"append",{},()=>[e.createVNode(W,{icon:f.append},null,8,["icon"])])])):e.createCommentVNode("",!0)],2)]),_:3},16,["class","style"])),[[N,u.value]])]),_:3},16,["border-width"])),[[$]])}}});function be(){const n=e.shallowRef(null),o=e.ref(!1),i=a=>{c();const r=t(a.target),m=r.style.position;s(r)||(r.style.position="relative");const v=document.createElement("div");v.className="g-loading__container",r.appendChild(v);const l={},k=e.createApp(x._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(v);Object.assign(l,{app:k,container:v,target:r,originalPosition:m,componentInstance:p}),n.value=l,p.show(),o.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},c=async()=>{if(!n.value)return;const{componentInstance:a}=n.value;a&&a.hide()},s=a=>{const r=window.getComputedStyle(a).position;return["relative","absolute","fixed","sticky"].includes(r)},u=(a=n.value)=>{if(!a)return;const r=n.value===a,{app:m,container:v,target:l,originalPosition:k}=a;m.unmount(),v.parentElement===l&&l.removeChild(v),r&&(l.style.position=k,n.value=null,o.value=!1)};return e.onUnmounted(()=>{c()}),{show:i,hide:c,visible:o}}const _e=y.propsFactory({...B.makeMaterialSurfaceProps({borderRadius:12}),...y.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(n,{expose:o,emit:i}){const t=n,c=i,s=e.useSlots(),u=e.ref(),a=e.ref(t.defaultOpen),r=e.ref("manual"),m=e.computed(()=>t.modelValue!==void 0),v=e.computed(()=>m.value?t.modelValue===!0:a.value),l=y.usePx(t.offset),k=y.usePx(t.maxWidth),{getMorphBlobStyle:p,morphBlobs:d,morphEnabled:g,materialFrameProps:C,surfaceStyles:_,surfaceMaterialMorphBlobClasses:b,surfaceMaterialMorphClasses:w,surfaceOverlayClasses:S,surfaceUnderlayClasses:V,surfaceTextureClasses:f,surfaceContentClasses:G}=B.useMaterialSurface(t,"g-snackbar"),N=e.computed(()=>{var h;return((h=t.action)==null?void 0:h.label)??t.actionText}),$=e.computed(()=>({"--g-snackbar-max-width":k.value})),E=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}`]),O=e.computed(()=>t.transition??{name:t.location.startsWith("top")?"slide-y":"slide-y-reverse",appear:!0,duration:240,leaveDuration:180,distance:"16px"});function z(h){m.value||(a.value=h),c("update:modelValue",h)}function I(){u.value!==void 0&&(window.clearTimeout(u.value),u.value=void 0)}function A(){I(),!(!v.value||t.persistent||t.timeout<=0)&&(u.value=window.setTimeout(()=>{T("timeout")},t.timeout))}function T(h="manual"){r.value=h,I(),z(!1),c("close",h)}function K(){var h,F;c("action",(h=t.action)==null?void 0:h.value),(((F=t.action)==null?void 0:F.closeOnClick)??t.closeOnAction)&&T("action")}function Q(){t.pauseOnHover&&I()}function Z(){t.pauseOnHover&&A()}e.watch(v,h=>{if(!h){I();return}A()}),A(),e.onBeforeUnmount(()=>{I()});function ee(){c("after-close",r.value)}return o({open:()=>z(!0),close:T}),(h,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-snackbar-layer",P.value]),style:e.normalizeStyle(E.value)},[e.createVNode(e.unref(x._sfc_main$1),{transition:O.value,onAfterLeave:ee},{default:e.withCtx(()=>[v.value?(e.openBlock(),e.createBlock(U,e.mergeProps({key:0,class:"g-snackbar__frame"},e.unref(C),{"inherit-width":!1,style:$.value}),{default:e.withCtx(()=>[e.createElementVNode("section",{class:e.normalizeClass(["g-snackbar",R.value]),style:e.normalizeStyle(e.unref(_)),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),(L,te)=>(e.openBlock(),e.createElementBlock("span",{key:te,class:e.normalizeClass(e.unref(b)),style:e.normalizeStyle(e.unref(p)(L))},null,6))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(S))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(f))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-snackbar__content",e.unref(G)])},[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||N.value||t.closeable?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(h.$slots,"action",{close:()=>T("action")},()=>[N.value?(e.openBlock(),e.createBlock(Y,{key:0,variant:"text",size:"s",label:N.value,onClick:K},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]=L=>T("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))}}),J=x._export_sfc(Ne,[["__scopeId","data-v-ce4de976"]]),xe="bottom-center",$e="slide-y",M=new Map;let Ee=0;function ze(n){return typeof n=="string"?{label:n}:n}function Oe(n,o){return n==="fade"?"fade":n==="scale"?"scale":n==="slide-x"?o.endsWith("right")?"slide-x-reverse":"slide-x":o.startsWith("top")?"slide-y":"slide-y-reverse"}function Ie(){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(n){return()=>e.h("div",{class:["g-snackbar-stack",`g-snackbar-stack_location-${n.location}`]},[e.h("div",{class:"g-snackbar-stack__items"},n.items.map(o=>e.h(J,{key:o.id,...o,modelValue:o.open,position:"static",transition:{name:Oe(o.transition??n.transition,o.location),appear:!0,duration:240,leaveDuration:180,distance:"18px",scale:.96},"onUpdate:modelValue":i=>{o.open=i},onClose:i=>n.close(o.id,i),onAfterClose:()=>n.remove(o.id)})))])}})}function Me(n,o,i,t){const c=M.get(n);if(c)return c;const s=document.createElement("div");s.className="g-snackbar-stack__container",document.body.appendChild(s);const u=e.reactive([]),a=e.createApp(Ie(),{items:u,location:n,transition:o,close:i,remove:t});a.mount(s);const r={app:a,container:s,items:u};return M.set(n,r),r}function Ge(){const n=e.shallowRef([]);function o(s){for(const[u,a]of M.entries()){const r=a.items.findIndex(m=>m.id===s);if(r!==-1){a.items.splice(r,1),n.value=n.value.filter(m=>m.id!==s),a.items.length||window.setTimeout(()=>{a.items.length||(a.app.unmount(),a.container.remove(),M.delete(u))},220);return}}}function i(s,u="manual"){for(const a of M.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,v={...u,id:m,open:!0,location:a,transition:r,action:ze(u.action)};return Me(a,r,i,o).items.push(v),n.value=[...n.value,v],{id:m,close:(k="manual")=>{i(m,k)}}}function c(){for(const[s,u]of M.entries())u.app.unmount(),u.container.remove(),M.delete(s);n.value=[]}return e.onUnmounted(()=>{c()}),{show:t,closeAll:c,items:n}}exports.GGradient=U;exports.GIcon=D;exports.GIcon$1=W;exports.GSnackbar=J;exports._sfc_main=Y;exports.makeActionSurfaceProps=j;exports.makePLAProps=X;exports.useActionSurface=H;exports.useLoading=be;exports.useSnackbar=Ge;