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

package/dist/useSnackbar-BYPu4tJ4.js

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