little-dizzy 2.2.0 → 2.3.0

package/dist/little-dizzy.js

@@ -1,23 +1,23 @@
-import { createElementBlock as a, openBlock as n, normalizeClass as m, renderSlot as r, createCommentVNode as i, createElementVNode as e, toDisplayString as f, createTextVNode as v } from "vue";
-const d = (t, o) => {
-  const s = t.__vccOpts || t;
-  for (const [l, c] of o)
-    s[l] = c;
+import { createElementBlock as l, openBlock as a, normalizeClass as y, renderSlot as u, createCommentVNode as m, createElementVNode as o, toDisplayString as w, normalizeStyle as M, ref as k, createBlock as $, Teleport as S, createVNode as L, TransitionGroup as I, withCtx as E, Fragment as T, renderList as V, createTextVNode as j, createStaticVNode as O } from "vue";
+const g = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [i, d] of t)
+    s[i] = d;
   return s;
-}, g = ["disabled"], B = {
+}, A = ["disabled"], N = {
   __name: "Button",
   props: {
     // 按钮类型
     type: {
       type: String,
       default: "primary",
-      validator: (t) => ["primary", "success", "warning", "danger", "info", "secondary"].includes(t)
+      validator: (e) => ["primary", "success", "warning", "danger", "info", "secondary"].includes(e)
     },
     // 按钮尺寸
     size: {
       type: String,
       default: "medium",
-      validator: (t) => ["small", "medium", "large"].includes(t)
+      validator: (e) => ["small", "medium", "large"].includes(e)
     },
     // 是否为块级按钮
     block: {
@@ -31,30 +31,30 @@ const d = (t, o) => {
     }
   },
   emits: ["click"],
-  setup(t, { emit: o }) {
-    return (s, l) => (n(), a("button", {
-      class: m(["btn", [
-        `btn-${t.type}`,
-        `btn-${t.size}`,
-        { "btn-block": t.block },
-        { "btn-disabled": t.disabled }
+  setup(e, { emit: t }) {
+    return (s, i) => (a(), l("button", {
+      class: y(["btn", [
+        `btn-${e.type}`,
+        `btn-${e.size}`,
+        { "btn-block": e.block },
+        { "btn-disabled": e.disabled }
       ]]),
-      disabled: t.disabled,
-      onClick: l[0] || (l[0] = (c) => s.$emit("click", c))
+      disabled: e.disabled,
+      onClick: i[0] || (i[0] = (d) => s.$emit("click", d))
     }, [
-      r(s.$slots, "default", {}, void 0, !0)
-    ], 10, g));
+      u(s.$slots, "default", {}, void 0, !0)
+    ], 10, A));
   }
-}, $ = /* @__PURE__ */ d(B, [["__scopeId", "data-v-75f082b2"]]), z = {
+}, H = /* @__PURE__ */ g(N, [["__scopeId", "data-v-75f082b2"]]), F = {
   key: 0,
   class: "card-header"
-}, k = {
+}, Y = {
   key: 0,
   class: "card-header-title"
-}, w = { class: "card-body" }, C = {
+}, D = { class: "card-body" }, G = {
   key: 1,
   class: "card-footer"
-}, S = {
+}, R = {
   __name: "Card",
   props: {
     // 卡片标题
@@ -68,32 +68,32 @@ const d = (t, o) => {
       default: !0
     }
   },
-  setup(t) {
-    return (o, s) => (n(), a("div", {
-      class: m(["card", { "card-shadow": t.shadow }])
+  setup(e) {
+    return (t, s) => (a(), l("div", {
+      class: y(["card", { "card-shadow": e.shadow }])
     }, [
-      o.$slots.header || t.title ? (n(), a("div", z, [
-        t.title ? (n(), a("h3", k, f(t.title), 1)) : i("", !0),
-        r(o.$slots, "header", {}, void 0, !0)
-      ])) : i("", !0),
-      e("div", w, [
-        r(o.$slots, "default", {}, void 0, !0)
+      t.$slots.header || e.title ? (a(), l("div", F, [
+        e.title ? (a(), l("h3", Y, w(e.title), 1)) : m("", !0),
+        u(t.$slots, "header", {}, void 0, !0)
+      ])) : m("", !0),
+      o("div", D, [
+        u(t.$slots, "default", {}, void 0, !0)
       ]),
-      o.$slots.footer ? (n(), a("div", C, [
-        r(o.$slots, "footer", {}, void 0, !0)
-      ])) : i("", !0)
+      t.$slots.footer ? (a(), l("div", G, [
+        u(t.$slots, "footer", {}, void 0, !0)
+      ])) : m("", !0)
     ], 2));
   }
-}, M = /* @__PURE__ */ d(S, [["__scopeId", "data-v-2d83e63a"]]), L = { class: "modal-dialog" }, x = { class: "modal-content" }, E = { class: "modal-header" }, I = {
+}, U = /* @__PURE__ */ g(R, [["__scopeId", "data-v-2d83e63a"]]), W = { class: "modal-dialog" }, q = { class: "modal-header" }, P = {
   key: 0,
   class: "modal-header-title"
-}, O = { class: "modal-body" }, j = {
+}, X = { class: "modal-body" }, J = {
   key: 0,
   class: "modal-footer"
-}, D = {
+}, K = {
   key: 1,
   class: "modal-footer"
-}, N = {
+}, Q = {
   __name: "Modal",
   props: {
     // 是否显示模态框
@@ -106,6 +106,10 @@ const d = (t, o) => {
       type: String,
       default: ""
     },
+    width: {
+      type: String,
+      default: "500px"
+    },
     // 是否显示默认底部按钮
     showFooter: {
       type: Boolean,
@@ -113,75 +117,297 @@ const d = (t, o) => {
     }
   },
   emits: ["close", "cancel", "confirm"],
-  setup(t, { emit: o }) {
-    const s = o, l = () => {
+  setup(e, { emit: t }) {
+    const s = t, i = () => {
       s("close");
-    }, c = () => {
+    }, d = () => {
       s("cancel");
-    }, b = () => {
+    }, f = () => {
       s("confirm");
     };
-    return (u, Y) => t.visible ? (n(), a("div", {
+    return (c, h) => e.visible ? (a(), l("div", {
       key: 0,
-      class: m(["modal", { "modal-show": t.visible }])
+      class: y(["modal", { "modal-show": e.visible }])
     }, [
-      e("div", L, [
-        e("div", x, [
-          e("div", E, [
-            t.title ? (n(), a("h3", I, f(t.title), 1)) : i("", !0),
-            e("button", {
+      o("div", W, [
+        o("div", {
+          class: "modal-content",
+          style: M({ width: e.width })
+        }, [
+          o("div", q, [
+            e.title ? (a(), l("h3", P, w(e.title), 1)) : m("", !0),
+            o("button", {
               class: "modal-header-close",
-              onClick: l
+              onClick: i
             }, "×")
           ]),
-          e("div", O, [
-            r(u.$slots, "default", {}, void 0, !0)
+          o("div", X, [
+            u(c.$slots, "default", {}, void 0, !0)
           ]),
-          u.$slots.footer ? (n(), a("div", j, [
-            r(u.$slots, "footer", {}, void 0, !0)
-          ])) : t.showFooter ? (n(), a("div", D, [
-            e("button", {
+          c.$slots.footer ? (a(), l("div", J, [
+            u(c.$slots, "footer", {}, void 0, !0)
+          ])) : e.showFooter ? (a(), l("div", K, [
+            o("button", {
               class: "btn btn-secondary",
-              onClick: c
+              onClick: d
             }, "取消"),
-            e("button", {
+            o("button", {
               class: "btn btn-primary",
-              onClick: b
+              onClick: f
             }, "确定")
-          ])) : i("", !0)
-        ])
+          ])) : m("", !0)
+        ], 4)
       ])
-    ], 2)) : i("", !0);
+    ], 2)) : m("", !0);
+  }
+}, Z = /* @__PURE__ */ g(Q, [["__scopeId", "data-v-39af2dcd"]]), ee = ["innerHTML"], te = { class: "text-sm font-medium" }, se = ["onClick"], oe = /* @__PURE__ */ Object.assign({
+  name: "Message"
+}, {
+  __name: "Message",
+  setup(e, { expose: t }) {
+    const s = k([]), i = {
+      success: "bg-emerald-500/95 text-white",
+      warning: "bg-amber-500/95 text-white",
+      error: "bg-rose-500/95 text-white",
+      info: "bg-sky-500/95 text-white"
+    }, d = {
+      success: `<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+    <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>`,
+      warning: `<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+  </svg>`,
+      error: `<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+    <circle cx="12" cy="12" r="10"/>
+    <path d="M15 9l-6 6M9 9l6 6" stroke-linecap="round"/>
+  </svg>`,
+      info: `<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
+  </svg>`
+    };
+    let f = 0;
+    const c = (r) => {
+      const n = ++f, p = {
+        id: n,
+        type: r.type || "info",
+        content: r.content || "",
+        duration: r.duration ?? 3e3,
+        closable: r.closable ?? !1
+      };
+      return s.value.push(p), p.duration > 0 && setTimeout(() => {
+        h(n);
+      }, p.duration), n;
+    }, h = (r) => {
+      const n = s.value.findIndex((p) => p.id === r);
+      n > -1 && s.value.splice(n, 1);
+    };
+    return t({
+      addMessage: c,
+      removeMessage: h,
+      clearAll: () => {
+        s.value = [];
+      },
+      // Shorthand methods
+      success: (r, n = {}) => c({ ...n, type: "success", content: r }),
+      warning: (r, n = {}) => c({ ...n, type: "warning", content: r }),
+      error: (r, n = {}) => c({ ...n, type: "error", content: r }),
+      info: (r, n = {}) => c({ ...n, type: "info", content: r })
+    }), (r, n) => (a(), $(S, { to: "body" }, [
+      L(I, {
+        name: "message",
+        tag: "div",
+        class: "fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col items-center gap-3 pointer-events-none"
+      }, {
+        default: E(() => [
+          (a(!0), l(T, null, V(s.value, (p) => (a(), l("div", {
+            key: p.id,
+            class: y(["pointer-events-auto flex items-center gap-3 px-5 py-3 rounded-lg shadow-lg backdrop-blur-sm transition-all duration-300", i[p.type]])
+          }, [
+            o("span", {
+              class: "flex-shrink-0",
+              innerHTML: d[p.type]
+            }, null, 8, ee),
+            o("span", te, w(p.content), 1),
+            p.closable ? (a(), l("button", {
+              key: 0,
+              onClick: (Me) => h(p.id),
+              class: "flex-shrink-0 ml-2 p-1 rounded-full hover:bg-black/10 transition-colors"
+            }, [...n[0] || (n[0] = [
+              o("svg", {
+                class: "w-4 h-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                o("path", { d: "M18 6L6 18M6 6l12 12" })
+              ], -1)
+            ])], 8, se)) : m("", !0)
+          ], 2))), 128))
+        ]),
+        _: 1
+      })
+    ]));
   }
-}, V = /* @__PURE__ */ d(N, [["__scopeId", "data-v-c66cec30"]]), A = { class: "lzbutton-wrapper" }, F = /* @__PURE__ */ Object.assign({
+}), ne = /* @__PURE__ */ g(oe, [["__scopeId", "data-v-d727fd6c"]]);
+k([]);
+let ae = 0;
+const re = (e) => {
+  const t = ++ae, s = e.type || "info", i = e.content || "", d = e.duration ?? 3e3, f = e.closable ?? !1, c = document.createElement("div");
+  c.className = `ld-message ld-message--${s}`, c.setAttribute("data-id", t);
+  let b = `${{
+    success: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+      <path d="M20 6L9 17l-5-5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>`,
+    warning: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="currentColor">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+    </svg>`,
+    error: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+      <circle cx="12" cy="12" r="10"/>
+      <path d="M15 9l-6 6M9 9l6 6" stroke-linecap="round"/>
+    </svg>`,
+    info: `<svg class="ld-message-icon" viewBox="0 0 24 24" fill="currentColor">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
+    </svg>`
+  }[s]}<span class="ld-message-content">${i}</span>`;
+  return f && (b += `<button class="ld-message-close" onclick="window.__ldMessageClose(${t})">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M18 6L6 18M6 6l12 12"/>
+      </svg>
+    </button>`), c.innerHTML = b, { id: t, element: c, duration: d };
+}, le = () => {
+  let e = document.getElementById("ld-message-root");
+  if (!e) {
+    e = document.createElement("div"), e.id = "ld-message-root", document.body.appendChild(e);
+    const t = document.createElement("style");
+    t.textContent = `
+      #ld-message-root {
+        position: fixed;
+        top: 16px;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 9999;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 12px;
+        pointer-events: none;
+      }
+      .ld-message {
+        pointer-events: auto;
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px 20px;
+        border-radius: 8px;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+        backdrop-filter: blur(8px);
+        animation: ldMessageIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        font-size: 14px;
+        font-weight: 500;
+      }
+      .ld-message.ld-message--closing {
+        animation: ldMessageOut 0.2s ease-in forwards;
+      }
+      .ld-message--success { background: rgba(16, 185, 129, 0.95); color: white; }
+      .ld-message--warning { background: rgba(245, 158, 11, 0.95); color: white; }
+      .ld-message--error { background: rgba(239, 68, 68, 0.95); color: white; }
+      .ld-message--info { background: rgba(14, 165, 233, 0.95); color: white; }
+      .ld-message-icon { width: 20px; height: 20px; flex-shrink: 0; }
+      .ld-message-content { white-space: nowrap; }
+      .ld-message-close {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
+        margin-left: 4px;
+        padding: 0;
+        border: none;
+        background: transparent;
+        color: currentColor;
+        cursor: pointer;
+        border-radius: 50%;
+        transition: background 0.2s;
+      }
+      .ld-message-close:hover { background: rgba(255,255,255,0.2); }
+      .ld-message-close svg { width: 14px; height: 14px; }
+      @keyframes ldMessageIn {
+        from { opacity: 0; transform: translateY(-20px) scale(0.9); }
+        to { opacity: 1; transform: translateY(0) scale(1); }
+      }
+      @keyframes ldMessageOut {
+        from { opacity: 1; transform: translateY(0) scale(1); }
+        to { opacity: 0; transform: translateY(-10px) scale(0.95); }
+      }
+    `, document.head.appendChild(t);
+  }
+  return e;
+}, _ = (e) => {
+  const t = document.getElementById("ld-message-root");
+  if (!t) return;
+  const s = t.querySelector(`[data-id="${e}"]`);
+  s && (s.classList.add("ld-message--closing"), setTimeout(() => {
+    s.remove();
+  }, 200));
+};
+typeof window < "u" && (window.__ldMessageClose = _);
+const v = (e) => {
+  const t = le(), { id: s, element: i, duration: d } = re(e);
+  return t.appendChild(i), d > 0 && setTimeout(() => {
+    _(s);
+  }, d), s;
+}, Se = {
+  success: (e, t = {}) => v({ ...t, type: "success", content: e }),
+  warning: (e, t = {}) => v({ ...t, type: "warning", content: e }),
+  error: (e, t = {}) => v({ ...t, type: "error", content: e }),
+  info: (e, t = {}) => v({ ...t, type: "info", content: e }),
+  close: _,
+  closeAll: () => {
+    const e = document.getElementById("ld-message-root");
+    e && (e.innerHTML = "");
+  }
+}, ie = { class: "lzbutton-wrapper" }, ce = { class: "button" }, de = /* @__PURE__ */ Object.assign({
   name: "Lzbutton"
 }, {
   __name: "lzbutton",
-  setup(t) {
-    return (o, s) => (n(), a("div", A, [...s[0] || (s[0] = [
-      e("button", { class: "button" }, [
-        e("svg", {
+  setup(e) {
+    return (t, s) => (a(), l("div", ie, [
+      o("button", ce, [
+        s[1] || (s[1] = o("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 36 24"
         }, [
-          e("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
-        ]),
-        v(" Unlock Pro ")
-      ], -1)
+          o("path", { d: "m18 0 8 12 10-8-4 20H4L0 4l10 8 8-12z" })
+        ], -1)),
+        u(t.$slots, "default", {}, () => [
+          s[0] || (s[0] = j("Unlock Pro", -1))
+        ], !0)
+      ])
+    ]));
+  }
+}), pe = /* @__PURE__ */ g(de, [["__scopeId", "data-v-7124b716"]]), ue = { class: "Lztext-wrapper" }, me = /* @__PURE__ */ Object.assign({
+  name: "Lztext"
+}, {
+  __name: "Lztext",
+  setup(e) {
+    return (t, s) => (a(), l("div", ue, [...s[0] || (s[0] = [
+      O('<div class="loader-wrapper" data-v-f22456dd><span class="loader-letter" data-v-f22456dd>G</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>e</span><span class="loader-letter" data-v-f22456dd>r</span><span class="loader-letter" data-v-f22456dd>a</span><span class="loader-letter" data-v-f22456dd>t</span><span class="loader-letter" data-v-f22456dd>i</span><span class="loader-letter" data-v-f22456dd>n</span><span class="loader-letter" data-v-f22456dd>g</span><div class="loader" data-v-f22456dd></div></div>', 1)
     ])]));
   }
-}), H = /* @__PURE__ */ d(F, [["__scopeId", "data-v-c2498af3"]]), P = { class: "lztheme-wrapper" }, R = /* @__PURE__ */ Object.assign({
+}), ge = /* @__PURE__ */ g(me, [["__scopeId", "data-v-f22456dd"]]), fe = { class: "lztheme-wrapper" }, he = /* @__PURE__ */ Object.assign({
   name: "Lztheme"
 }, {
   __name: "lztheme",
-  setup(t) {
-    return (o, s) => (n(), a("div", P, [...s[0] || (s[0] = [
-      e("label", {
+  setup(e) {
+    return (t, s) => (a(), l("div", fe, [...s[0] || (s[0] = [
+      o("label", {
         for: "theme",
         class: "theme"
       }, [
-        e("span", { class: "theme__toggle-wrap" }, [
-          e("input", {
+        o("span", { class: "theme__toggle-wrap" }, [
+          o("input", {
             id: "theme",
             class: "theme__toggle",
             type: "checkbox",
@@ -189,26 +415,27 @@ const d = (t, o) => {
             name: "theme",
             value: "dark"
           }),
-          e("span", { class: "theme__fill" }),
-          e("span", { class: "theme__icon" }, [
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" }),
-            e("span", { class: "theme__icon-part" })
+          o("span", { class: "theme__fill" }),
+          o("span", { class: "theme__icon" }, [
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" }),
+            o("span", { class: "theme__icon-part" })
           ])
         ])
       ], -1)
     ])]));
   }
-}), T = /* @__PURE__ */ d(R, [["__scopeId", "data-v-0b85d094"]]), U = {
-  Lzbutton: H,
-  Lztheme: T
-}, q = {
+}), ve = /* @__PURE__ */ g(he, [["__scopeId", "data-v-0b85d094"]]), ye = {
+  Lzbutton: pe,
+  Lztext: ge,
+  Lztheme: ve
+}, be = {
   name: "Button",
   type: "vue",
   label: "Button 按钮",
@@ -222,7 +449,7 @@ const d = (t, o) => {
 <script setup>
 import { Button } from 'little-dizzy'
 <\/script>`
-}, G = {
+}, we = {
   name: "Card",
   type: "vue",
   label: "Card 卡片",
@@ -242,7 +469,7 @@ import { Button } from 'little-dizzy'
 <script setup>
 import { Card, Button } from 'little-dizzy'
 <\/script>`
-}, J = {
+}, _e = {
   name: "Modal",
   type: "vue",
   label: "Modal 模态框",
@@ -267,62 +494,107 @@ import { Modal, Button } from 'little-dizzy'
 
 const visible = ref(false)
 <\/script>`
-}, K = [
-  q,
-  G,
-  J
-], p = /* @__PURE__ */ new Map();
-function _(t) {
-  return !t || !t.name ? (console.warn("[LittleDizzy] Snippet must have a name property"), !1) : (p.set(t.name, {
-    name: t.name,
-    type: t.type || "html",
-    label: t.label || t.name,
-    code: t.code || "",
-    isCustom: t.isCustom || !1,
-    ...t
+}, xe = {
+  name: "Message",
+  type: "vue",
+  label: "Message 消息提示",
+  code: `<template>
+  <div class="message-demo">
+    <Button type="success" @click="showSuccess">成功提示</Button>
+    <Button type="warning" @click="showWarning">警告提示</Button>
+    <Button type="danger" @click="showError">错误提示</Button>
+    <Button type="info" @click="showInfo">信息提示</Button>
+  </div>
+</template>
+
+<script setup>
+import { Button, message } from 'little-dizzy'
+
+const showSuccess = () => {
+  message.success('操作成功！')
+}
+
+const showWarning = () => {
+  message.warning('请注意！')
+}
+
+const showError = () => {
+  message.error('操作失败！')
+}
+
+const showInfo = () => {
+  message.info('这是一条提示信息', { duration: 5000, closable: true })
+}
+<\/script>
+
+<style scoped>
+.message-demo {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+</style>`
+}, ke = [
+  be,
+  we,
+  _e,
+  xe
+], x = /* @__PURE__ */ new Map();
+function B(e) {
+  return !e || !e.name ? (console.warn("[LittleDizzy] Snippet must have a name property"), !1) : (x.set(e.name, {
+    name: e.name,
+    type: e.type || "html",
+    label: e.label || e.name,
+    code: e.code || "",
+    isCustom: e.isCustom || !1,
+    ...e
   }), !0);
 }
-function h(t) {
-  if (!Array.isArray(t))
+function z(e) {
+  if (!Array.isArray(e))
     return console.warn("[LittleDizzy] registerSnippets expects an array"), 0;
-  let o = 0;
-  return t.forEach((s) => {
-    _(s) && o++;
-  }), o;
-}
-function Q() {
-  const t = {};
-  return p.forEach((o, s) => {
-    t[s] = o;
+  let t = 0;
+  return e.forEach((s) => {
+    B(s) && t++;
   }), t;
 }
-function W(t) {
-  return p.get(t);
+function Be() {
+  const e = {};
+  return x.forEach((t, s) => {
+    e[s] = t;
+  }), e;
+}
+function ze(e) {
+  return x.get(e);
 }
-h(K);
-const y = {
-  Button: $,
-  Card: M,
-  Modal: V,
-  ...U
-}, X = (t, o = {}) => {
-  Object.entries(y).forEach(([s, l]) => {
-    t.component(o.prefix ? `${o.prefix}${s}` : s, l);
+z(ke);
+const C = {
+  Button: H,
+  Card: U,
+  Modal: Z,
+  Message: ne,
+  ...ye
+}, Ce = (e, t = {}) => {
+  Object.entries(C).forEach(([s, i]) => {
+    e.component(t.prefix ? `${t.prefix}${s}` : s, i);
   });
-}, tt = Q, et = _, st = h, ot = W, at = {
-  install: X,
-  ...y
+}, Le = Be, Ie = B, Ee = z, Te = ze, Ve = {
+  install: Ce,
+  ...C
 };
 export {
-  $ as Button,
-  M as Card,
-  H as Lzbutton,
-  T as Lztheme,
-  V as Modal,
-  U as customComponents,
-  at as default,
-  ot as getSnippet,
-  et as registerSnippet,
-  st as registerSnippets,
-  tt as snippets
+  H as Button,
+  U as Card,
+  pe as Lzbutton,
+  ge as Lztext,
+  ve as Lztheme,
+  ne as Message,
+  Z as Modal,
+  ye as customComponents,
+  Ve as default,
+  Te as getSnippet,
+  Se as message,
+  Ie as registerSnippet,
+  Ee as registerSnippets,
+  Le as snippets
 };