@gradient-ui/core 0.8.0 → 1.0.0

package/dist/surface-C3w1Rz6V.js

@@ -1,291 +0,0 @@
-import { computed as t, toValue as a } from "vue";
-import { p as d, g as k, h as _, f as $, C as O } from "./camelToKebabCase-BWbQb81D.js";
-import { createGradientFromColor as b } from "@gradient-ui/gradient-engine";
-function c(r, e) {
-  return (n) => {
-    const s = {};
-    for (const o in r) {
-      const u = typeof r[o] == "object" && r[o] !== null && !Array.isArray(r[o]) ? { ...r[o] } : { type: r[o] };
-      n && o in n && (u.default = n[o]), e && !u.source && (u.source = e), s[o] = u;
-    }
-    return s;
-  };
-}
-const p = c({
-  disabled: Boolean
-});
-function x(r, e) {
-  return t(() => r.disabled ? `${e}_disabled` : "");
-}
-const E = c({
-  rounded: Boolean
-});
-function h(r, e) {
-  return t(() => r.rounded ? `${e}_rounded` : "");
-}
-const T = [
-  "primary",
-  "main",
-  "error",
-  "warning",
-  "success",
-  "surface",
-  "on-surface"
-], A = (r) => {
-  const e = v(r);
-  return e ? e.color : r ? d(r) || m(r) ? r : y(r) ? `rgb(var(--g-color-${r}))` : r : f.primary.color;
-}, P = (r) => {
-  const e = v(r);
-  return e ? e.onColor : r ? d(r) ? k(r) : y(r) ? `rgb(var(--g-color-on-${r}))` : f.primary.onColor : f.primary.onColor;
-}, w = (r) => {
-  if (!r) return f.primary.gradient;
-  const e = v(r);
-  return e ? e.gradient : d(r) ? b(r) : r.includes("gradient(") || r.startsWith("var(") ? r : `var(--g-gradient-${r}, var(--g-gradient-main))`;
-}, R = (r) => t(() => w(a(r))), C = (r, e) => ({
-  color: `rgb(var(--g-color-${r}-${e}))`,
-  onColor: `rgb(var(--g-color-on-${r}-${e}))`,
-  gradient: `var(--g-gradient-${r}-${e})`
-}), f = {
-  primary: {
-    color: "var(--g-token-color-primary)",
-    onColor: "var(--g-token-color-on-primary)",
-    gradient: "var(--g-gradient-main)"
-  },
-  main: {
-    color: "var(--g-token-color-primary)",
-    onColor: "var(--g-token-color-on-primary)",
-    gradient: "var(--g-gradient-main)"
-  },
-  error: {
-    color: "var(--g-token-color-error)",
-    onColor: "var(--g-token-color-on-error)",
-    gradient: "var(--g-gradient-error)"
-  },
-  warning: {
-    color: "var(--g-token-color-warning)",
-    onColor: "var(--g-token-color-on-warning)",
-    gradient: "var(--g-gradient-warning)"
-  },
-  success: {
-    color: "var(--g-token-color-success)",
-    onColor: "var(--g-token-color-on-success)",
-    gradient: "var(--g-gradient-success)"
-  },
-  surface: {
-    color: "var(--g-token-color-surface)",
-    onColor: "var(--g-token-color-on-surface)",
-    gradient: "var(--g-gradient-source-500)"
-  },
-  "on-surface": {
-    color: "var(--g-token-color-on-surface)",
-    onColor: "var(--g-token-color-surface)",
-    gradient: "var(--g-gradient-source-500)"
-  }
-}, S = /* @__PURE__ */ new Set([
-  "source",
-  ...Object.keys(_).map($)
-]), L = new Set(O), M = new Set(T), B = /* @__PURE__ */ new Set([
-  "transparent",
-  "currentColor",
-  "currentcolor",
-  "inherit",
-  "initial",
-  "revert",
-  "unset",
-  "black",
-  "white"
-]), D = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, V = (r) => M.has(r), m = (r) => B.has(r), y = (r) => D.test(r) && !m(r), G = (r) => {
-  if (S.has(r))
-    return C(r, 500);
-  const e = r.match(/^(.+)-(\d+)$/);
-  if (!e || !S.has(e[1])) return null;
-  const n = Number(e[2]);
-  return L.has(n) ? C(e[1], n) : null;
-}, v = (r) => r ? V(r) ? f[r] : G(r) : f.primary, I = c({
-  color: {
-    type: String,
-    default: "primary"
-  }
-});
-function j(r) {
-  return {
-    colorStyles: t(() => {
-      const n = a(r.color);
-      return {
-        "--g-color": A(n),
-        "--g-on-color": P(n),
-        "--g-surface-color": "var(--g-token-color-surface)",
-        "--g-on-surface-color": "var(--g-token-color-on-surface)"
-      };
-    })
-  };
-}
-function K(r) {
-  const e = t(() => {
-    const i = a(r.activeState);
-    return a(r.active) && i !== void 0 ? i : a(r.state);
-  }), n = t(() => {
-    const i = e.value;
-    if (i)
-      return i;
-    const g = a(r.activeColor);
-    return a(r.active) && g !== void 0 ? g : a(r.color);
-  }), { colorStyles: s } = j({ color: n }), o = R(n), l = t(
-    () => ({
-      "--g-gradient-current": o.value
-    })
-  ), u = t(() => [
-    s.value,
-    l.value
-  ]);
-  return {
-    resolvedColor: n,
-    resolvedState: e,
-    resolvedGradient: o,
-    colorStyles: s,
-    surfaceColorStyles: s,
-    gradientCurrentStyles: l,
-    gradientStyles: u
-  };
-}
-const nr = (r) => t(() => {
-  const e = a(r);
-  return e === "" || e === null || e === void 0 ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
-}), N = c({
-  variant: {
-    type: String,
-    default: "default"
-  }
-});
-function z(r, e) {
-  return t(() => `${e}_${r.variant}`);
-}
-const F = c({
-  state: String
-});
-function U(r, e) {
-  return t(() => r.state ? `${e}_${r.state}` : "");
-}
-const H = c({
-  backdropBlur: {
-    type: [Number, String],
-    default: 2
-  }
-}), W = (r) => r === void 0 ? "6px" : typeof r == "number" ? `${r}px` : /^\d+(\.\d+)?$/.test(r) ? `${r}px` : r, or = (r) => {
-  const e = t(() => W(a(r.backdropBlur))), n = t(() => ({
-    "--g-glass-backdrop-blur": e.value
-  }));
-  return {
-    backdropBlur: e,
-    glassStyles: n
-  };
-}, q = c({
-  texture: {
-    type: String,
-    default: "none"
-  }
-}), ar = c({
-  ...N(),
-  ...I(),
-  ...p(),
-  ...E(),
-  ...F(),
-  ...H(),
-  ...q()
-});
-function sr(r, e) {
-  const n = z(r, e), s = x(r, e), o = h(r, e), l = U(r, e), u = t(
-    () => r.texture && r.texture !== "none" ? `${e}_texture-${r.texture}` : ""
-  ), { colorStyles: i } = K(r), g = t(
-    () => [
-      n.value,
-      s.value,
-      o.value,
-      l.value,
-      u.value
-    ].filter(Boolean)
-  );
-  return {
-    variantClass: n,
-    disabledClass: s,
-    roundedClass: o,
-    stateClass: l,
-    textureClass: u,
-    surfaceStyles: i,
-    surfaceClasses: g
-  };
-}
-function Y(r) {
-  return {
-    surfaceUnderlayClasses: t(() => [
-      `${r}__surface-underlay`
-    ])
-  };
-}
-function J(r) {
-  return {
-    surfaceOverlayClasses: t(() => [
-      `${r}__surface-overlay`
-    ])
-  };
-}
-function Q(r) {
-  return {
-    surfaceTextureClasses: t(() => [
-      `${r}__surface-texture`
-    ])
-  };
-}
-function X(r) {
-  const e = t(() => [
-    `${r}__surface-material-morph`
-  ]);
-  return {
-    surfaceMaterialMorphBlobClasses: t(() => [
-      `${r}__surface-material-morph-blob`
-    ]),
-    surfaceMaterialMorphClasses: e
-  };
-}
-function Z(r) {
-  return {
-    surfaceContentClasses: t(() => [
-      `${r}__surface-content`
-    ])
-  };
-}
-function ur(r) {
-  return {
-    ...X(r),
-    ...Y(r),
-    ...J(r),
-    ...Q(r),
-    ...Z(r)
-  };
-}
-export {
-  T as S,
-  H as a,
-  w as b,
-  P as c,
-  or as d,
-  R as e,
-  q as f,
-  F as g,
-  E as h,
-  K as i,
-  nr as j,
-  ur as k,
-  p as l,
-  I as m,
-  x as n,
-  U as o,
-  c as p,
-  h as q,
-  A as r,
-  N as s,
-  ar as t,
-  j as u,
-  sr as v,
-  z as w
-};

