@stachelock/ui 0.5.4 → 0.6.1

package/dist/components/Banner.js

@@ -1,203 +1,26 @@
-import { createElementBlock as t, openBlock as s, createElementVNode as o, defineComponent as J, useSlots as K, ref as O, watch as P, computed as u, createBlock as x, createCommentVNode as h, Transition as Q, withCtx as R, normalizeStyle as H, normalizeClass as a, renderSlot as i, resolveDynamicComponent as L, createTextVNode as Z, toDisplayString as f, Fragment as I, renderList as S, createVNode as T, unref as F } from "vue";
-import { r as z } from "../ExclamationCircleIcon-DjxYk45_.js";
-import { r as X } from "../ExclamationTriangleIcon-BNKYmV_J.js";
-import { a as D, r as N } from "../InformationCircleIcon-B322GNIt.js";
-import { r as E } from "../XMarkIcon-DNvCkiOy.js";
-import { _ as Y } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-function ee(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-    })
-  ]);
-}
-function se(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"
-    }),
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"
-    })
-  ]);
-}
-function te(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
-    })
-  ]);
-}
-function le(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"
-    })
-  ]);
-}
-function oe(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"
-    })
-  ]);
-}
-function ne(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"
-    })
-  ]);
-}
-function re(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
-    })
-  ]);
-}
-function ae(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"
-    })
-  ]);
-}
-function ie(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"
-    })
-  ]);
-}
-function ce(n, c) {
-  return s(), t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
-    })
-  ]);
-}
+import { defineComponent as J, useSlots as K, ref as O, watch as P, computed as c, createBlock as f, openBlock as l, Teleport as Q, createElementBlock as o, createCommentVNode as u, Transition as Y, withCtx as Z, normalizeStyle as T, normalizeClass as n, createElementVNode as d, renderSlot as i, resolveDynamicComponent as A, createTextVNode as F, toDisplayString as v, Fragment as z, renderList as D, createVNode as N, unref as j } from "vue";
+import { XMarkIcon as E } from "@heroicons/vue/20/solid";
+import { GiftIcon as _, FireIcon as ee, ShieldCheckIcon as se, LightBulbIcon as le, HeartIcon as te, StarIcon as oe, BellIcon as ne, MegaphoneIcon as ie, RocketLaunchIcon as ae, SparklesIcon as re, ExclamationCircleIcon as L, ExclamationTriangleIcon as ce, CheckCircleIcon as M, InformationCircleIcon as U } from "@heroicons/vue/24/outline";
+import { _ as ue } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const de = {
   key: 0,
   class: "sl-flex-shrink-0"
-}, ue = { class: "sl-flex-1 sl-min-w-0" }, he = {
+}, me = { class: "sl-flex-1 sl-min-w-0" }, he = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
-}, me = ["onClick"], ve = {
+}, fe = ["onClick"], ve = {
   key: 2,
   class: "sl-flex-shrink-0 sl-ml-2"
-}, fe = {
+}, ge = {
   key: 0,
   class: "sl-flex-shrink-0"
-}, ge = { class: "sl-flex-1 sl-min-w-0" }, we = {
+}, ye = { class: "sl-flex-1 sl-min-w-0" }, be = {
   key: 1,
   class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
 }, pe = ["onClick"], ke = {
   key: 2,
   class: "sl-flex-shrink-0 sl-ml-2"
-}, ye = /* @__PURE__ */ J({
+}, xe = /* @__PURE__ */ J({
   __name: "UiBanner",
   props: {
     theme: { default: "info" },
@@ -217,35 +40,35 @@ const de = {
     centered: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "dismiss", "action"],
-  setup(n, { emit: c }) {
-    const l = n, g = c, U = K(), w = O(l.modelValue);
-    P(() => l.modelValue, (e) => {
-      w.value = e;
+  setup(a, { emit: W }) {
+    const s = a, g = W, G = K(), y = O(s.modelValue);
+    P(() => s.modelValue, (e) => {
+      y.value = e;
     });
-    const p = u({
-      get: () => w.value,
+    const b = c({
+      get: () => y.value,
       set: (e) => {
-        w.value = e, g("update:modelValue", e);
+        y.value = e, g("update:modelValue", e);
       }
-    }), W = {
-      info: N,
-      information: N,
-      success: D,
-      check: D,
-      warning: X,
-      error: z,
-      danger: z,
-      sparkles: ie,
-      rocket: re,
-      megaphone: ne,
-      bell: ee,
-      star: ce,
-      heart: le,
-      lightbulb: oe,
-      shield: ae,
-      fire: se,
-      gift: te
-    }, q = {
+    }), R = {
+      info: U,
+      information: U,
+      success: M,
+      check: M,
+      warning: ce,
+      error: L,
+      danger: L,
+      sparkles: re,
+      rocket: ae,
+      megaphone: ie,
+      bell: ne,
+      star: oe,
+      heart: te,
+      lightbulb: le,
+      shield: se,
+      fire: ee,
+      gift: _
+    }, X = {
       info: "info",
       success: "success",
       warning: "warning",
@@ -253,11 +76,11 @@ const de = {
       primary: "megaphone",
       secondary: "info",
       dark: "info"
-    }, v = u(() => {
-      if (l.icon === !1) return null;
-      const e = l.icon || q[l.theme];
-      return W[e] || null;
-    }), k = {
+    }, h = c(() => {
+      if (s.icon === !1) return null;
+      const e = s.icon || X[s.theme];
+      return R[e] || null;
+    }), p = {
       info: {
         bg: "sl-bg-blue-600",
         text: "sl-text-white",
@@ -300,29 +123,29 @@ const de = {
         icon: "sl-text-gray-400",
         dismissHover: "hover:sl-bg-gray-800 dark:hover:sl-bg-gray-700"
       }
-    }, b = u(() => {
-      const e = k[l.theme], r = [
+    }, x = c(() => {
+      const e = p[s.theme], t = [
         e.bg,
         e.text
       ];
-      return l.position === "top" ? r.push("sl-fixed sl-top-0 sl-left-0 sl-right-0") : l.position === "bottom" && r.push("sl-fixed sl-bottom-0 sl-left-0 sl-right-0"), l.sticky && l.position === "inline" && r.push("sl-sticky sl-top-0"), l.fullWidth && r.push("sl-w-full"), l.rounded && l.position === "inline" && r.push("sl-rounded-lg"), r.join(" ");
-    }), $ = u(() => ({
-      zIndex: l.zIndex
-    })), C = u(() => {
+      return s.position === "top" ? t.push("sl-fixed sl-top-0 sl-left-0 sl-right-0") : s.position === "bottom" && t.push("sl-fixed sl-bottom-0 sl-left-0 sl-right-0"), s.sticky && s.position === "inline" && t.push("sl-sticky sl-top-0"), s.fullWidth && t.push("sl-w-full"), s.rounded && s.position === "inline" && t.push("sl-rounded-lg"), t.join(" ");
+    }), w = c(() => ({
+      zIndex: s.zIndex
+    })), C = c(() => {
       const e = [
         "sl-flex",
         "sl-items-center",
         "sl-gap-x-4"
       ];
-      return l.compact ? e.push("sl-px-4 sl-py-2") : e.push("sl-px-6 sl-py-3 sm:sl-px-4"), l.centered && e.push("sl-justify-center"), e.join(" ");
-    }), B = u(() => `sl-h-5 sl-w-5 ${k[l.theme].icon}`), M = u(() => "sl-text-sm sl-leading-6"), _ = u(() => [
+      return s.compact ? e.push("sl-px-4 sl-py-2") : e.push("sl-px-6 sl-py-3 sm:sl-px-4"), s.centered && e.push("sl-justify-center"), e.join(" ");
+    }), I = c(() => `sl-h-5 sl-w-5 ${p[s.theme].icon}`), $ = c(() => "sl-text-sm sl-leading-6"), B = c(() => [
       "sl--m-1.5 sl-p-1.5",
       "sl-rounded-md",
       "sl-transition-colors",
       "focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-white/50",
-      k[l.theme].dismissHover
-    ].join(" ")), m = u(() => {
-      const e = l.position === "bottom" ? "sl-translate-y-full" : "sl--translate-y-full";
+      p[s.theme].dismissHover
+    ].join(" ")), m = c(() => {
+      const e = s.position === "bottom" ? "sl-translate-y-full" : "sl--translate-y-full";
       return {
         enterActive: "sl-transform sl-transition sl-duration-300 sl-ease-out",
         enterFrom: `sl-opacity-0 ${e}`,
@@ -331,8 +154,8 @@ const de = {
         leaveFrom: "sl-opacity-100 sl-translate-y-0",
         leaveTo: `sl-opacity-0 ${e}`
       };
-    }), A = u(() => l.actions && l.actions.length > 0 || U.actions);
-    function j(e) {
+    }), V = c(() => s.actions && s.actions.length > 0 || G.actions);
+    function S(e) {
       return `sl-text-xs sl-font-semibold sl-rounded-md sl-px-3 sl-py-1.5 sl-transition-colors ${{
         primary: "sl-bg-white sl-text-gray-900 hover:sl-bg-gray-100",
         secondary: "sl-bg-white/20 sl-text-white hover:sl-bg-white/30",
@@ -340,137 +163,141 @@ const de = {
         danger: "sl-bg-red-500 sl-text-white hover:sl-bg-red-600"
       }[e.theme || "primary"]}`;
     }
-    function y() {
-      p.value = !1, g("dismiss");
+    function k() {
+      b.value = !1, g("dismiss");
     }
-    function V(e) {
-      g("action", e), e.action === "dismiss" ? y() : e.action === "link" && e.href ? e.target === "_blank" ? window.open(e.href, "_blank") : window.location.href = e.href : e.action === "callback" && e.callback && e.callback();
+    function H(e) {
+      g("action", e), e.action === "dismiss" ? k() : e.action === "link" && e.href ? e.target === "_blank" ? window.open(e.href, "_blank") : window.location.href = e.href : e.action === "callback" && e.callback && e.callback();
     }
-    return (e, r) => n.animated ? (s(), x(Q, {
-      key: 0,
-      "enter-active-class": m.value.enterActive,
-      "enter-from-class": m.value.enterFrom,
-      "enter-to-class": m.value.enterTo,
-      "leave-active-class": m.value.leaveActive,
-      "leave-from-class": m.value.leaveFrom,
-      "leave-to-class": m.value.leaveTo
-    }, {
-      default: R(() => [
-        p.value ? (s(), t("div", {
-          key: 0,
-          class: a(b.value),
-          style: H($.value)
-        }, [
-          o("div", {
-            class: a(C.value)
+    return (e, t) => (l(), f(Q, {
+      to: "body",
+      disabled: a.position === "inline"
+    }, [
+      a.animated ? (l(), f(Y, {
+        key: 0,
+        "enter-active-class": m.value.enterActive,
+        "enter-from-class": m.value.enterFrom,
+        "enter-to-class": m.value.enterTo,
+        "leave-active-class": m.value.leaveActive,
+        "leave-from-class": m.value.leaveFrom,
+        "leave-to-class": m.value.leaveTo
+      }, {
+        default: Z(() => [
+          b.value ? (l(), o("div", {
+            key: 0,
+            class: n(x.value),
+            style: T(w.value)
           }, [
-            n.showIcon || e.$slots.icon ? (s(), t("div", de, [
-              i(e.$slots, "icon", {}, () => [
-                v.value ? (s(), x(L(v.value), {
-                  key: 0,
-                  class: a(B.value),
-                  "aria-hidden": "true"
-                }, null, 8, ["class"])) : h("", !0)
-              ], !0)
-            ])) : h("", !0),
-            i(e.$slots, "leading", {}, void 0, !0),
-            o("div", ue, [
-              o("div", {
-                class: a(M.value)
-              }, [
-                i(e.$slots, "default", {}, () => [
-                  Z(f(n.content), 1)
+            d("div", {
+              class: n(C.value)
+            }, [
+              a.showIcon || e.$slots.icon ? (l(), o("div", de, [
+                i(e.$slots, "icon", {}, () => [
+                  h.value ? (l(), f(A(h.value), {
+                    key: 0,
+                    class: n(I.value),
+                    "aria-hidden": "true"
+                  }, null, 8, ["class"])) : u("", !0)
                 ], !0)
-              ], 2)
-            ]),
-            i(e.$slots, "trailing", {}, void 0, !0),
-            A.value ? (s(), t("div", he, [
-              i(e.$slots, "actions", {}, () => [
-                (s(!0), t(I, null, S(n.actions, (d) => (s(), t("button", {
-                  key: d.label,
-                  type: "button",
-                  class: a(j(d)),
-                  onClick: (G) => V(d)
-                }, f(d.label), 11, me))), 128))
-              ], !0)
-            ])) : h("", !0),
-            n.dismissible ? (s(), t("div", ve, [
-              i(e.$slots, "dismiss", {}, () => [
-                o("button", {
-                  type: "button",
-                  class: a(_.value),
-                  onClick: y
+              ])) : u("", !0),
+              i(e.$slots, "leading", {}, void 0, !0),
+              d("div", me, [
+                d("div", {
+                  class: n($.value)
                 }, [
-                  r[0] || (r[0] = o("span", { class: "sl-sr-only" }, "Dismiss", -1)),
-                  T(F(E), {
-                    class: "sl-h-5 sl-w-5",
-                    "aria-hidden": "true"
-                  })
+                  i(e.$slots, "default", {}, () => [
+                    F(v(a.content), 1)
+                  ], !0)
                 ], 2)
-              ], !0)
-            ])) : h("", !0)
-          ], 2)
-        ], 6)) : h("", !0)
-      ]),
-      _: 3
-    }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"])) : p.value ? (s(), t("div", {
-      key: 1,
-      class: a(b.value),
-      style: H($.value)
-    }, [
-      o("div", {
-        class: a(C.value)
+              ]),
+              i(e.$slots, "trailing", {}, void 0, !0),
+              V.value ? (l(), o("div", he, [
+                i(e.$slots, "actions", {}, () => [
+                  (l(!0), o(z, null, D(a.actions, (r) => (l(), o("button", {
+                    key: r.label,
+                    type: "button",
+                    class: n(S(r)),
+                    onClick: (q) => H(r)
+                  }, v(r.label), 11, fe))), 128))
+                ], !0)
+              ])) : u("", !0),
+              a.dismissible ? (l(), o("div", ve, [
+                i(e.$slots, "dismiss", {}, () => [
+                  d("button", {
+                    type: "button",
+                    class: n(B.value),
+                    onClick: k
+                  }, [
+                    t[0] || (t[0] = d("span", { class: "sl-sr-only" }, "Dismiss", -1)),
+                    N(j(E), {
+                      class: "sl-h-5 sl-w-5",
+                      "aria-hidden": "true"
+                    })
+                  ], 2)
+                ], !0)
+              ])) : u("", !0)
+            ], 2)
+          ], 6)) : u("", !0)
+        ]),
+        _: 3
+      }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"])) : b.value ? (l(), o("div", {
+        key: 1,
+        class: n(x.value),
+        style: T(w.value)
       }, [
-        n.showIcon || e.$slots.icon ? (s(), t("div", fe, [
-          i(e.$slots, "icon", {}, () => [
-            v.value ? (s(), x(L(v.value), {
-              key: 0,
-              class: a(B.value),
-              "aria-hidden": "true"
-            }, null, 8, ["class"])) : h("", !0)
-          ], !0)
-        ])) : h("", !0),
-        i(e.$slots, "leading", {}, void 0, !0),
-        o("div", ge, [
-          o("div", {
-            class: a(M.value)
-          }, [
-            i(e.$slots, "default", {}, () => [
-              Z(f(n.content), 1)
+        d("div", {
+          class: n(C.value)
+        }, [
+          a.showIcon || e.$slots.icon ? (l(), o("div", ge, [
+            i(e.$slots, "icon", {}, () => [
+              h.value ? (l(), f(A(h.value), {
+                key: 0,
+                class: n(I.value),
+                "aria-hidden": "true"
+              }, null, 8, ["class"])) : u("", !0)
             ], !0)
-          ], 2)
-        ]),
-        i(e.$slots, "trailing", {}, void 0, !0),
-        A.value ? (s(), t("div", we, [
-          i(e.$slots, "actions", {}, () => [
-            (s(!0), t(I, null, S(n.actions, (d) => (s(), t("button", {
-              key: d.label,
-              type: "button",
-              class: a(j(d)),
-              onClick: (G) => V(d)
-            }, f(d.label), 11, pe))), 128))
-          ], !0)
-        ])) : h("", !0),
-        n.dismissible ? (s(), t("div", ke, [
-          i(e.$slots, "dismiss", {}, () => [
-            o("button", {
-              type: "button",
-              class: a(_.value),
-              onClick: y
+          ])) : u("", !0),
+          i(e.$slots, "leading", {}, void 0, !0),
+          d("div", ye, [
+            d("div", {
+              class: n($.value)
             }, [
-              r[1] || (r[1] = o("span", { class: "sl-sr-only" }, "Dismiss", -1)),
-              T(F(E), {
-                class: "sl-h-5 sl-w-5",
-                "aria-hidden": "true"
-              })
+              i(e.$slots, "default", {}, () => [
+                F(v(a.content), 1)
+              ], !0)
             ], 2)
-          ], !0)
-        ])) : h("", !0)
-      ], 2)
-    ], 6)) : h("", !0);
+          ]),
+          i(e.$slots, "trailing", {}, void 0, !0),
+          V.value ? (l(), o("div", be, [
+            i(e.$slots, "actions", {}, () => [
+              (l(!0), o(z, null, D(a.actions, (r) => (l(), o("button", {
+                key: r.label,
+                type: "button",
+                class: n(S(r)),
+                onClick: (q) => H(r)
+              }, v(r.label), 11, pe))), 128))
+            ], !0)
+          ])) : u("", !0),
+          a.dismissible ? (l(), o("div", ke, [
+            i(e.$slots, "dismiss", {}, () => [
+              d("button", {
+                type: "button",
+                class: n(B.value),
+                onClick: k
+              }, [
+                t[1] || (t[1] = d("span", { class: "sl-sr-only" }, "Dismiss", -1)),
+                N(j(E), {
+                  class: "sl-h-5 sl-w-5",
+                  "aria-hidden": "true"
+                })
+              ], 2)
+            ], !0)
+          ])) : u("", !0)
+        ], 2)
+      ], 6)) : u("", !0)
+    ], 8, ["disabled"]));
   }
-}), _e = /* @__PURE__ */ Y(ye, [["__scopeId", "data-v-e04de099"]]);
+}), Be = /* @__PURE__ */ ue(xe, [["__scopeId", "data-v-3b4f63ec"]]);
 export {
-  _e as default
+  Be as default
 };
-//# sourceMappingURL=Banner.js.map