spicykatsu 0.0.31 → 0.0.33

package/dist/spicykatsu.es.js

@@ -1,8 +1,8 @@
-import { ref as h, openBlock as a, createBlock as M, Transition as k, withCtx as C, createElementBlock as l, normalizeClass as y, toDisplayString as d, createCommentVNode as u, normalizeStyle as Y, createElementVNode as p, renderSlot as b, withDirectives as I, vModelText as T, mergeProps as $, withKeys as V, withModifiers as x } from "vue";
-const B = {
+import { ref as w, openBlock as r, createBlock as Y, Transition as x, withCtx as $, createElementBlock as i, normalizeClass as h, toDisplayString as d, createCommentVNode as c, computed as m, normalizeStyle as k, createElementVNode as u, renderSlot as S, onMounted as V, onUnmounted as N, createVNode as F, Fragment as B, renderList as T, withDirectives as z, vModelText as P, createTextVNode as E, mergeProps as L, withKeys as M, withModifiers as O } from "vue";
+const U = {
   key: 0,
   class: "spicyAlertIcon"
-}, A = { key: 1 }, ae = {
+}, W = { key: 1 }, R = {
   __name: "SpicyAlert",
   props: {
     variant: {
@@ -10,49 +10,40 @@ const B = {
       default: "info",
       validator: (e) => ["info", "success", "warning", "error", "custom"].includes(e)
     },
-    text: {
-      type: String,
-      default: ""
-    },
+    text: { type: String, default: "Button" },
     icon: String,
     iconOnly: Boolean,
-    closable: {
-      type: Boolean,
-      default: !1
-    },
-    autoClose: {
-      type: Number,
-      default: 0
-    }
+    closable: { type: Boolean, default: !1 },
+    autoClose: { type: Number, default: 0 }
   },
   setup(e) {
-    const t = e, r = h(!0), n = () => {
-      r.value = !1;
+    const t = e, l = w(!0), n = () => {
+      l.value = !1;
     };
     return t.autoClose > 0 && setTimeout(() => {
-      r.value = !1;
-    }, t.autoClose), (o, i) => (a(), M(k, { name: "fade" }, {
-      default: C(() => [
-        r.value ? (a(), l("div", {
+      l.value = !1;
+    }, t.autoClose), (o, a) => (r(), Y(x, { name: "fade" }, {
+      default: $(() => [
+        l.value ? (r(), i("div", {
           key: 0,
-          class: y(["spicyAlert", e.variant])
+          class: h(["spicyAlert", e.variant])
         }, [
-          e.iconOnly || e.text ? (a(), l("span", B, d(e.icon), 1)) : u("", !0),
-          !e.iconOnly && e.text ? (a(), l("span", A, d(e.text), 1)) : u("", !0),
-          e.closable ? (a(), l("button", {
+          e.iconOnly || e.text ? (r(), i("span", U, d(e.icon), 1)) : c("", !0),
+          !e.iconOnly && e.text ? (r(), i("span", W, d(e.text), 1)) : c("", !0),
+          e.closable ? (r(), i("button", {
             key: 2,
-            class: "closeButton",
+            class: "closeBtn",
             onClick: n
-          }, "×")) : u("", !0)
-        ], 2)) : u("", !0)
+          }, "×")) : c("", !0)
+        ], 2)) : c("", !0)
       ]),
       _: 1
     }));
   }
-}, P = ["disabled"], E = {
+}, j = ["disabled"], H = {
   key: 0,
   class: "spicyBtnIcon"
-}, le = {
+}, K = {
   __name: "SpicyBtn",
   props: {
     variant: {
@@ -60,64 +51,140 @@ const B = {
       default: "filled",
       validator: (e) => ["outlined", "filled"].includes(e)
     },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    text: {
-      type: String,
-      default: "Button"
-    },
+    disabled: { type: Boolean, default: !1 },
+    text: { type: String, default: "Button" },
     icon: String,
-    color: String,
+    bgColor: String,
     textColor: String,
     hoverColor: String,
     borderColor: String,
-    // Custom color for the button border (if outlined variant)
-    fontSize: {
-      type: [Number, String],
-      default: 14
-    },
-    fontWeight: {
-      type: [Number, String],
-      default: 500
-    }
+    // Custom color (if outlined variant)
+    fontSize: { type: [Number, String], default: 14 },
+    fontWeight: { type: [Number, String], default: 500 }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    return (r, n) => (a(), l("button", {
-      class: y(["spicyBtn", { outlined: e.variant === "outlined", disabled: e.disabled }]),
-      style: Y({ "--color": e.color, "--textColor": e.textColor, "--hoverColor": e.hoverColor }),
+    const l = e, n = m(() => ({
+      "--fontSize": l.fontSize,
+      "--fontWeight": l.fontWeight,
+      "--bgColor": l.bgColor,
+      "--textColor": l.textColor,
+      "--borderColor": l.borderColor,
+      "--hoverColor": l.hoverColor
+    }));
+    return (o, a) => (r(), i("button", {
+      class: h(["spicyBtn", { outlined: e.variant === "outlined", disabled: e.disabled }]),
+      style: k({ ...n.value }),
       disabled: e.disabled,
-      onClick: n[0] || (n[0] = (...o) => r.onClick && r.onClick(...o))
+      onClick: a[0] || (a[0] = (...f) => o.onClick && o.onClick(...f))
+    }, [
+      e.icon ? (r(), i("span", H, d(e.icon), 1)) : c("", !0),
+      u("span", null, d(e.text), 1),
+      S(o.$slots, "default")
+    ], 14, j));
+  }
+}, q = {
+  key: 0,
+  class: "navControls"
+}, G = {
+  key: 1,
+  class: "pagination"
+}, J = ["onClick"], Q = {
+  __name: "SpicyCarousel",
+  props: {
+    autoplay: { type: Boolean, default: !1 },
+    autoplaySpeed: { type: Number, default: 5e3 },
+    showNavigation: { type: Boolean, default: !0 },
+    showPagination: { type: Boolean, default: !0 },
+    activeColor: { type: String, default: "rgba(0, 255, 234, 0.5)" },
+    loop: { type: Boolean, default: !0 },
+    initialSlide: { type: Number, default: 0 },
+    slides: { type: Array, required: !0 },
+    width: { type: String, default: "540px" },
+    height: { type: String, default: "300px" },
+    variant: { type: String, default: "" }
+  },
+  setup(e) {
+    const t = e, l = m(() => ({
+      "--width": t.width,
+      "--height": t.height,
+      "--activeColor": t.activeColor
+    })), n = w(t.initialSlide), o = m(() => t.slides[n.value]);
+    let a;
+    V(() => {
+      t.autoplay && (a = setInterval(y, t.autoplaySpeed));
+    });
+    const f = () => {
+      n.value = (n.value - 1 + t.slides.length) % t.slides.length;
+    }, y = () => {
+      n.value = (n.value + 1) % t.slides.length;
+    }, b = (g) => {
+      n.value = g;
+    }, s = () => {
+      clearInterval(a);
+    }, p = () => {
+      t.autoplay && (a = setInterval(y, t.autoplaySpeed));
+    };
+    return N(() => {
+      clearInterval(a);
+    }), (g, Me) => (r(), i("div", {
+      class: "carouselContainer",
+      style: k({ ...l.value }),
+      onMouseenter: s,
+      onMouseleave: p
     }, [
-      e.icon ? (a(), l("span", E, d(e.icon), 1)) : u("", !0),
-      p("span", null, d(e.text), 1),
-      b(r.$slots, "default")
-    ], 14, P));
+      F(x, {
+        name: "slide",
+        mode: "out-in"
+      }, {
+        default: $(() => [
+          (r(), i("div", {
+            key: n.value,
+            class: "slide",
+            style: k({ backgroundImage: `url(${o.value.img})` })
+          }, [
+            S(g.$slots, "default"),
+            e.slides[n.value].text ? (r(), i("div", {
+              key: 0,
+              class: h(["textOverlay", { fullScreen: e.variant === "fullScreen", disabled: g.disabled }])
+            }, d(e.slides[n.value].text), 3)) : c("", !0)
+          ], 4))
+        ]),
+        _: 3
+      }),
+      e.showNavigation ? (r(), i("div", q, [
+        u("div", { class: "prevNav" }, [
+          u("button", {
+            class: "prev",
+            onClick: f
+          }, "<")
+        ]),
+        u("div", { class: "nextNav" }, [
+          u("button", {
+            class: "next",
+            onClick: y
+          }, ">")
+        ])
+      ])) : c("", !0),
+      e.showPagination ? (r(), i("div", G, [
+        (r(!0), i(B, null, T(e.slides, (Oe, C) => (r(), i("button", {
+          key: C,
+          onClick: (xe) => b(C),
+          class: h({ active: C === n.value })
+        }, d(C + 1), 11, J))), 128))
+      ])) : c("", !0)
+    ], 36));
   }
-}, F = ["placeholder"], U = {
+}, X = ["placeholder"], Z = {
   key: 0,
   class: "spicyInputError"
-}, ie = {
+}, _ = {
   __name: "SpicyLabel",
   props: {
-    value: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: "Label"
-    },
-    error: {
-      type: String,
-      default: ""
-    },
+    value: { type: String, default: "" },
+    placeholder: { type: String, default: "" },
+    label: { type: String, default: "Label" },
+    error: { type: String, default: "" },
     variant: {
       type: String,
       default: "filled",
@@ -125,174 +192,217 @@ const B = {
     }
   },
   setup(e) {
-    const t = e, r = `spicyInput-${i()}`, n = h(t.value), o = h(!1);
-    function i() {
-      const c = "0123456789abcdefghijklmnopqrstuvwxyz";
-      let f = "";
+    const t = e, l = `spicyInput-${a()}`, n = w(t.value), o = w(!1);
+    function a() {
+      const s = "0123456789abcdefghijklmnopqrstuvwxyz";
+      let p = "";
       for (let g = 0; g < 6; g++)
-        f += c.charAt(Math.floor(Math.random() * c.length));
-      return f;
+        p += s.charAt(Math.floor(Math.random() * s.length));
+      return p;
     }
-    const v = (c) => {
-      n.value = c.target.value;
-    }, D = () => {
+    const f = (s) => {
+      n.value = s.target.value;
+    }, y = () => {
       o.value = !1;
-    }, O = () => {
+    }, b = () => {
       o.value = !0;
     };
-    return (c, f) => (a(), l("div", {
-      class: y(["spicyInputWrapper", [e.variant, { hasValue: n.value || e.value, hasFocus: o.value, hasError: e.error }]])
+    return (s, p) => (r(), i("div", {
+      class: h(["spicyInputWrapper", [e.variant, { hasValue: n.value || e.value, hasFocus: o.value, hasError: e.error }]])
     }, [
-      p("label", {
+      u("label", {
         class: "spicyInputLabel",
-        for: r
+        for: l
       }, d(e.label), 1),
-      I(p("input", {
-        id: r,
-        class: y(["spicyInput", e.variant]),
-        "onUpdate:modelValue": f[0] || (f[0] = (g) => n.value = g),
+      z(u("input", {
+        id: l,
+        class: h(["spicyInput", e.variant]),
+        "onUpdate:modelValue": p[0] || (p[0] = (g) => n.value = g),
         placeholder: e.placeholder,
-        onInput: v,
-        onBlur: D,
-        onFocus: O
-      }, null, 42, F), [
-        [T, n.value]
+        onInput: f,
+        onBlur: y,
+        onFocus: b
+      }, null, 42, X), [
+        [P, n.value]
       ]),
-      b(c.$slots, "default"),
-      e.error ? (a(), l("span", U, d(e.error), 1)) : u("", !0)
+      S(s.$slots, "default"),
+      e.error ? (r(), i("span", Z, d(e.error), 1)) : c("", !0)
     ], 2));
   }
-}, z = ["aria-checked", "onKeydown"], L = /* @__PURE__ */ p("div", { class: "spicyToggleKnob" }, null, -1), j = [
-  L
-], se = {
+}, ee = { class: "spicyModalHeader" }, te = { class: "spicyModalActions" }, le = ["onClick"], ne = {
+  __name: "SpicyModal",
+  props: {
+    width: { type: String, default: "50%" },
+    height: { type: String, default: "auto" },
+    borderRadius: { type: String, default: "8px" },
+    bgColor: { type: String, default: "#2b2b2b" },
+    visible: { type: Boolean, default: !1 },
+    closeBtn: { type: Boolean, default: !1 },
+    actions: { type: Array, default: () => [] },
+    closeOnClick: { type: Boolean, default: !0 },
+    modalTitle: { type: String, default: "Title" }
+  },
+  emits: ["update:visible"],
+  setup(e, { emit: t }) {
+    const l = e, n = m(() => ({
+      "--width": l.width,
+      "--height": l.height,
+      "--borderRadius": l.borderRadius,
+      "--bgColor": l.bgColor
+    })), o = t, a = () => {
+      o("update:visible", !1);
+    }, f = () => {
+      l.closeOnClick && a();
+    };
+    return (y, b) => e.visible ? (r(), i("div", {
+      key: 0,
+      class: "spicyModalOverlay",
+      onClick: f
+    }, [
+      u("div", {
+        class: "spicyModal",
+        style: k({ ...n.value })
+      }, [
+        u("header", ee, [
+          S(y.$slots, "spicyModalHeader", { title: e.modalTitle }, () => [
+            E(d(e.modalTitle), 1)
+          ])
+        ]),
+        S(y.$slots, "default"),
+        u("div", te, [
+          e.actions.length === 0 && e.closeBtn ? (r(), i("button", {
+            key: 0,
+            class: "closeBtn",
+            onClick: a
+          }, "Close")) : c("", !0),
+          (r(!0), i(B, null, T(e.actions, (s) => (r(), i("button", {
+            class: "actionBtn",
+            key: s.label,
+            onClick: s.handler
+          }, d(s.label), 9, le))), 128))
+        ])
+      ], 4)
+    ])) : c("", !0);
+  }
+}, oe = ["aria-checked", "onKeydown", "aria-label"], ae = /* @__PURE__ */ u("div", { class: "spicyToggleKnob" }, null, -1), re = [
+  ae
+], ie = {
   __name: "SpicyToggle",
   props: {
-    modelValue: Boolean
+    modelValue: Boolean,
+    label: String,
+    variant: {
+      type: String,
+      default: "filled",
+      validator: (e) => ["outlined", "filled"].includes(e)
+    },
+    borderColor: String,
+    activeColor: String,
+    focusShadow: String
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, n = t, o = () => {
-      n("update:modelValue", !r.modelValue);
+    const l = e, n = m(() => ({
+      "--borderColor": l.borderColor,
+      "--activeColor": l.activeColor,
+      "--focusShadow": l.focusShadow
+    })), o = t, a = () => {
+      o("update:modelValue", !l.modelValue);
     };
-    return (i, v) => (a(), l("div", $({
-      class: ["spicyToggle", { "is-active": e.modelValue }],
-      onClick: o,
+    return (f, y) => (r(), i("div", L({
+      class: ["spicyToggle", { outlined: e.variant === "outlined", "is-active": e.modelValue }],
+      style: { ...n.value },
+      onClick: a,
       role: "switch",
       "aria-checked": e.modelValue.toString(),
       tabindex: "0",
-      onKeydown: V(x(o, ["prevent"]), ["space"])
-    }, i.$attrs), j, 16, z));
+      onKeydown: [
+        M(O(a, ["prevent"]), ["space"]),
+        M(O(a, ["prevent"]), ["enter"])
+      ],
+      "aria-label": e.label
+    }, f.$attrs), re, 16, oe));
   }
 };
-function m(e) {
-  try {
-    return new URL(e), !0;
-  } catch (t) {
-    return console.error("Invalid URL:", t), !1;
-  }
-}
-function N(e) {
-  return m(e) ? new URL(e).hostname : null;
-}
-function K(e, t) {
-  if (!m(e))
-    return e;
-  const r = new URL(e);
-  return Object.keys(t).forEach((n) => r.searchParams.append(n, t[n])), r.toString();
-}
-function W(e, t, r = "https") {
-  if (!["http", "https", "ftp", "sftp", "ftps", "ssh"].includes(r.toLowerCase()))
-    throw new Error("Invalid protocol: " + r);
-  if (!/^(?!:\/\/)([a-z0-9-]+\.)*[a-z0-9-]+$/i.test(e))
-    throw new Error("Invalid hostname: " + e);
-  return t.startsWith("/") || (t = "/" + t), t.endsWith("/") && t.length > 1 && (t = t.slice(0, -1)), t === "/" && (t = ""), `${r.toLowerCase()}://${e}${t}`;
-}
-const ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  appendParamsToUrl: K,
-  generateUrl: W,
-  getHostname: N,
-  isUrlValid: m
-}, Symbol.toStringTag, { value: "Module" }));
-function S(e, t) {
-  const r = {
+function I(e, t) {
+  const l = {
     YYYY: () => e.getFullYear().toString(),
     MM: () => (e.getMonth() + 1).toString().padStart(2, "0"),
     DD: () => e.getDate().toString().padStart(2, "0")
   };
-  return t.replace(/YYYY|MM|DD/g, (n) => r[n]());
+  return t.replace(/YYYY|MM|DD/g, (n) => l[n]());
 }
-function R(e) {
-  const [t, r, n] = e.split("-");
-  return new Date(Number(t), Number(r) - 1, Number(n));
+function se(e) {
+  const [t, l, n] = e.split("-");
+  return new Date(Number(t), Number(l) - 1, Number(n));
 }
-function q(e, t) {
-  const r = Math.abs(t.getTime() - e.getTime());
-  return Math.ceil(r / (1e3 * 60 * 60 * 24));
+function ce(e, t) {
+  const l = Math.abs(t.getTime() - e.getTime());
+  return Math.ceil(l / (1e3 * 60 * 60 * 24));
 }
-function H(e, t) {
-  const r = new Date(e);
-  return r.setDate(e.getDate() + t), r;
+function ue(e, t) {
+  const l = new Date(e);
+  return l.setDate(e.getDate() + t), l;
 }
-function G(e, t) {
-  const r = new Date(e);
-  return r.setDate(e.getDate() - t), r;
+function de(e, t) {
+  const l = new Date(e);
+  return l.setDate(e.getDate() - t), l;
 }
-function J(e) {
+function fe(e) {
   const t = /* @__PURE__ */ new Date();
   return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
 }
-function Q(e) {
+function ye(e) {
   const t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() - 1), e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
 }
-function X(e) {
+function ge(e) {
   const t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() + 1), e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
 }
-function Z(e = "YYYY-MM-DD", t = { show: !0, separator: "-" }) {
+function pe(e = "YYYY-MM-DD", t = { show: !0, separator: "-" }) {
   if (typeof e != "string" || typeof t != "object" || !t.hasOwnProperty("show") || typeof t.show != "boolean")
     throw new Error(
       'Invalid parameters: Please provide a valid format string and options object with a boolean "show" property.'
     );
-  let n = S(/* @__PURE__ */ new Date(), e);
+  let n = I(/* @__PURE__ */ new Date(), e);
   return t.separator && t.separator !== "-" && (n = n.replace(/-/g, t.separator)), t.show ? { value: n, isVisible: !0 } : { value: n, isVisible: !1 };
 }
-const ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  currentDate: Z,
-  dateAdd: H,
-  dateDiff: q,
-  dateIsToday: J,
-  dateIsTomorrow: X,
-  dateIsYesterday: Q,
-  dateSubtract: G,
-  formatDate: S,
-  parseDate: R
+  currentDate: pe,
+  dateAdd: ue,
+  dateDiff: ce,
+  dateIsToday: fe,
+  dateIsTomorrow: ge,
+  dateIsYesterday: ye,
+  dateSubtract: de,
+  formatDate: I,
+  parseDate: se
 }, Symbol.toStringTag, { value: "Module" }));
-function _(e) {
+function ve(e) {
   const t = /* @__PURE__ */ new WeakMap();
-  function r(n) {
-    if (s(n) || typeof n != "object")
+  function l(n) {
+    if (v(n) || typeof n != "object")
       return n;
     if (t.has(n))
       return t.get(n);
     const o = Array.isArray(n) ? [] : {};
     t.set(n, o);
-    for (const i in n)
-      Object.prototype.hasOwnProperty.call(n, i) && (o[i] = r(n[i]));
+    for (const a in n)
+      Object.prototype.hasOwnProperty.call(n, a) && (o[a] = l(n[a]));
     return o;
   }
-  return r(e);
+  return l(e);
 }
-function w(...e) {
+function A(...e) {
   const t = {};
-  return e.forEach((r) => {
-    if (!s(r)) {
-      for (const n in r)
-        if (Object.prototype.hasOwnProperty.call(r, n)) {
-          const o = r[n];
-          o !== void 0 && (typeof o == "object" && o !== null && !Array.isArray(o) ? t[n] = w(
+  return e.forEach((l) => {
+    if (!v(l)) {
+      for (const n in l)
+        if (Object.prototype.hasOwnProperty.call(l, n)) {
+          const o = l[n];
+          o !== void 0 && (typeof o == "object" && o !== null && !Array.isArray(o) ? t[n] = A(
             t[n] || {},
             o
           ) : t[n] = o);
@@ -300,60 +410,99 @@ function w(...e) {
     }
   }), t;
 }
-function ee(...e) {
-  return s(e[0]) ? e[0] : Object.assign({}, ...e);
+function he(...e) {
+  return v(e[0]) ? e[0] : Object.assign({}, ...e);
 }
-function te(e) {
-  return s(e) ? [] : Object.keys(e);
+function me(e) {
+  return v(e) ? [] : Object.keys(e);
 }
-function ne(e) {
-  return s(e) ? [] : Object.values(e);
+function Se(e) {
+  return v(e) ? [] : Object.values(e);
 }
-function re(e) {
-  return s(e) ? [] : Object.entries(e);
+function be(e) {
+  return v(e) ? [] : Object.entries(e);
 }
-function s(e) {
+function v(e) {
   return e === null || typeof e != "object" ? !1 : Array.isArray(e) ? e.length === 0 : Object.keys(e).length === 0;
 }
-const de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  deepClone: _,
-  deepMerge: w,
-  getObjectEntries: re,
-  getObjectKeys: te,
-  getObjectValues: ne,
-  isObjectEmpty: s,
-  mergeObjects: ee
-}, Symbol.toStringTag, { value: "Module" })), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
+  deepClone: ve,
+  deepMerge: A,
+  getObjectEntries: be,
+  getObjectKeys: me,
+  getObjectValues: Se,
+  isObjectEmpty: v,
+  mergeObjects: he
 }, Symbol.toStringTag, { value: "Module" }));
+function D(e) {
+  try {
+    return new URL(e), !0;
+  } catch (t) {
+    return console.error("Invalid URL:", t), !1;
+  }
+}
+function Ce(e) {
+  return D(e) ? new URL(e).hostname : null;
+}
+function we(e, t) {
+  if (!D(e))
+    return e;
+  const l = new URL(e);
+  return Object.keys(t).forEach((n) => l.searchParams.append(n, t[n])), l.toString();
+}
+function ke(e, t, l = "https") {
+  if (!["http", "https", "ftp", "sftp", "ftps", "ssh"].includes(l.toLowerCase()))
+    throw new Error("Invalid protocol: " + l);
+  if (!/^(?!:\/\/)([a-z0-9-]+\.)*[a-z0-9-]+$/i.test(e))
+    throw new Error("Invalid hostname: " + e);
+  return t.startsWith("/") || (t = "/" + t), t.endsWith("/") && t.length > 1 && (t = t.slice(0, -1)), t === "/" && (t = ""), `${l.toLowerCase()}://${e}${t}`;
+}
+const Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  appendParamsToUrl: we,
+  generateUrl: ke,
+  getHostname: Ce,
+  isUrlValid: D
+}, Symbol.toStringTag, { value: "Module" })), De = ':root{--primaryColor: #5e1381;--primaryColorHover: #811faf;--secondaryColor: #2757f7;--errorColor: #ff0000;--primaryBorderColor: #ccc;--primaryTextColor: #ddd;--disabledOpacity: .5;--labelFocus: var(--primaryColor);--fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--fontSize: 14px;--fontWeight: 500;--borderWidth: 2px;--borderRadius: 4px}.spicyText{color:var(--primaryTextColor);font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight)}.spicyHeader{color:var(--primaryTextColor);font-family:var(--fontFamily);font-size:24px;font-weight:700}', Ae = {
+  install(e, t = {}) {
+    const { useComponents: l = !0, useStyles: n = !0 } = t;
+    if (l && (e.component("SpicyAlert", R), e.component("SpicyBtn", K), e.component("SpicyCarousel", Q), e.component("SpicyLabel", _), e.component("SpicyModal", ne), e.component("SpicyToggle", ie)), n) {
+      const o = document.createElement("style");
+      o.textContent = De, document.head.appendChild(o);
+    }
+  }
+};
 export {
-  ae as SpicyAlert,
-  le as SpicyBtn,
-  ie as SpicyLabel,
-  se as SpicyToggle,
-  K as appendParamsToUrl,
-  fe as css,
-  Z as currentDate,
-  H as dateAdd,
-  q as dateDiff,
-  J as dateIsToday,
-  X as dateIsTomorrow,
-  Q as dateIsYesterday,
-  G as dateSubtract,
-  ue as dateUtils,
-  _ as deepClone,
-  w as deepMerge,
-  S as formatDate,
-  W as generateUrl,
-  N as getHostname,
-  re as getObjectEntries,
-  te as getObjectKeys,
-  ne as getObjectValues,
-  s as isObjectEmpty,
-  m as isUrlValid,
-  ee as mergeObjects,
-  de as objUtils,
-  R as parseDate,
-  ce as urlUtils
+  R as SpicyAlert,
+  K as SpicyBtn,
+  Q as SpicyCarousel,
+  _ as SpicyLabel,
+  ne as SpicyModal,
+  ie as SpicyToggle,
+  we as appendParamsToUrl,
+  pe as currentDate,
+  ue as dateAdd,
+  ce as dateDiff,
+  fe as dateIsToday,
+  ge as dateIsTomorrow,
+  ye as dateIsYesterday,
+  de as dateSubtract,
+  Be as dateUtils,
+  ve as deepClone,
+  A as deepMerge,
+  Ae as default,
+  I as formatDate,
+  ke as generateUrl,
+  Ce as getHostname,
+  be as getObjectEntries,
+  me as getObjectKeys,
+  Se as getObjectValues,
+  v as isObjectEmpty,
+  D as isUrlValid,
+  he as mergeObjects,
+  Te as objUtils,
+  se as parseDate,
+  De as spicyStyles,
+  Ie as urlUtils
 };

package/dist/spicykatsu.umd.js

@@ -1 +1 @@
-(function(l,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(l=typeof globalThis<"u"?globalThis:l||self,n(l.SpicyKatsu={},l.Vue))})(this,function(l,n){"use strict";const j={key:0,class:"spicyAlertIcon"},U={key:1},$={__name:"SpicyAlert",props:{variant:{type:String,default:"info",validator:e=>["info","success","warning","error","custom"].includes(e)},text:{type:String,default:""},icon:String,iconOnly:Boolean,closable:{type:Boolean,default:!1},autoClose:{type:Number,default:0}},setup(e){const t=e,a=n.ref(!0),r=()=>{a.value=!1};return t.autoClose>0&&setTimeout(()=>{a.value=!1},t.autoClose),(o,c)=>(n.openBlock(),n.createBlock(n.Transition,{name:"fade"},{default:n.withCtx(()=>[a.value?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["spicyAlert",e.variant])},[e.iconOnly||e.text?(n.openBlock(),n.createElementBlock("span",j,n.toDisplayString(e.icon),1)):n.createCommentVNode("",!0),!e.iconOnly&&e.text?(n.openBlock(),n.createElementBlock("span",U,n.toDisplayString(e.text),1)):n.createCommentVNode("",!0),e.closable?(n.openBlock(),n.createElementBlock("button",{key:2,class:"closeButton",onClick:r},"×")):n.createCommentVNode("",!0)],2)):n.createCommentVNode("",!0)]),_:1}))}},N=["disabled"],P={key:0,class:"spicyBtnIcon"},A={__name:"SpicyBtn",props:{variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)},disabled:{type:Boolean,default:!1},text:{type:String,default:"Button"},icon:String,color:String,textColor:String,hoverColor:String,borderColor:String,fontSize:{type:[Number,String],default:14},fontWeight:{type:[Number,String],default:500}},emits:["click"],setup(e,{emit:t}){return(a,r)=>(n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(["spicyBtn",{outlined:e.variant==="outlined",disabled:e.disabled}]),style:n.normalizeStyle({"--color":e.color,"--textColor":e.textColor,"--hoverColor":e.hoverColor}),disabled:e.disabled,onClick:r[0]||(r[0]=(...o)=>a.onClick&&a.onClick(...o))},[e.icon?(n.openBlock(),n.createElementBlock("span",P,n.toDisplayString(e.icon),1)):n.createCommentVNode("",!0),n.createElementVNode("span",null,n.toDisplayString(e.text),1),n.renderSlot(a.$slots,"default")],14,N))}},z=["placeholder"],F={key:0,class:"spicyInputError"},L={__name:"SpicyLabel",props:{value:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:"Label"},error:{type:String,default:""},variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)}},setup(e){const t=e,a=`spicyInput-${c()}`,r=n.ref(t.value),o=n.ref(!1);function c(){const s="0123456789abcdefghijklmnopqrstuvwxyz";let d="";for(let f=0;f<6;f++)d+=s.charAt(Math.floor(Math.random()*s.length));return d}const I=s=>{r.value=s.target.value},G=()=>{o.value=!1},J=()=>{o.value=!0};return(s,d)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["spicyInputWrapper",[e.variant,{hasValue:r.value||e.value,hasFocus:o.value,hasError:e.error}]])},[n.createElementVNode("label",{class:"spicyInputLabel",for:a},n.toDisplayString(e.label),1),n.withDirectives(n.createElementVNode("input",{id:a,class:n.normalizeClass(["spicyInput",e.variant]),"onUpdate:modelValue":d[0]||(d[0]=f=>r.value=f),placeholder:e.placeholder,onInput:I,onBlur:G,onFocus:J},null,42,z),[[n.vModelText,r.value]]),n.renderSlot(s.$slots,"default"),e.error?(n.openBlock(),n.createElementBlock("span",F,n.toDisplayString(e.error),1)):n.createCommentVNode("",!0)],2))}},K=["aria-checked","onKeydown"],W=[n.createElementVNode("div",{class:"spicyToggleKnob"},null,-1)],v={__name:"SpicyToggle",props:{modelValue:Boolean},emits:["update:modelValue"],setup(e,{emit:t}){const a=e,r=t,o=()=>{r("update:modelValue",!a.modelValue)};return(c,I)=>(n.openBlock(),n.createElementBlock("div",n.mergeProps({class:["spicyToggle",{"is-active":e.modelValue}],onClick:o,role:"switch","aria-checked":e.modelValue.toString(),tabindex:"0",onKeydown:n.withKeys(n.withModifiers(o,["prevent"]),["space"])},c.$attrs),W,16,K))}};function u(e){try{return new URL(e),!0}catch(t){return console.error("Invalid URL:",t),!1}}function m(e){return u(e)?new URL(e).hostname:null}function h(e,t){if(!u(e))return e;const a=new URL(e);return Object.keys(t).forEach(r=>a.searchParams.append(r,t[r])),a.toString()}function p(e,t,a="https"){if(!["http","https","ftp","sftp","ftps","ssh"].includes(a.toLowerCase()))throw new Error("Invalid protocol: "+a);if(!/^(?!:\/\/)([a-z0-9-]+\.)*[a-z0-9-]+$/i.test(e))throw new Error("Invalid hostname: "+e);return t.startsWith("/")||(t="/"+t),t.endsWith("/")&&t.length>1&&(t=t.slice(0,-1)),t==="/"&&(t=""),`${a.toLowerCase()}://${e}${t}`}const R=Object.freeze(Object.defineProperty({__proto__:null,appendParamsToUrl:h,generateUrl:p,getHostname:m,isUrlValid:u},Symbol.toStringTag,{value:"Module"}));function g(e,t){const a={YYYY:()=>e.getFullYear().toString(),MM:()=>(e.getMonth()+1).toString().padStart(2,"0"),DD:()=>e.getDate().toString().padStart(2,"0")};return t.replace(/YYYY|MM|DD/g,r=>a[r]())}function S(e){const[t,a,r]=e.split("-");return new Date(Number(t),Number(a)-1,Number(r))}function b(e,t){const a=Math.abs(t.getTime()-e.getTime());return Math.ceil(a/(1e3*60*60*24))}function D(e,t){const a=new Date(e);return a.setDate(e.getDate()+t),a}function w(e,t){const a=new Date(e);return a.setDate(e.getDate()-t),a}function k(e){const t=new Date;return e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}function O(e){const t=new Date;return t.setDate(t.getDate()-1),e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}function B(e){const t=new Date;return t.setDate(t.getDate()+1),e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}function C(e="YYYY-MM-DD",t={show:!0,separator:"-"}){if(typeof e!="string"||typeof t!="object"||!t.hasOwnProperty("show")||typeof t.show!="boolean")throw new Error('Invalid parameters: Please provide a valid format string and options object with a boolean "show" property.');let r=g(new Date,e);return t.separator&&t.separator!=="-"&&(r=r.replace(/-/g,t.separator)),t.show?{value:r,isVisible:!0}:{value:r,isVisible:!1}}const q=Object.freeze(Object.defineProperty({__proto__:null,currentDate:C,dateAdd:D,dateDiff:b,dateIsToday:k,dateIsTomorrow:B,dateIsYesterday:O,dateSubtract:w,formatDate:g,parseDate:S},Symbol.toStringTag,{value:"Module"}));function M(e){const t=new WeakMap;function a(r){if(i(r)||typeof r!="object")return r;if(t.has(r))return t.get(r);const o=Array.isArray(r)?[]:{};t.set(r,o);for(const c in r)Object.prototype.hasOwnProperty.call(r,c)&&(o[c]=a(r[c]));return o}return a(e)}function y(...e){const t={};return e.forEach(a=>{if(!i(a)){for(const r in a)if(Object.prototype.hasOwnProperty.call(a,r)){const o=a[r];o!==void 0&&(typeof o=="object"&&o!==null&&!Array.isArray(o)?t[r]=y(t[r]||{},o):t[r]=o)}}}),t}function V(...e){return i(e[0])?e[0]:Object.assign({},...e)}function E(e){return i(e)?[]:Object.keys(e)}function T(e){return i(e)?[]:Object.values(e)}function Y(e){return i(e)?[]:Object.entries(e)}function i(e){return e===null||typeof e!="object"?!1:Array.isArray(e)?e.length===0:Object.keys(e).length===0}const H=Object.freeze(Object.defineProperty({__proto__:null,deepClone:M,deepMerge:y,getObjectEntries:Y,getObjectKeys:E,getObjectValues:T,isObjectEmpty:i,mergeObjects:V},Symbol.toStringTag,{value:"Module"})),_=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));l.SpicyAlert=$,l.SpicyBtn=A,l.SpicyLabel=L,l.SpicyToggle=v,l.appendParamsToUrl=h,l.css=_,l.currentDate=C,l.dateAdd=D,l.dateDiff=b,l.dateIsToday=k,l.dateIsTomorrow=B,l.dateIsYesterday=O,l.dateSubtract=w,l.dateUtils=q,l.deepClone=M,l.deepMerge=y,l.formatDate=g,l.generateUrl=p,l.getHostname=m,l.getObjectEntries=Y,l.getObjectKeys=E,l.getObjectValues=T,l.isObjectEmpty=i,l.isUrlValid=u,l.mergeObjects=V,l.objUtils=H,l.parseDate=S,l.urlUtils=R,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(function(a,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis<"u"?globalThis:a||self,t(a.SpicyKatsu={},a.Vue))})(this,function(a,t){"use strict";const W={key:0,class:"spicyAlertIcon"},K={key:1},b={__name:"SpicyAlert",props:{variant:{type:String,default:"info",validator:e=>["info","success","warning","error","custom"].includes(e)},text:{type:String,default:"Button"},icon:String,iconOnly:Boolean,closable:{type:Boolean,default:!1},autoClose:{type:Number,default:0}},setup(e){const l=e,n=t.ref(!0),o=()=>{n.value=!1};return l.autoClose>0&&setTimeout(()=>{n.value=!1},l.autoClose),(r,i)=>(t.openBlock(),t.createBlock(t.Transition,{name:"fade"},{default:t.withCtx(()=>[n.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["spicyAlert",e.variant])},[e.iconOnly||e.text?(t.openBlock(),t.createElementBlock("span",W,t.toDisplayString(e.icon),1)):t.createCommentVNode("",!0),!e.iconOnly&&e.text?(t.openBlock(),t.createElementBlock("span",K,t.toDisplayString(e.text),1)):t.createCommentVNode("",!0),e.closable?(t.openBlock(),t.createElementBlock("button",{key:2,class:"closeBtn",onClick:o},"×")):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0)]),_:1}))}},H=["disabled"],R={key:0,class:"spicyBtnIcon"},C={__name:"SpicyBtn",props:{variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)},disabled:{type:Boolean,default:!1},text:{type:String,default:"Button"},icon:String,bgColor:String,textColor:String,hoverColor:String,borderColor:String,fontSize:{type:[Number,String],default:14},fontWeight:{type:[Number,String],default:500}},emits:["click"],setup(e,{emit:l}){const n=e,o=t.computed(()=>({"--fontSize":n.fontSize,"--fontWeight":n.fontWeight,"--bgColor":n.bgColor,"--textColor":n.textColor,"--borderColor":n.borderColor,"--hoverColor":n.hoverColor}));return(r,i)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["spicyBtn",{outlined:e.variant==="outlined",disabled:e.disabled}]),style:t.normalizeStyle({...o.value}),disabled:e.disabled,onClick:i[0]||(i[0]=(...s)=>r.onClick&&r.onClick(...s))},[e.icon?(t.openBlock(),t.createElementBlock("span",R,t.toDisplayString(e.icon),1)):t.createCommentVNode("",!0),t.createElementVNode("span",null,t.toDisplayString(e.text),1),t.renderSlot(r.$slots,"default")],14,H))}},q={key:0,class:"navControls"},x={key:1,class:"pagination"},G=["onClick"],k={__name:"SpicyCarousel",props:{autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:5e3},showNavigation:{type:Boolean,default:!0},showPagination:{type:Boolean,default:!0},activeColor:{type:String,default:"rgba(0, 255, 234, 0.5)"},loop:{type:Boolean,default:!0},initialSlide:{type:Number,default:0},slides:{type:Array,required:!0},width:{type:String,default:"540px"},height:{type:String,default:"300px"},variant:{type:String,default:""}},setup(e){const l=e,n=t.computed(()=>({"--width":l.width,"--height":l.height,"--activeColor":l.activeColor})),o=t.ref(l.initialSlide),r=t.computed(()=>l.slides[o.value]);let i;t.onMounted(()=>{l.autoplay&&(i=setInterval(d,l.autoplaySpeed))});const s=()=>{o.value=(o.value-1+l.slides.length)%l.slides.length},d=()=>{o.value=(o.value+1)%l.slides.length},g=u=>{o.value=u},c=()=>{clearInterval(i)},y=()=>{l.autoplay&&(i=setInterval(d,l.autoplaySpeed))};return t.onUnmounted(()=>{clearInterval(i)}),(u,ie)=>(t.openBlock(),t.createElementBlock("div",{class:"carouselContainer",style:t.normalizeStyle({...n.value}),onMouseenter:c,onMouseleave:y},[t.createVNode(t.Transition,{name:"slide",mode:"out-in"},{default:t.withCtx(()=>[(t.openBlock(),t.createElementBlock("div",{key:o.value,class:"slide",style:t.normalizeStyle({backgroundImage:`url(${r.value.img})`})},[t.renderSlot(u.$slots,"default"),e.slides[o.value].text?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["textOverlay",{fullScreen:e.variant==="fullScreen",disabled:u.disabled}])},t.toDisplayString(e.slides[o.value].text),3)):t.createCommentVNode("",!0)],4))]),_:3}),e.showNavigation?(t.openBlock(),t.createElementBlock("div",q,[t.createElementVNode("div",{class:"prevNav"},[t.createElementVNode("button",{class:"prev",onClick:s},"<")]),t.createElementVNode("div",{class:"nextNav"},[t.createElementVNode("button",{class:"next",onClick:d},">")])])):t.createCommentVNode("",!0),e.showPagination?(t.openBlock(),t.createElementBlock("div",x,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.slides,(ce,p)=>(t.openBlock(),t.createElementBlock("button",{key:p,onClick:se=>g(p),class:t.normalizeClass({active:p===o.value})},t.toDisplayString(p+1),11,G))),128))])):t.createCommentVNode("",!0)],36))}},J=["placeholder"],Q={key:0,class:"spicyInputError"},B={__name:"SpicyLabel",props:{value:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:"Label"},error:{type:String,default:""},variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)}},setup(e){const l=e,n=`spicyInput-${i()}`,o=t.ref(l.value),r=t.ref(!1);function i(){const c="0123456789abcdefghijklmnopqrstuvwxyz";let y="";for(let u=0;u<6;u++)y+=c.charAt(Math.floor(Math.random()*c.length));return y}const s=c=>{o.value=c.target.value},d=()=>{r.value=!1},g=()=>{r.value=!0};return(c,y)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["spicyInputWrapper",[e.variant,{hasValue:o.value||e.value,hasFocus:r.value,hasError:e.error}]])},[t.createElementVNode("label",{class:"spicyInputLabel",for:n},t.toDisplayString(e.label),1),t.withDirectives(t.createElementVNode("input",{id:n,class:t.normalizeClass(["spicyInput",e.variant]),"onUpdate:modelValue":y[0]||(y[0]=u=>o.value=u),placeholder:e.placeholder,onInput:s,onBlur:d,onFocus:g},null,42,J),[[t.vModelText,o.value]]),t.renderSlot(c.$slots,"default"),e.error?(t.openBlock(),t.createElementBlock("span",Q,t.toDisplayString(e.error),1)):t.createCommentVNode("",!0)],2))}},X={class:"spicyModalHeader"},Z={class:"spicyModalActions"},_=["onClick"],w={__name:"SpicyModal",props:{width:{type:String,default:"50%"},height:{type:String,default:"auto"},borderRadius:{type:String,default:"8px"},bgColor:{type:String,default:"#2b2b2b"},visible:{type:Boolean,default:!1},closeBtn:{type:Boolean,default:!1},actions:{type:Array,default:()=>[]},closeOnClick:{type:Boolean,default:!0},modalTitle:{type:String,default:"Title"}},emits:["update:visible"],setup(e,{emit:l}){const n=e,o=t.computed(()=>({"--width":n.width,"--height":n.height,"--borderRadius":n.borderRadius,"--bgColor":n.bgColor})),r=l,i=()=>{r("update:visible",!1)},s=()=>{n.closeOnClick&&i()};return(d,g)=>e.visible?(t.openBlock(),t.createElementBlock("div",{key:0,class:"spicyModalOverlay",onClick:s},[t.createElementVNode("div",{class:"spicyModal",style:t.normalizeStyle({...o.value})},[t.createElementVNode("header",X,[t.renderSlot(d.$slots,"spicyModalHeader",{title:e.modalTitle},()=>[t.createTextVNode(t.toDisplayString(e.modalTitle),1)])]),t.renderSlot(d.$slots,"default"),t.createElementVNode("div",Z,[e.actions.length===0&&e.closeBtn?(t.openBlock(),t.createElementBlock("button",{key:0,class:"closeBtn",onClick:i},"Close")):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.actions,c=>(t.openBlock(),t.createElementBlock("button",{class:"actionBtn",key:c.label,onClick:c.handler},t.toDisplayString(c.label),9,_))),128))])],4)])):t.createCommentVNode("",!0)}},ee=["aria-checked","onKeydown","aria-label"],te=[t.createElementVNode("div",{class:"spicyToggleKnob"},null,-1)],D={__name:"SpicyToggle",props:{modelValue:Boolean,label:String,variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)},borderColor:String,activeColor:String,focusShadow:String},emits:["update:modelValue"],setup(e,{emit:l}){const n=e,o=t.computed(()=>({"--borderColor":n.borderColor,"--activeColor":n.activeColor,"--focusShadow":n.focusShadow})),r=l,i=()=>{r("update:modelValue",!n.modelValue)};return(s,d)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["spicyToggle",{outlined:e.variant==="outlined","is-active":e.modelValue}],style:{...o.value},onClick:i,role:"switch","aria-checked":e.modelValue.toString(),tabindex:"0",onKeydown:[t.withKeys(t.withModifiers(i,["prevent"]),["space"]),t.withKeys(t.withModifiers(i,["prevent"]),["enter"])],"aria-label":e.label},s.$attrs),te,16,ee))}};function h(e,l){const n={YYYY:()=>e.getFullYear().toString(),MM:()=>(e.getMonth()+1).toString().padStart(2,"0"),DD:()=>e.getDate().toString().padStart(2,"0")};return l.replace(/YYYY|MM|DD/g,o=>n[o]())}function E(e){const[l,n,o]=e.split("-");return new Date(Number(l),Number(n)-1,Number(o))}function V(e,l){const n=Math.abs(l.getTime()-e.getTime());return Math.ceil(n/(1e3*60*60*24))}function M(e,l){const n=new Date(e);return n.setDate(e.getDate()+l),n}function O(e,l){const n=new Date(e);return n.setDate(e.getDate()-l),n}function N(e){const l=new Date;return e.getDate()===l.getDate()&&e.getMonth()===l.getMonth()&&e.getFullYear()===l.getFullYear()}function T(e){const l=new Date;return l.setDate(l.getDate()-1),e.getDate()===l.getDate()&&e.getMonth()===l.getMonth()&&e.getFullYear()===l.getFullYear()}function $(e){const l=new Date;return l.setDate(l.getDate()+1),e.getDate()===l.getDate()&&e.getMonth()===l.getMonth()&&e.getFullYear()===l.getFullYear()}function I(e="YYYY-MM-DD",l={show:!0,separator:"-"}){if(typeof e!="string"||typeof l!="object"||!l.hasOwnProperty("show")||typeof l.show!="boolean")throw new Error('Invalid parameters: Please provide a valid format string and options object with a boolean "show" property.');let o=h(new Date,e);return l.separator&&l.separator!=="-"&&(o=o.replace(/-/g,l.separator)),l.show?{value:o,isVisible:!0}:{value:o,isVisible:!1}}const le=Object.freeze(Object.defineProperty({__proto__:null,currentDate:I,dateAdd:M,dateDiff:V,dateIsToday:N,dateIsTomorrow:$,dateIsYesterday:T,dateSubtract:O,formatDate:h,parseDate:E},Symbol.toStringTag,{value:"Module"}));function z(e){const l=new WeakMap;function n(o){if(f(o)||typeof o!="object")return o;if(l.has(o))return l.get(o);const r=Array.isArray(o)?[]:{};l.set(o,r);for(const i in o)Object.prototype.hasOwnProperty.call(o,i)&&(r[i]=n(o[i]));return r}return n(e)}function S(...e){const l={};return e.forEach(n=>{if(!f(n)){for(const o in n)if(Object.prototype.hasOwnProperty.call(n,o)){const r=n[o];r!==void 0&&(typeof r=="object"&&r!==null&&!Array.isArray(r)?l[o]=S(l[o]||{},r):l[o]=r)}}}),l}function A(...e){return f(e[0])?e[0]:Object.assign({},...e)}function Y(e){return f(e)?[]:Object.keys(e)}function U(e){return f(e)?[]:Object.values(e)}function F(e){return f(e)?[]:Object.entries(e)}function f(e){return e===null||typeof e!="object"?!1:Array.isArray(e)?e.length===0:Object.keys(e).length===0}const ne=Object.freeze(Object.defineProperty({__proto__:null,deepClone:z,deepMerge:S,getObjectEntries:F,getObjectKeys:Y,getObjectValues:U,isObjectEmpty:f,mergeObjects:A},Symbol.toStringTag,{value:"Module"}));function m(e){try{return new URL(e),!0}catch(l){return console.error("Invalid URL:",l),!1}}function P(e){return m(e)?new URL(e).hostname:null}function j(e,l){if(!m(e))return e;const n=new URL(e);return Object.keys(l).forEach(o=>n.searchParams.append(o,l[o])),n.toString()}function L(e,l,n="https"){if(!["http","https","ftp","sftp","ftps","ssh"].includes(n.toLowerCase()))throw new Error("Invalid protocol: "+n);if(!/^(?!:\/\/)([a-z0-9-]+\.)*[a-z0-9-]+$/i.test(e))throw new Error("Invalid hostname: "+e);return l.startsWith("/")||(l="/"+l),l.endsWith("/")&&l.length>1&&(l=l.slice(0,-1)),l==="/"&&(l=""),`${n.toLowerCase()}://${e}${l}`}const oe=Object.freeze(Object.defineProperty({__proto__:null,appendParamsToUrl:j,generateUrl:L,getHostname:P,isUrlValid:m},Symbol.toStringTag,{value:"Module"})),v=':root{--primaryColor: #5e1381;--primaryColorHover: #811faf;--secondaryColor: #2757f7;--errorColor: #ff0000;--primaryBorderColor: #ccc;--primaryTextColor: #ddd;--disabledOpacity: .5;--labelFocus: var(--primaryColor);--fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--fontSize: 14px;--fontWeight: 500;--borderWidth: 2px;--borderRadius: 4px}.spicyText{color:var(--primaryTextColor);font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight)}.spicyHeader{color:var(--primaryTextColor);font-family:var(--fontFamily);font-size:24px;font-weight:700}',ae={install(e,l={}){const{useComponents:n=!0,useStyles:o=!0}=l;if(n&&(e.component("SpicyAlert",b),e.component("SpicyBtn",C),e.component("SpicyCarousel",k),e.component("SpicyLabel",B),e.component("SpicyModal",w),e.component("SpicyToggle",D)),o){const r=document.createElement("style");r.textContent=v,document.head.appendChild(r)}}};a.SpicyAlert=b,a.SpicyBtn=C,a.SpicyCarousel=k,a.SpicyLabel=B,a.SpicyModal=w,a.SpicyToggle=D,a.appendParamsToUrl=j,a.currentDate=I,a.dateAdd=M,a.dateDiff=V,a.dateIsToday=N,a.dateIsTomorrow=$,a.dateIsYesterday=T,a.dateSubtract=O,a.dateUtils=le,a.deepClone=z,a.deepMerge=S,a.default=ae,a.formatDate=h,a.generateUrl=L,a.getHostname=P,a.getObjectEntries=F,a.getObjectKeys=Y,a.getObjectValues=U,a.isObjectEmpty=f,a.isUrlValid=m,a.mergeObjects=A,a.objUtils=ne,a.parseDate=E,a.spicyStyles=v,a.urlUtils=oe,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.spicyAlert{display:flex;align-items:center;padding:12px;border-radius:4px;margin-bottom:12px}.info{background-color:#e0e0e0;color:#333}.success{background-color:#d4edda;color:#155724}.warning{background-color:#fff3cd;color:#856404}.error{background-color:#ffbdc2;color:#911f2a}.spicyAlertIcon{margin-right:8px}.closeButton{margin-left:auto;background:none;border:none;cursor:pointer}.spicyBtn{padding:8px 16px;background-color:var(--color, var(--primaryColor));border:none;border-radius:4px;color:var(--textColor);cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .25s}.spicyBtn.outlined{background-color:transparent;border:2px solid var(--borderColor);color:#424242}.spicyBtn.disabled{opacity:.5;cursor:not-allowed}.spicyBtn:hover:not(.disabled){background-color:var(--hoverColor, grey)}.spicyBtn.outlined:hover:not(.disabled){background-color:var(--hoverColor, grey);color:var(--textColor)}.spicyBtnIcon{margin-right:6px}.spicyInputWrapper{display:flex;flex-direction:column;position:relative}.spicyInputLabel{position:absolute;top:12px;left:16px;color:var(--textColor);transition:top .25s,font-size .25s,color .25s;pointer-events:none;font-size:18px;background-color:transparent}.spicyInput{padding:20px 16px 8px;border:none;border-bottom:1px solid var(--borderColor);font-size:16px;width:100%;box-sizing:border-box;transition:border-color .25s;background-color:transparent;color:var(--textColor)}.spicyInputWrapper .spicyInput:focus{outline:none;border-color:var(--labelFocus)}.outlined .spicyInput{border:1px solid var(--borderColor);border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--borderColor)}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel{top:-16px;font-size:16px;color:var(--labelFocus);font-weight:700}.hasError .spicyInput{border-color:red}.spicyInputError{color:red;font-size:12px;margin-top:4px}.spicyToggle{width:50px;height:24px;background-color:var(--borderColor);border-radius:30px;cursor:pointer;padding:2px;transition:background-color .2s;display:inline-flex;align-items:center}.spicyToggle.is-active{background-color:var(--primaryColor)}.spicyToggleKnob{width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.spicyToggle.is-active .spicyToggleKnob{transform:translate(26px)}.spicyToggle:focus{outline:none;box-shadow:0 0 0 2px #5e138180}:root{--primaryColor: #5e1381;--primaryColorHover: #811faf;--errorColor: #ff0000;--borderColor: #ccc;--textColor: #ddd;--disabledOpacity: .5;--labelFocus: var(--primaryColor);--fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--fontSize: 14px;--fontWeight: 500;--borderWidth: 2px;--borderRadius: 4px}.spicyText{color:var(--textColor);font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight)}.spicyHeader{color:var(--textColor);font-family:var(--fontFamily);font-size:24px;font-weight:700}
+.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.spicyAlert{display:flex;align-items:center;padding:12px;border-radius:4px;margin-bottom:12px}.info{background-color:#e0e0e0;color:#333}.success{background-color:#bcf7c9;color:#155724}.warning{background-color:#fff3cd;color:#856404}.error{background-color:#ffbdc2;color:#911f2a}.spicyAlertIcon{margin-right:8px}.closeBtn{margin-left:auto;background:none;border:none;cursor:pointer}.spicyBtn{padding:8px 16px;background-color:var(--bgColor, var(--primaryColor));border:none;border-radius:4px;color:var(--textColor, var(--primaryTextColor));cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .25s}.spicyBtn.outlined{background-color:transparent;border:2px solid var(--borderColor, var(--primaryBorderColor));color:#424242}.spicyBtn.disabled{opacity:.5;cursor:not-allowed}.spicyBtn:hover:not(.disabled){background-color:var(--hoverColor, grey)}.spicyBtn.outlined:hover:not(.disabled){background-color:var(--hoverColor, grey);color:var(--textColor, var(--primaryTextColor))}.spicyBtnIcon{margin-right:6px}.carouselContainer{position:relative;overflow:hidden;width:var(--width, 540px);height:var(--height, 300px)}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease;position:relative}.textOverlay{position:absolute;bottom:10px;left:10px;background-color:#000000bf;padding:10px;color:#ccc;font-size:18px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.textOverlay.fullScreen{top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#00000080}.slide-enter-active,.slide-leave-active{transition:opacity .3s}.slide-enter,.slide-leave-to{opacity:0}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#fff;cursor:pointer;z-index:1;text-shadow:0 0 5px black;background:#00000080;height:35px;width:35px;border-radius:50%}.prev{left:10px}.next{right:10px}.pagination{position:absolute;bottom:10px;left:50%;transform:translate(-50%);text-shadow:0 0 5px black}.pagination button{border:none;color:#fff;cursor:pointer;margin:0 5px;background:#00000080;height:25px;width:25px;border-radius:50%;font-weight:700}.pagination button.active{background:var(--activeColor);font-weight:700}.spicyInputWrapper{display:flex;flex-direction:column;position:relative}.spicyInputLabel{position:absolute;top:12px;left:16px;color:var(--textColor, var(--primaryTextColor));transition:top .25s,font-size .25s,color .25s;pointer-events:none;font-size:18px;background-color:transparent}.spicyInput{padding:20px 16px 8px;border:none;border-bottom:1px solid var(--borderColor, var(--primaryBorderColor));font-size:16px;width:100%;box-sizing:border-box;transition:border-color .25s;background-color:transparent;color:var(--textColor, var(--primaryTextColor))}.spicyInputWrapper .spicyInput:focus{outline:none;border-color:var(--labelFocus)}.outlined .spicyInput{border:1px solid var(--borderColor, var(--primaryBorderColor));border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--borderColor, var(--primaryBorderColor))}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel{top:-16px;font-size:16px;color:var(--labelFocus);font-weight:700}.hasError .spicyInput{border-color:red}.spicyInputError{color:red;font-size:12px;margin-top:4px}.spicyModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.spicyModal{padding:20px;box-shadow:0 0 6px 2px #0003;transition:transform .3s ease-out;font-size:15px;border-radius:var(--borderRadius);background-color:var(--bgColor)}.spicyModalHeader{text-align:center;font-size:20px;font-weight:700}.spicyModalActions{margin-top:20px;text-align:right}.spicyModalActions button{margin-left:10px}.actionBtn,.closeBtn{background-color:transparent;border:none;color:#fff;cursor:pointer}.spicyToggle{width:50px;height:24px;background-color:var(--borderColor, var(--primaryBorderColor));border-radius:30px;cursor:pointer;padding:2px;transition:background-color .2s;display:inline-flex;align-items:center}.spicyToggle.is-active{background-color:var(--activeColor, var(--primaryColor))}.spicyToggleKnob{width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.spicyToggle.is-active .spicyToggleKnob{transform:translate(26px)}.spicyToggle:focus{outline:none;box-shadow:0 0 0 2px var(--foucsShadow, var(--primaryColor))}.spicyToggle.outlined{background-color:transparent;border:2px solid var(--borderColor, var(--primaryBorderColor))}.spicyToggle.outlined.is-active{background-color:var(--activeColor, var(--primaryColor))}

package/package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "author": "Sato",
   "private": false,
-  "version": "0.0.31",
+  "version": "0.0.33",
   "files": [
     "dist/",
     "package.json",
@@ -20,12 +20,12 @@
     "test": "jest"
   },
   "dependencies": {
-    "vue": "^3.4.21"
+    "vue": "^3.4.23"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.4.4",
-    "vite": "^5.2.8",
-    "vue-tsc": "^2.0.10"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.9",
+    "vue-tsc": "^2.0.13"
   }
 }