@gradient-ui/core 0.6.0 → 1.0.0

package/dist/useSnackbar-us11nXny.js

@@ -1,922 +0,0 @@
-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-COggAM7a.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-CbOpfFGO.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-DImNM7I1.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
-};