package/dist/surface-DB9flb-h.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),l=require("./camelToKebabCase-BQDotaQm.cjs"),D=require("@gradient-ui/gradient-engine");function u(e,r){return o=>{const a={};for(const n in e){const s=typeof e[n]=="object"&&e[n]!==null&&!Array.isArray(e[n])?{...e[n]}:{type:e[n]};o&&n in o&&(s.default=o[n]),r&&!s.source&&(s.source=r),a[n]=s}return a}}const C=u({disabled:Boolean});function S(e,r){return t.computed(()=>e.disabled?`${r}_disabled`:"")}const y=u({rounded:Boolean});function p(e,r){return t.computed(()=>e.rounded?`${r}_rounded`:"")}const k=["primary","main","error","warning","success","surface","on-surface"],_=e=>{const r=g(e);return r?r.color:e?l.parseColor(e)||P(e)?e:V(e)?`rgb(var(--g-color-${e}))`:e:d.primary.color},$=e=>{const r=g(e);return r?r.onColor:e?l.parseColor(e)?l.getContrastingColor(e):V(e)?`rgb(var(--g-color-on-${e}))`:d.primary.onColor:d.primary.onColor},O=e=>{if(!e)return d.primary.gradient;const r=g(e);return r?r.gradient:l.parseColor(e)?D.createGradientFromColor(e):e.includes("gradient(")||e.startsWith("var(")?e:`var(--g-gradient-${e}, var(--g-gradient-main))`},b=e=>t.computed(()=>O(t.toValue(e))),v=(e,r)=>({color:`rgb(var(--g-color-${e}-${r}))`,onColor:`rgb(var(--g-color-on-${e}-${r}))`,gradient:`var(--g-gradient-${e}-${r})`}),d={primary:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},main:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},error:{color:"var(--g-token-color-error)",onColor:"var(--g-token-color-on-error)",gradient:"var(--g-gradient-error)"},warning:{color:"var(--g-token-color-warning)",onColor:"var(--g-token-color-on-warning)",gradient:"var(--g-gradient-warning)"},success:{color:"var(--g-token-color-success)",onColor:"var(--g-token-color-on-success)",gradient:"var(--g-gradient-success)"},surface:{color:"var(--g-token-color-surface)",onColor:"var(--g-token-color-on-surface)",gradient:"var(--g-gradient-source-500)"},"on-surface":{color:"var(--g-token-color-on-surface)",onColor:"var(--g-token-color-surface)",gradient:"var(--g-gradient-source-500)"}},m=new Set(["source",...Object.keys(l.COLOR_SEEDS).map(l.camelToKebabCase)]),G=new Set(l.COLOR_SHADES),B=new Set(k),I=new Set(["transparent","currentColor","currentcolor","inherit","initial","revert","unset","black","white"]),K=/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/,N=e=>B.has(e),P=e=>I.has(e),V=e=>K.test(e)&&!P(e),j=e=>{if(m.has(e))return v(e,500);const r=e.match(/^(.+)-(\d+)$/);if(!r||!m.has(r[1]))return null;const o=Number(r[2]);return G.has(o)?v(r[1],o):null},g=e=>e?N(e)?d[e]:j(e):d.primary,x=u({color:{type:String,default:"primary"}});function E(e){return{colorStyles:t.computed(()=>{const o=t.toValue(e.color);return{"--g-color":_(o),"--g-on-color":$(o),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}function T(e){const r=t.computed(()=>{const c=t.toValue(e.activeState);return t.toValue(e.active)&&c!==void 0?c:t.toValue(e.state)}),o=t.computed(()=>{const c=r.value;if(c)return c;const f=t.toValue(e.activeColor);return t.toValue(e.active)&&f!==void 0?f:t.toValue(e.color)}),{colorStyles:a}=E({color:o}),n=b(o),i=t.computed(()=>({"--g-gradient-current":n.value})),s=t.computed(()=>[a.value,i.value]);return{resolvedColor:o,resolvedState:r,resolvedGradient:n,colorStyles:a,surfaceColorStyles:a,gradientCurrentStyles:i,gradientStyles:s}}const F=e=>t.computed(()=>{const r=t.toValue(e);return r===""||r===null||r===void 0?"":typeof r=="number"?`${r}px`:/^\d+(\.\d+)?$/.test(r)?`${r}px`:r}),R=u({variant:{type:String,default:"default"}});function A(e,r){return t.computed(()=>`${r}_${e.variant}`)}const h=u({state:String});function L(e,r){return t.computed(()=>e.state?`${r}_${e.state}`:"")}const M=u({backdropBlur:{type:[Number,String],default:2}}),q=e=>e===void 0?"6px":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,z=e=>{const r=t.computed(()=>q(t.toValue(e.backdropBlur))),o=t.computed(()=>({"--g-glass-backdrop-blur":r.value}));return{backdropBlur:r,glassStyles:o}},w=u({texture:{type:String,default:"none"}}),U=u({...R(),...x(),...C(),...y(),...h(),...M(),...w()});function H(e,r){const o=A(e,r),a=S(e,r),n=p(e,r),i=L(e,r),s=t.computed(()=>e.texture&&e.texture!=="none"?`${r}_texture-${e.texture}`:""),{colorStyles:c}=T(e),f=t.computed(()=>[o.value,a.value,n.value,i.value,s.value].filter(Boolean));return{variantClass:o,disabledClass:a,roundedClass:n,stateClass:i,textureClass:s,surfaceStyles:c,surfaceClasses:f}}function W(e){return{surfaceUnderlayClasses:t.computed(()=>[`${e}__surface-underlay`])}}function Y(e){return{surfaceOverlayClasses:t.computed(()=>[`${e}__surface-overlay`])}}function J(e){return{surfaceTextureClasses:t.computed(()=>[`${e}__surface-texture`])}}function Q(e){const r=t.computed(()=>[`${e}__surface-material-morph`]);return{surfaceMaterialMorphBlobClasses:t.computed(()=>[`${e}__surface-material-morph-blob`]),surfaceMaterialMorphClasses:r}}function X(e){return{surfaceContentClasses:t.computed(()=>[`${e}__surface-content`])}}function Z(e){return{...Q(e),...W(e),...Y(e),...J(e),...X(e)}}exports.SEMANTIC_COLORS=k;exports.makeColorProps=x;exports.makeDisabledProps=C;exports.makeGlassProps=M;exports.makeRoundedProps=y;exports.makeStateProps=h;exports.makeSurfaceProps=U;exports.makeSurfaceTextureProps=w;exports.makeVariantProps=R;exports.propsFactory=u;exports.resolveColorValue=_;exports.resolveGradientValue=O;exports.resolveOnColorValue=$;exports.useColor=E;exports.useDisabled=S;exports.useGlass=z;exports.usePx=F;exports.useResolveGradientValue=b;exports.useRounded=p;exports.useState=L;exports.useSurface=H;exports.useSurfaceColor=T;exports.useSurfaceLayers=Z;exports.useVariant=A;

package/dist/useSnackbar-6OiYxhJA.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),E=require("./GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs"),S=require("./materialSurface-DOfA2E9c.cjs"),b=require("./surface-DB9flb-h.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;