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

package/dist/useSnackbar-DeNHZH8v.js

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