sm-click-library-ui 0.0.21 → 0.0.23

package/dist/sm-click-library-ui.es.js

@@ -1,188 +1,320 @@
-import { getCurrentScope as V, onScopeDispose as j, unref as L, watch as F, ref as S, computed as b, openBlock as v, createElementBlock as g, createElementVNode as f, toDisplayString as A, normalizeClass as C, renderSlot as W, createCommentVNode as w, pushScopeId as B, popScopeId as H } from "vue";
-function M(e) {
-  return V() ? (j(e), !0) : !1;
+import { getCurrentScope as T, onScopeDispose as V, unref as z, watch as D, ref as S, computed as k, openBlock as f, createElementBlock as p, createElementVNode as o, toDisplayString as x, normalizeClass as L, renderSlot as g, createCommentVNode as m, pushScopeId as M, popScopeId as O } from "vue";
+function G(e) {
+  return T() ? (V(e), !0) : !1;
 }
-function O(e) {
-  return typeof e == "function" ? e() : L(e);
+function E(e) {
+  return typeof e == "function" ? e() : z(e);
 }
-const I = typeof window < "u" && typeof document < "u";
+const A = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const D = Object.prototype.toString, N = (e) => D.call(e) === "[object Object]", y = () => {
-}, T = /* @__PURE__ */ G();
-function G() {
+const N = Object.prototype.toString, q = (e) => N.call(e) === "[object Object]", b = () => {
+}, H = /* @__PURE__ */ F();
+function F() {
   var e, l;
-  return I && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((l = window == null ? void 0 : window.navigator) == null ? void 0 : l.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+  return A && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((l = window == null ? void 0 : window.navigator) == null ? void 0 : l.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function _(e) {
+function v(e) {
   var l;
-  const s = O(e);
-  return (l = s == null ? void 0 : s.$el) != null ? l : s;
+  const n = E(e);
+  return (l = n == null ? void 0 : n.$el) != null ? l : n;
 }
-const z = I ? window : void 0;
-function k(...e) {
-  let l, s, n, r;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([s, n, r] = e, l = z) : [l, s, n, r] = e, !l)
-    return y;
-  Array.isArray(s) || (s = [s]), Array.isArray(n) || (n = [n]);
-  const a = [], p = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, d = (c, u, o, t) => (c.addEventListener(u, o, t), () => c.removeEventListener(u, o, t)), m = F(
-    () => [_(l), O(r)],
-    ([c, u]) => {
-      if (p(), !c)
+const B = A ? window : void 0;
+function y(...e) {
+  let l, n, t, r;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, t, r] = e, l = B) : [l, n, t, r] = e, !l)
+    return b;
+  Array.isArray(n) || (n = [n]), Array.isArray(t) || (t = [t]);
+  const c = [], _ = () => {
+    c.forEach((u) => u()), c.length = 0;
+  }, d = (u, h, s, i) => (u.addEventListener(h, s, i), () => u.removeEventListener(h, s, i)), w = D(
+    () => [v(l), E(r)],
+    ([u, h]) => {
+      if (_(), !u)
         return;
-      const o = N(u) ? { ...u } : u;
-      a.push(
-        ...s.flatMap((t) => n.map((i) => d(c, t, i, o)))
+      const s = q(h) ? { ...h } : h;
+      c.push(
+        ...n.flatMap((i) => t.map((a) => d(u, i, a, s)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), h = () => {
-    m(), p();
+  ), C = () => {
+    w(), _();
   };
-  return M(h), h;
+  return G(C), C;
 }
-let E = !1;
-function $(e, l, s = {}) {
-  const { window: n = z, ignore: r = [], capture: a = !0, detectIframe: p = !1 } = s;
-  if (!n)
-    return y;
-  T && !E && (E = !0, Array.from(n.document.body.children).forEach((o) => o.addEventListener("click", y)), n.document.documentElement.addEventListener("click", y));
+let $ = !1;
+function R(e, l, n = {}) {
+  const { window: t = B, ignore: r = [], capture: c = !0, detectIframe: _ = !1 } = n;
+  if (!t)
+    return b;
+  H && !$ && ($ = !0, Array.from(t.document.body.children).forEach((s) => s.addEventListener("click", b)), t.document.documentElement.addEventListener("click", b));
   let d = !0;
-  const m = (o) => r.some((t) => {
-    if (typeof t == "string")
-      return Array.from(n.document.querySelectorAll(t)).some((i) => i === o.target || o.composedPath().includes(i));
+  const w = (s) => r.some((i) => {
+    if (typeof i == "string")
+      return Array.from(t.document.querySelectorAll(i)).some((a) => a === s.target || s.composedPath().includes(a));
     {
-      const i = _(t);
-      return i && (o.target === i || o.composedPath().includes(i));
+      const a = v(i);
+      return a && (s.target === a || s.composedPath().includes(a));
     }
-  }), c = [
-    k(n, "click", (o) => {
-      const t = _(e);
-      if (!(!t || t === o.target || o.composedPath().includes(t))) {
-        if (o.detail === 0 && (d = !m(o)), !d) {
+  }), u = [
+    y(t, "click", (s) => {
+      const i = v(e);
+      if (!(!i || i === s.target || s.composedPath().includes(i))) {
+        if (s.detail === 0 && (d = !w(s)), !d) {
           d = !0;
           return;
         }
-        l(o);
+        l(s);
       }
-    }, { passive: !0, capture: a }),
-    k(n, "pointerdown", (o) => {
-      const t = _(e);
-      d = !m(o) && !!(t && !o.composedPath().includes(t));
+    }, { passive: !0, capture: c }),
+    y(t, "pointerdown", (s) => {
+      const i = v(e);
+      d = !w(s) && !!(i && !s.composedPath().includes(i));
     }, { passive: !0 }),
-    p && k(n, "blur", (o) => {
+    _ && y(t, "blur", (s) => {
       setTimeout(() => {
-        var t;
-        const i = _(e);
-        ((t = n.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(i != null && i.contains(n.document.activeElement)) && l(o);
+        var i;
+        const a = v(e);
+        ((i = t.document.activeElement) == null ? void 0 : i.tagName) === "IFRAME" && !(a != null && a.contains(t.document.activeElement)) && l(s);
       }, 0);
     })
   ].filter(Boolean);
-  return () => c.forEach((o) => o());
+  return () => u.forEach((s) => s());
 }
-const q = (e, l) => {
-  const s = e.__vccOpts || e;
-  for (const [n, r] of l)
-    s[n] = r;
-  return s;
-}, x = (e) => (B("data-v-a8f8c201"), e = e(), H(), e), R = {
-  key: 0,
-  class: "line-clamp-2 uppercase text-xs truncate text-white"
-}, Z = {
-  key: 1,
-  class: "line-clamp-2 uppercase text-xs truncate text-white"
-}, J = /* @__PURE__ */ x(() => /* @__PURE__ */ f("path", {
+const I = (e, l) => {
+  const n = e.__vccOpts || e;
+  for (const [t, r] of l)
+    n[t] = r;
+  return n;
+}, U = (e) => (M("data-v-af0111a4"), e = e(), O(), e), J = { class: "line-clamp-2 uppercase text-xs truncate text-white" }, K = /* @__PURE__ */ U(() => /* @__PURE__ */ o("path", {
   "fill-rule": "evenodd",
   d: "M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z",
   "clip-rule": "evenodd"
-}, null, -1)), K = [
-  J
-], Q = {
+}, null, -1)), Q = [
+  K
+], X = {
   key: 0,
   class: "select_widget_lib"
-}, U = { key: 0 }, X = {
-  key: 1,
-  class: "space-y-2"
-}, Y = /* @__PURE__ */ x(() => /* @__PURE__ */ f("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1)), ee = [
-  Y
-], te = /* @__PURE__ */ x(() => /* @__PURE__ */ f("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1)), oe = [
-  te
-], ne = {
+}, Y = {
   __name: "primary_select",
   props: {
-    titleFreeSlot: {
-      type: String,
-      default: "Free Slot"
-    },
-    selectConfig: {
+    config: {
       type: Object,
-      default: () => ({
-        chartsConfig: !1,
-        freeSlot: !1
-      })
+      default: {
+        title: "select_primary"
+      }
     }
   },
   emits: ["closeSelect"],
   setup(e, { emit: l }) {
-    const s = e, n = l, r = S(!1), a = S("Horizontal"), p = S(null), d = b(() => s.selectConfig.length > 0), m = b(
-      () => s.selectConfig.some((t) => t.chartsConfig)
-    ), h = b(
-      () => s.selectConfig.some((t) => t.freeSlot)
-    ), c = () => {
-      r.value = !r.value;
-    }, u = (t) => {
-      r.value = !1, a.value = t === "horizontal" ? "Vertical" : "Horizontal", n("closeSelect", t);
+    const n = e, t = S(!1), r = S(null);
+    k(
+      () => n.selectConfig.some((d) => d.freeSlot)
+    );
+    const c = () => {
+      t.value = !t.value;
     };
-    return $(p, () => {
-      r.value && (r.value = !1);
-    }), (t, i) => d.value ? (v(), g("div", {
-      key: 0,
+    return R(r, () => {
+      t.value && (t.value = !1);
+    }), (d, w) => (f(), p("div", {
       ref_key: "target",
-      ref: p,
+      ref: r,
       class: "relative w-full"
     }, [
-      f("button", {
+      o("button", {
         onClick: c,
         class: "bg-base-100 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"
       }, [
-        f("div", null, [
-          m.value ? (v(), g("p", R, A(a.value), 1)) : (v(), g("p", Z, A(e.titleFreeSlot), 1))
+        o("div", null, [
+          o("p", J, x(e.config.title), 1)
         ]),
-        f("div", null, [
-          (v(), g("svg", {
-            class: C([r.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
+        o("div", null, [
+          (f(), p("svg", {
+            class: L([t.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
             viewBox: "0 0 24 24"
-          }, K, 2))
+          }, Q, 2))
+        ])
+      ]),
+      t.value ? (f(), p("section", X, [
+        o("div", null, [
+          g(d.$slots, "free-slot", {}, void 0, !0)
+        ])
+      ])) : m("", !0)
+    ], 512));
+  }
+}, Z = /* @__PURE__ */ I(Y, [["__scopeId", "data-v-af0111a4"]]), j = (e) => (M("data-v-4c81a5bf"), e = e(), O(), e), ee = {
+  key: 0,
+  class: "modal_head_lib"
+}, te = /* @__PURE__ */ j(() => /* @__PURE__ */ o("div", { class: "modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70" }, null, -1)), oe = { class: "modal_responsive_lib" }, se = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, le = { class: "modal_size_lib lg:w-2/6" }, ne = { class: "modal_background_lib" }, ie = { class: "modal_tittle_lib text-current" }, re = /* @__PURE__ */ j(() => /* @__PURE__ */ o("svg", {
+  class: "h-5 w-5",
+  fill: "currentColor",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ o("path", {
+    "fill-rule": "evenodd",
+    d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+    "clip-rule": "evenodd"
+  })
+], -1)), ce = [
+  re
+], ae = { class: "p-4" }, de = { class: "w-full" }, ue = { class: "block" }, fe = { class: "modal_end_button_lib sm" }, pe = {
+  __name: "simple_modal",
+  props: {
+    isOpen: Boolean,
+    default: !1
+  },
+  emits: ["update:isOpen"],
+  setup(e, { emit: l }) {
+    const n = e, t = l, r = () => {
+      t("update:isOpen", !n.isOpen);
+    };
+    return (c, _) => e.isOpen ? (f(), p("div", ee, [
+      te,
+      o("div", oe, [
+        o("div", se, [
+          o("div", le, [
+            o("div", ne, [
+              o("div", ie, [
+                g(c.$slots, "header", {}, void 0, !0),
+                o("button", {
+                  onClick: r,
+                  class: "modal_close_button_lib",
+                  "data-modal-toggle": "editUserModal"
+                }, ce)
+              ]),
+              o("div", ae, [
+                o("div", de, [
+                  o("label", ue, [
+                    g(c.$slots, "body", {}, void 0, !0)
+                  ])
+                ])
+              ]),
+              o("div", fe, [
+                g(c.$slots, "footer", {}, void 0, !0)
+              ])
+            ])
+          ])
+        ])
+      ])
+    ])) : m("", !0);
+  }
+}, P = /* @__PURE__ */ I(pe, [["__scopeId", "data-v-4c81a5bf"]]), he = { class: "flex items-center gap-3 mb-2" }, _e = {
+  key: 0,
+  class: "text-green-500",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none"
+}, me = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM13.6103 8.18593C13.8511 7.84887 13.773 7.38046 13.4359 7.1397C13.0989 6.89894 12.6305 6.97701 12.3897 7.31407L9.1543 11.8436L7.53033 10.2197C7.23744 9.92678 6.76256 9.92678 6.46967 10.2197C6.17678 10.5126 6.17678 10.9874 6.46967 11.2803L8.71967 13.5303C8.87556 13.6862 9.09215 13.7656 9.31186 13.7474C9.53157 13.7293 9.73216 13.6153 9.8603 13.4359L13.6103 8.18593Z",
+  fill: "currentColor"
+}, null, -1), we = [
+  me
+], ve = {
+  key: 1,
+  class: "text-blue-400",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none"
+}, ge = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7V10.75C10.75 11.1642 10.4142 11.5 10 11.5C9.58579 11.5 9.25 11.1642 9.25 10.75V7C9.25 6.58579 9.58579 6.25 10 6.25ZM10 14.5C10.4142 14.5 10.75 14.1642 10.75 13.75C10.75 13.3358 10.4142 13 10 13C9.58579 13 9.25 13.3358 9.25 13.75C9.25 14.1642 9.58579 14.5 10 14.5Z",
+  fill: "currentColor"
+}, null, -1), be = [
+  ge
+], Ce = {
+  key: 2,
+  class: "text-yellow-400",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "22",
+  height: "20",
+  viewBox: "0 0 22 20",
+  fill: "none"
+}, ye = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M8.40123 2.0034C9.55572 0.0022862 12.4439 0.0022856 13.5983 2.0034L20.9527 14.7509C22.1065 16.7509 20.6631 19.2501 18.3541 19.2501H3.64546C1.33649 19.2501 -0.106939 16.7509 1.04691 14.7509L8.40123 2.0034ZM11 7.25C11.4142 7.25 11.75 7.58579 11.75 8V11.75C11.75 12.1642 11.4142 12.5 11 12.5C10.5858 12.5 10.25 12.1642 10.25 11.75V8C10.25 7.58579 10.5858 7.25 11 7.25ZM11 15.5C11.4142 15.5 11.75 15.1642 11.75 14.75C11.75 14.3358 11.4142 14 11 14C10.5858 14 10.25 14.3358 10.25 14.75C10.25 15.1642 10.5858 15.5 11 15.5Z",
+  fill: "currentColor"
+}, null, -1), xe = [
+  ye
+], Se = {
+  key: 3,
+  class: "w-6 h-6 text-red-500",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, $e = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm7.707-3.707a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z",
+  "clip-rule": "evenodd"
+}, null, -1), ke = [
+  $e
+], Le = { class: "font-bold" }, Me = { class: "text-white flex text-left" }, W = {
+  __name: "simple_card",
+  props: {
+    content: {
+      type: Object,
+      default: {
+        title: "Title",
+        description: "Garanta que essas informações acima esteja configuradas no Webhook do seu aplicativo META."
+      }
+    },
+    success: {
+      type: Boolean,
+      default: !1
+    },
+    info: {
+      type: Boolean,
+      default: !1
+    },
+    alert: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const l = e, n = k(() => l.success ? "border-green-500 text-green-500 shadow-md shadow-green-700" : l.info ? "border-blue-400 text-blue-400 shadow-md shadow-blue-700" : l.alert ? "border-yellow-400 text-yellow-400 shadow-md shadow-yellow-700" : l.error ? "border-red-500 text-red-500 shadow-md shadow-red-700" : "border-white text-white");
+    return (t, r) => (f(), p("div", {
+      class: L([n.value, "bg-base-300 border-2 p-2 rounded-lg flex-col items-center"])
+    }, [
+      o("div", he, [
+        e.success ? (f(), p("svg", _e, we)) : m("", !0),
+        e.info ? (f(), p("svg", ve, be)) : m("", !0),
+        e.alert ? (f(), p("svg", Ce, xe)) : m("", !0),
+        e.error ? (f(), p("svg", Se, ke)) : m("", !0),
+        o("span", null, [
+          o("p", Le, x(e.content.title), 1)
         ])
       ]),
-      r.value ? (v(), g("section", Q, [
-        h.value ? (v(), g("div", U, [
-          W(t.$slots, "free-slot", {}, void 0, !0)
-        ])) : w("", !0),
-        m.value ? (v(), g("div", X, [
-          f("button", {
-            class: C([a.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
-            onClick: i[0] || (i[0] = () => u("horizontal"))
-          }, ee, 2),
-          f("button", {
-            class: C([a.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
-            onClick: i[1] || (i[1] = () => u("vertical"))
-          }, oe, 2)
-        ])) : w("", !0)
-      ])) : w("", !0)
-    ], 512)) : w("", !0);
+      o("section", Me, x(e.content.description), 1)
+    ], 2));
   }
-}, P = /* @__PURE__ */ q(ne, [["__scopeId", "data-v-a8f8c201"]]);
-function se(e) {
-  e.component("primarySelect", P);
+};
+function Oe(e) {
+  e.component("primarySelect", Z), e.component("simpleModal", P), e.component("simpleCard", W);
 }
-const ie = {
-  install: se,
-  primarySelect: P
+const Ae = {
+  install: Oe,
+  primarySelect: Z,
+  simpleModal: P,
+  simpleCard: W
 };
 export {
-  ie as default
+  Ae as default
 };

package/dist/sm-click-library-ui.umd.js

@@ -1 +1 @@
-(function(e,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue")):typeof define=="function"&&define.amd?define(["vue"],h):(e=typeof globalThis<"u"?globalThis:e||self,e["sm-click-library-ui"]=h(e.Vue))})(this,function(e){"use strict";function h(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function S(t){return typeof t=="function"?t():e.unref(t)}const E=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const V=Object.prototype.toString,B=t=>V.call(t)==="[object Object]",w=()=>{},A=N();function N(){var t,c;return E&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((c=window==null?void 0:window.navigator)==null?void 0:c.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function _(t){var c;const s=S(t);return(c=s==null?void 0:s.$el)!=null?c:s}const b=E?window:void 0;function y(...t){let c,s,l,i;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,l,i]=t,c=b):[c,s,l,i]=t,!c)return w;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const d=[],p=()=>{d.forEach(a=>a()),d.length=0},f=(a,u,n,o)=>(a.addEventListener(u,n,o),()=>a.removeEventListener(u,n,o)),m=e.watch(()=>[_(c),S(i)],([a,u])=>{if(p(),!a)return;const n=B(u)?{...u}:u;d.push(...s.flatMap(o=>l.map(r=>f(a,o,r,n))))},{immediate:!0,flush:"post"}),g=()=>{m(),p()};return h(g),g}let C=!1;function O(t,c,s={}){const{window:l=b,ignore:i=[],capture:d=!0,detectIframe:p=!1}=s;if(!l)return w;A&&!C&&(C=!0,Array.from(l.document.body.children).forEach(n=>n.addEventListener("click",w)),l.document.documentElement.addEventListener("click",w));let f=!0;const m=n=>i.some(o=>{if(typeof o=="string")return Array.from(l.document.querySelectorAll(o)).some(r=>r===n.target||n.composedPath().includes(r));{const r=_(o);return r&&(n.target===r||n.composedPath().includes(r))}}),a=[y(l,"click",n=>{const o=_(t);if(!(!o||o===n.target||n.composedPath().includes(o))){if(n.detail===0&&(f=!m(n)),!f){f=!0;return}c(n)}},{passive:!0,capture:d}),y(l,"pointerdown",n=>{const o=_(t);f=!m(n)&&!!(o&&!n.composedPath().includes(o))},{passive:!0}),p&&y(l,"blur",n=>{setTimeout(()=>{var o;const r=_(t);((o=l.document.activeElement)==null?void 0:o.tagName)==="IFRAME"&&!(r!=null&&r.contains(l.document.activeElement))&&c(n)},0)})].filter(Boolean);return()=>a.forEach(n=>n())}const v=(t,c)=>{const s=t.__vccOpts||t;for(const[l,i]of c)s[l]=i;return s},k=t=>(e.pushScopeId("data-v-a8f8c201"),t=t(),e.popScopeId(),t),I={key:0,class:"line-clamp-2 uppercase text-xs truncate text-white"},z={key:1,class:"line-clamp-2 uppercase text-xs truncate text-white"},j=[k(()=>e.createElementVNode("path",{"fill-rule":"evenodd",d:"M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z","clip-rule":"evenodd"},null,-1))],P={key:0,class:"select_widget_lib"},L={key:0},F={key:1,class:"space-y-2"},T=[k(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Vertical",-1))],W=[k(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Horizontal",-1))],x=v({__name:"primary_select",props:{titleFreeSlot:{type:String,default:"Free Slot"},selectConfig:{type:Object,default:()=>({chartsConfig:!1,freeSlot:!1})}},emits:["closeSelect"],setup(t,{emit:c}){const s=t,l=c,i=e.ref(!1),d=e.ref("Horizontal"),p=e.ref(null),f=e.computed(()=>s.selectConfig.length>0),m=e.computed(()=>s.selectConfig.some(o=>o.chartsConfig)),g=e.computed(()=>s.selectConfig.some(o=>o.freeSlot)),a=()=>{i.value=!i.value},u=o=>{i.value=!1,d.value=o==="horizontal"?"Vertical":"Horizontal",l("closeSelect",o)};return O(p,()=>{i.value&&(i.value=!1)}),(o,r)=>f.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"target",ref:p,class:"relative w-full"},[e.createElementVNode("button",{onClick:a,class:"bg-base-100 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"},[e.createElementVNode("div",null,[m.value?(e.openBlock(),e.createElementBlock("p",I,e.toDisplayString(d.value),1)):(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(t.titleFreeSlot),1))]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([i.value?"rotate-180 transition-transform ease-in-out":"","w-3 h-3 text-white"]),xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},j,2))])]),i.value?(e.openBlock(),e.createElementBlock("section",P,[g.value?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(o.$slots,"free-slot",{},void 0,!0)])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("button",{class:e.normalizeClass([d.value==="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[0]||(r[0]=()=>u("horizontal"))},T,2),e.createElementVNode("button",{class:e.normalizeClass([d.value!=="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[1]||(r[1]=()=>u("vertical"))},W,2)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-a8f8c201"]]);function D(t){t.component("primarySelect",x)}return{install:D,primarySelect:x}});
+(function(e,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue")):typeof define=="function"&&define.amd?define(["vue"],u):(e=typeof globalThis<"u"?globalThis:e||self,e["sm-click-library-ui"]=u(e.Vue))})(this,function(e){"use strict";function u(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function b(t){return typeof t=="function"?t():e.unref(t)}const y=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const $=Object.prototype.toString,L=t=>$.call(t)==="[object Object]",w=()=>{},M=O();function O(){var t,l;return y&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((l=window==null?void 0:window.navigator)==null?void 0:l.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function _(t){var l;const s=b(t);return(l=s==null?void 0:s.$el)!=null?l:s}const E=y?window:void 0;function g(...t){let l,s,o,c;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,o,c]=t,l=E):[l,s,o,c]=t,!l)return w;Array.isArray(s)||(s=[s]),Array.isArray(o)||(o=[o]);const i=[],p=()=>{i.forEach(m=>m()),i.length=0},a=(m,f,n,r)=>(m.addEventListener(f,n,r),()=>m.removeEventListener(f,n,r)),h=e.watch(()=>[_(l),b(c)],([m,f])=>{if(p(),!m)return;const n=L(f)?{...f}:f;i.push(...s.flatMap(r=>o.map(d=>a(m,r,d,n))))},{immediate:!0,flush:"post"}),C=()=>{h(),p()};return u(C),C}let k=!1;function A(t,l,s={}){const{window:o=E,ignore:c=[],capture:i=!0,detectIframe:p=!1}=s;if(!o)return w;M&&!k&&(k=!0,Array.from(o.document.body.children).forEach(n=>n.addEventListener("click",w)),o.document.documentElement.addEventListener("click",w));let a=!0;const h=n=>c.some(r=>{if(typeof r=="string")return Array.from(o.document.querySelectorAll(r)).some(d=>d===n.target||n.composedPath().includes(d));{const d=_(r);return d&&(n.target===d||n.composedPath().includes(d))}}),m=[g(o,"click",n=>{const r=_(t);if(!(!r||r===n.target||n.composedPath().includes(r))){if(n.detail===0&&(a=!h(n)),!a){a=!0;return}l(n)}},{passive:!0,capture:i}),g(o,"pointerdown",n=>{const r=_(t);a=!h(n)&&!!(r&&!n.composedPath().includes(r))},{passive:!0}),p&&g(o,"blur",n=>{setTimeout(()=>{var r;const d=_(t);((r=o.document.activeElement)==null?void 0:r.tagName)==="IFRAME"&&!(d!=null&&d.contains(o.document.activeElement))&&l(n)},0)})].filter(Boolean);return()=>m.forEach(n=>n())}const x=(t,l)=>{const s=t.__vccOpts||t;for(const[o,c]of l)s[o]=c;return s},I=t=>(e.pushScopeId("data-v-af0111a4"),t=t(),e.popScopeId(),t),v={class:"line-clamp-2 uppercase text-xs truncate text-white"},Z=[I(()=>e.createElementVNode("path",{"fill-rule":"evenodd",d:"M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z","clip-rule":"evenodd"},null,-1))],j={key:0,class:"select_widget_lib"},V=x({__name:"primary_select",props:{config:{type:Object,default:{title:"select_primary"}}},emits:["closeSelect"],setup(t,{emit:l}){const s=t,o=e.ref(!1),c=e.ref(null);e.computed(()=>s.selectConfig.some(a=>a.freeSlot));const i=()=>{o.value=!o.value};return A(c,()=>{o.value&&(o.value=!1)}),(a,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"target",ref:c,class:"relative w-full"},[e.createElementVNode("button",{onClick:i,class:"bg-base-100 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"},[e.createElementVNode("div",null,[e.createElementVNode("p",v,e.toDisplayString(t.config.title),1)]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([o.value?"rotate-180 transition-transform ease-in-out":"","w-3 h-3 text-white"]),xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},Z,2))])]),o.value?(e.openBlock(),e.createElementBlock("section",j,[e.createElementVNode("div",null,[e.renderSlot(a.$slots,"free-slot",{},void 0,!0)])])):e.createCommentVNode("",!0)],512))}},[["__scopeId","data-v-af0111a4"]]),N=t=>(e.pushScopeId("data-v-4c81a5bf"),t=t(),e.popScopeId(),t),P={key:0,class:"modal_head_lib"},T=N(()=>e.createElementVNode("div",{class:"modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70"},null,-1)),W={class:"modal_responsive_lib"},z={class:"flex min-h-full items-center justify-center text-center sm:p-0"},D={class:"modal_size_lib lg:w-2/6"},q={class:"modal_background_lib"},G={class:"modal_tittle_lib text-current"},H=[N(()=>e.createElementVNode("svg",{class:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1))],F={class:"p-4"},R={class:"w-full"},U={class:"block"},J={class:"modal_end_button_lib sm"},S=x({__name:"simple_modal",props:{isOpen:Boolean,default:!1},emits:["update:isOpen"],setup(t,{emit:l}){const s=t,o=l,c=()=>{o("update:isOpen",!s.isOpen)};return(i,p)=>t.isOpen?(e.openBlock(),e.createElementBlock("div",P,[T,e.createElementVNode("div",W,[e.createElementVNode("div",z,[e.createElementVNode("div",D,[e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.renderSlot(i.$slots,"header",{},void 0,!0),e.createElementVNode("button",{onClick:c,class:"modal_close_button_lib","data-modal-toggle":"editUserModal"},H)]),e.createElementVNode("div",F,[e.createElementVNode("div",R,[e.createElementVNode("label",U,[e.renderSlot(i.$slots,"body",{},void 0,!0)])])]),e.createElementVNode("div",J,[e.renderSlot(i.$slots,"footer",{},void 0,!0)])])])])])])):e.createCommentVNode("",!0)}},[["__scopeId","data-v-4c81a5bf"]]),K={class:"flex items-center gap-3 mb-2"},Q={key:0,class:"text-green-500",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},X=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM13.6103 8.18593C13.8511 7.84887 13.773 7.38046 13.4359 7.1397C13.0989 6.89894 12.6305 6.97701 12.3897 7.31407L9.1543 11.8436L7.53033 10.2197C7.23744 9.92678 6.76256 9.92678 6.46967 10.2197C6.17678 10.5126 6.17678 10.9874 6.46967 11.2803L8.71967 13.5303C8.87556 13.6862 9.09215 13.7656 9.31186 13.7474C9.53157 13.7293 9.73216 13.6153 9.8603 13.4359L13.6103 8.18593Z",fill:"currentColor"},null,-1)],Y={key:1,class:"text-blue-400",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},ee=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.25 10C0.25 4.61522 4.61522 0.25 10 0.25C15.3848 0.25 19.75 4.61522 19.75 10C19.75 15.3848 15.3848 19.75 10 19.75C4.61522 19.75 0.25 15.3848 0.25 10ZM10 6.25C10.4142 6.25 10.75 6.58579 10.75 7V10.75C10.75 11.1642 10.4142 11.5 10 11.5C9.58579 11.5 9.25 11.1642 9.25 10.75V7C9.25 6.58579 9.58579 6.25 10 6.25ZM10 14.5C10.4142 14.5 10.75 14.1642 10.75 13.75C10.75 13.3358 10.4142 13 10 13C9.58579 13 9.25 13.3358 9.25 13.75C9.25 14.1642 9.58579 14.5 10 14.5Z",fill:"currentColor"},null,-1)],te={key:2,class:"text-yellow-400",xmlns:"http://www.w3.org/2000/svg",width:"22",height:"20",viewBox:"0 0 22 20",fill:"none"},oe=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.40123 2.0034C9.55572 0.0022862 12.4439 0.0022856 13.5983 2.0034L20.9527 14.7509C22.1065 16.7509 20.6631 19.2501 18.3541 19.2501H3.64546C1.33649 19.2501 -0.106939 16.7509 1.04691 14.7509L8.40123 2.0034ZM11 7.25C11.4142 7.25 11.75 7.58579 11.75 8V11.75C11.75 12.1642 11.4142 12.5 11 12.5C10.5858 12.5 10.25 12.1642 10.25 11.75V8C10.25 7.58579 10.5858 7.25 11 7.25ZM11 15.5C11.4142 15.5 11.75 15.1642 11.75 14.75C11.75 14.3358 11.4142 14 11 14C10.5858 14 10.25 14.3358 10.25 14.75C10.25 15.1642 10.5858 15.5 11 15.5Z",fill:"currentColor"},null,-1)],ne={key:3,class:"w-6 h-6 text-red-500","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentColor",viewBox:"0 0 24 24"},le=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm7.707-3.707a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z","clip-rule":"evenodd"},null,-1)],se={class:"font-bold"},re={class:"text-white flex text-left"},B={__name:"simple_card",props:{content:{type:Object,default:{title:"Title",description:"Garanta que essas informações acima esteja configuradas no Webhook do seu aplicativo META."}},success:{type:Boolean,default:!1},info:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(t){const l=t,s=e.computed(()=>l.success?"border-green-500 text-green-500 shadow-md shadow-green-700":l.info?"border-blue-400 text-blue-400 shadow-md shadow-blue-700":l.alert?"border-yellow-400 text-yellow-400 shadow-md shadow-yellow-700":l.error?"border-red-500 text-red-500 shadow-md shadow-red-700":"border-white text-white");return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([s.value,"bg-base-300 border-2 p-2 rounded-lg flex-col items-center"])},[e.createElementVNode("div",K,[t.success?(e.openBlock(),e.createElementBlock("svg",Q,X)):e.createCommentVNode("",!0),t.info?(e.openBlock(),e.createElementBlock("svg",Y,ee)):e.createCommentVNode("",!0),t.alert?(e.openBlock(),e.createElementBlock("svg",te,oe)):e.createCommentVNode("",!0),t.error?(e.openBlock(),e.createElementBlock("svg",ne,le)):e.createCommentVNode("",!0),e.createElementVNode("span",null,[e.createElementVNode("p",se,e.toDisplayString(t.content.title),1)])]),e.createElementVNode("section",re,e.toDisplayString(t.content.description),1)],2))}};function ce(t){t.component("primarySelect",V),t.component("simpleModal",S),t.component("simpleCard",B)}return{install:ce,primarySelect:V,simpleModal:S,simpleCard:B}});

package/dist/style.css

@@ -1 +1 @@
-.btn_select_widget_lib[data-v-a8f8c201]{width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.btn_select_widget_lib[data-v-a8f8c201]:hover{background-color:#26343d99}.select_widget_lib[data-v-a8f8c201]{position:absolute;z-index:30;margin-top:.5rem;width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));padding:.375rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }
+.select_widget_lib[data-v-af0111a4]{position:absolute;z-index:30;margin-top:.5rem;width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));padding:.375rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.modal_head_lib[data-v-4c81a5bf]{position:fixed;top:0;left:0;z-index:50;display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.my_modal_lib[data-v-4c81a5bf]{animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.modal-overlay_lib[data-v-4c81a5bf]{position:absolute;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.2}.modal_responsive_lib[data-v-4c81a5bf]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.modal_responsive_lib[data-v-4c81a5bf]{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.modal_responsive_lib[data-v-4c81a5bf]{--scrollbar-track: #d1d5db;--scrollbar-thumb: #111827}.modal_size_lib[data-v-4c81a5bf]{z-index:50;width:100%;border-radius:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #000;--tw-shadow: var(--tw-shadow-colored)}@media (min-width: 864px){.modal_size_lib[data-v-4c81a5bf]{width:50%}}@media (min-width: 1512px){.modal_size_lib[data-v-4c81a5bf]{width:33.333333%}}.modal_background_lib[data-v-4c81a5bf]{position:relative;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal_tittle_lib[data-v-4c81a5bf]{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:1rem;border-top-right-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.75rem;text-transform:uppercase;color:currentColor}.modal_end_button_lib[data-v-4c81a5bf]{display:flex;justify-content:flex-end}.modal_end_button_lib[data-v-4c81a5bf]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.modal_end_button_lib[data-v-4c81a5bf]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.5rem}.modal_close_button_lib[data-v-4c81a5bf]{margin-left:auto;display:inline-flex;align-items:center;border-radius:.5rem;background-color:#26343d66;padding:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-duration:.3s}.modal_close_button_lib[data-v-4c81a5bf]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}

package/dist/{styleSmClick.css → tailwind.css}

@@ -533,6 +533,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -560,6 +563,9 @@ video {
 .h-5 {
   height: 1.25rem;
 }
+.h-6 {
+  height: 1.5rem;
+}
 .h-full {
   height: 100%;
 }
@@ -575,6 +581,9 @@ video {
 .w-5 {
   width: 1.25rem;
 }
+.w-6 {
+  width: 1.5rem;
+}
 .w-full {
   width: 100%;
 }
@@ -597,6 +606,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-3 {
+  gap: 0.75rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -635,6 +647,33 @@ video {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
 }
+.border-2 {
+  border-width: 2px;
+}
+.border-base-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 27 33 / var(--tw-border-opacity));
+}
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 165 250 / var(--tw-border-opacity));
+}
+.border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 197 94 / var(--tw-border-opacity));
+}
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+.border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 204 21 / var(--tw-border-opacity));
+}
 .bg-base-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(75 99 116 / var(--tw-bg-opacity));
@@ -643,13 +682,16 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(38 52 61 / var(--tw-bg-opacity));
 }
-.bg-black {
+.bg-base-200\/40 {
+  background-color: rgb(38 52 61 / 0.4);
+}
+.bg-base-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
 }
-.bg-blue-900 {
+.bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 .bg-gray-600 {
   --tw-bg-opacity: 1;
@@ -659,10 +701,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
-.bg-red-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
-}
 .p-1 {
   padding: 0.25rem;
 }
@@ -682,6 +720,9 @@ video {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+.text-left {
+  text-align: left;
+}
 .text-center {
   text-align: center;
 }
@@ -693,16 +734,35 @@ video {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.font-bold {
+  font-weight: 700;
+}
 .uppercase {
   text-transform: uppercase;
 }
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity));
+}
 .text-current {
   color: currentColor;
 }
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity));
+}
 .opacity-70 {
   opacity: 0.7;
 }
@@ -723,6 +783,22 @@ video {
   --tw-shadow-color: #111B21;
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-blue-700 {
+  --tw-shadow-color: #1d4ed8;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-green-700 {
+  --tw-shadow-color: #15803d;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-red-700 {
+  --tw-shadow-color: #b91c1c;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-yellow-700 {
+  --tw-shadow-color: #a16207;
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .backdrop-blur-\[2px\] {
   --tw-backdrop-blur: blur(2px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -796,6 +872,22 @@ video {
   --tw-scale-y: 1.05;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.hover\:bg-base-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 99 116 / var(--tw-bg-opacity));
+}
+@media (min-width: 640px) {
+
+  .sm\:p-0 {
+    padding: 0px;
+  }
+}
+@media (min-width: 864px) {
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+}
 @media (min-width: 1280px) {
 
   .lg\:mt-0 {
@@ -806,4 +898,10 @@ video {
     width: 33.333333%;
   }
 }
+@media (min-width: 1512px) {
+
+  .xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+}
 

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "dist"
   ],
-  "version": "0.0.21",
+  "version": "0.0.23",
   "main": "dist/sm-click-library-ui.es.js",
   "module": "dist/sm-click-library-ui.umd.js",
   "private": false,
@@ -16,11 +16,23 @@
     "vue": "^3.4.29"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "1.6.1",
+    "@storybook/addon-essentials": "^8.2.3",
+    "@storybook/addon-interactions": "^8.2.3",
+    "@storybook/addon-links": "^8.2.3",
+    "@storybook/addon-onboarding": "^8.2.3",
+    "@storybook/addon-themes": "8.2.3",
+    "@storybook/blocks": "^8.2.3",
+    "@storybook/test": "^8.2.3",
+    "@storybook/vue3": "^8.2.3",
+    "@storybook/vue3-vite": "^8.2.3",
     "@vitejs/plugin-vue": "^5.0.5",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.39",
     "postcss-cli": "^11.0.0",
     "rollup-plugin-css-only": "^4.5.2",
+    "storybook": "^8.2.3",
+    "storybook-dark-mode": "^4.0.2",
     "tailwindcss": "^3.4.4",
     "vite": "^5.3.1"
   },
@@ -28,7 +40,9 @@
     "dev": "vite",
     "build": "pnpm run build:lib && pnpm run build:style",
     "build:lib": "vite build",
-    "build:style": "postcss src/styles/styleSmClick.css -o dist/styleSmClick.css",
-    "preview": "vite preview"
+    "build:style": "postcss src/styles/tailwind.css -o dist/tailwind.css",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }