spicykatsu 0.0.39 → 0.0.41

package/dist/spicykatsu.es.js

@@ -1,717 +1,732 @@
-import { ref as S, watch as V, openBlock as n, createBlock as K, Transition as F, withCtx as P, createElementBlock as s, normalizeClass as b, withKeys as T, toDisplayString as g, createCommentVNode as p, renderSlot as h, computed as m, resolveDirective as X, withDirectives as M, normalizeStyle as k, createElementVNode as f, onMounted as q, onUnmounted as G, createVNode as J, Fragment as Y, renderList as A, vModelText as L, createTextVNode as Q, mergeProps as Z, withModifiers as O, reactive as ee, nextTick as te } from "vue";
-const le = ["aria-label"], oe = {
+import { defineComponent as b, ref as S, watch as Y, openBlock as r, createBlock as X, Transition as P, withCtx as A, createElementBlock as c, normalizeClass as C, withKeys as M, toDisplayString as v, createCommentVNode as f, renderSlot as m, computed as g, resolveDirective as q, withDirectives as D, normalizeStyle as k, createElementVNode as h, onMounted as G, onUnmounted as J, createVNode as Q, Fragment as E, renderList as z, vModelText as x, createTextVNode as Z, mergeProps as ee, withModifiers as L, reactive as te, nextTick as oe } from "vue";
+const le = ["aria-label"], ae = {
   key: 0,
   class: "spicyAlertIcon"
-}, ae = {
+}, se = {
   key: 1,
   class: "spicyAlertText"
-}, ie = {
+}, ne = /* @__PURE__ */ b({
   __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,
+    variant: { default: "info" },
+    text: { default: "" },
+    icon: { default: "" },
+    iconOnly: { type: Boolean, default: !1 },
     closable: { type: Boolean, default: !1 },
-    autoClose: { type: Number, default: 0 }
+    autoClose: { default: 0 }
   },
   setup(e) {
-    const t = e, l = S(!0), a = () => {
-      l.value = !1;
+    const t = e, o = S(!0), a = () => {
+      o.value = !1;
     };
-    return V(
+    return Y(
       () => t.autoClose,
-      (o) => {
-        o > 0 && setTimeout(() => {
-          l.value = !1;
-        }, o);
+      (l) => {
+        l && l > 0 && setTimeout(() => {
+          a();
+        }, l);
       }
-    ), (o, r) => (n(), K(F, { name: "fade" }, {
-      default: P(() => [
-        l.value ? (n(), s("div", {
+    ), (l, s) => (r(), X(P, { name: "fade" }, {
+      default: A(() => [
+        o.value ? (r(), c("div", {
           key: 0,
-          class: b(["spicyAlert", e.variant]),
+          class: C(["spicyAlert", l.variant]),
           "aria-atomic": "true",
-          "aria-label": e.text,
+          "aria-label": l.text,
           role: "alert",
-          onKeydown: T(a, ["enter"])
+          onKeydown: M(a, ["enter"])
         }, [
-          e.iconOnly || e.text ? (n(), s("span", oe, g(e.icon), 1)) : p("", !0),
-          !e.iconOnly && e.text ? (n(), s("span", ae, g(e.text), 1)) : p("", !0),
-          e.closable ? (n(), s("button", {
+          l.iconOnly || l.text ? (r(), c("span", ae, v(l.icon), 1)) : f("", !0),
+          !l.iconOnly && l.text ? (r(), c("span", se, v(l.text), 1)) : f("", !0),
+          l.closable ? (r(), c("button", {
             key: 2,
             class: "spicyAlertCloseBtn",
             onClick: a,
             "aria-label": "Close alert"
-          }, " X ")) : p("", !0),
-          h(o.$slots, "default")
-        ], 42, le)) : p("", !0)
+          }, " X ")) : f("", !0),
+          m(l.$slots, "default")
+        ], 42, le)) : f("", !0)
       ]),
       _: 3
     }));
   }
-}, ne = ["disabled", "aria-label", "aria-disabled", "tabindex"], se = {
+}), ie = ["disabled", "aria-label", "aria-disabled", "tabindex"], re = {
   key: 0,
   class: "spicyBtnIcon spicyMDI",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, re = ["d"], ce = {
+}, ce = ["d"], ue = {
   key: 1,
   class: "spicyBtnIcon"
-}, ue = {
+}, de = {
   key: 2,
   class: "spicyBtnText"
-}, de = {
+}, pe = /* @__PURE__ */ b({
   __name: "SpicyBtn",
   props: {
-    variant: {
-      type: String,
-      default: "filled",
-      validator: (e) => ["outlined", "filled"].includes(e)
-    },
+    variant: { default: "filled" },
     disabled: { type: Boolean, default: !1 },
-    text: { type: String, default: "" },
-    icon: String,
-    mdi: String,
-    bgColor: String,
-    textColor: String,
-    hoverColor: String,
-    borderColor: String,
-    // Custom color (if outlined variant)
-    fontSize: { type: [Number, String], default: 16 },
-    fontWeight: { type: [Number, String], default: 500 }
+    text: { default: "" },
+    icon: { default: "" },
+    mdi: { default: "" },
+    bgColor: { default: "" },
+    textColor: { default: "#ddd" },
+    hoverColor: { default: "" },
+    borderColor: { default: "" },
+    fontSize: { default: 16 },
+    fontWeight: { default: 500 }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, a = m(() => ({
-      "--skFontSize": typeof l.fontSize == "number" ? `${l.fontSize}px` : l.fontSize,
-      "--skFontWeight": l.fontWeight,
-      "--skBgColor": l.bgColor,
-      "--skTextColor": l.textColor,
-      "--skBorderColor": l.borderColor,
-      "--hoverColor": l.hoverColor
-    })), o = m(() => !l.text && (l.icon || l.mdi));
-    return (r, d) => {
-      const y = X("spicyRipple");
-      return M((n(), s("button", {
-        class: b(["spicyBtn", { outlined: e.variant === "outlined", disabled: e.disabled, rounded: o.value }]),
+    const o = e, a = g(() => ({
+      "--skFontSize": typeof o.fontSize == "number" ? `${o.fontSize}px` : o.fontSize,
+      "--skFontWeight": o.fontWeight,
+      "--skBgColor": o.bgColor,
+      "--skTextColor": o.textColor,
+      "--skBorderColor": o.borderColor,
+      "--hoverColor": o.hoverColor
+    })), l = g(() => !o.text && (o.icon || o.mdi));
+    return (s, u) => {
+      const i = q("spicyRipple");
+      return D((r(), c("button", {
+        class: C(["spicyBtn", { outlined: s.variant === "outlined", disabled: s.disabled, isRound: l.value }]),
         style: k({ ...a.value }),
-        disabled: e.disabled,
-        onClick: d[0] || (d[0] = (c) => r.$emit("click")),
+        disabled: s.disabled,
+        onClick: u[0] || (u[0] = (d) => s.$emit("click")),
         role: "button",
-        "aria-label": e.text,
-        "aria-disabled": e.disabled,
-        tabindex: e.disabled ? -1 : 0
+        "aria-label": s.text,
+        "aria-disabled": s.disabled,
+        tabindex: s.disabled ? -1 : 0
       }, [
-        e.mdi ? (n(), s("svg", se, [
-          f("path", {
+        s.mdi ? (r(), c("svg", re, [
+          h("path", {
             fill: "currentColor",
             class: "mdi-icon",
-            d: e.mdi
-          }, null, 8, re)
-        ])) : p("", !0),
-        e.icon && !e.mdi ? (n(), s("span", ce, g(e.icon), 1)) : p("", !0),
-        e.text ? (n(), s("span", ue, g(e.text), 1)) : p("", !0),
-        h(r.$slots, "default")
-      ], 14, ne)), [
-        [y]
+            d: s.mdi
+          }, null, 8, ce)
+        ])) : f("", !0),
+        s.icon && !s.mdi ? (r(), c("span", ue, v(s.icon), 1)) : f("", !0),
+        s.text ? (r(), c("span", de, v(s.text), 1)) : f("", !0),
+        m(s.$slots, "default")
+      ], 14, ie)), [
+        [i]
       ]);
     };
   }
-}, ye = ["aria-label"], pe = { class: "spicyCarouselInfoText" }, fe = { class: "spicyCarouselTitle" }, ge = { key: 0 }, he = {
+}), fe = ["aria-label"], ye = { class: "spicyCarouselInfoText" }, he = { class: "spicyCarouselTitle" }, ve = { key: 0 }, me = {
   key: 0,
   class: "spicyCarouselNavControls"
-}, ve = /* @__PURE__ */ f("span", { class: "spicyCarouselPrevBtnIcon" }, "<", -1), me = [
-  ve
-], be = /* @__PURE__ */ f("span", { class: "spicyCarouselNextBtnIcon" }, ">", -1), Se = [
-  be
-], Ce = {
+}, ge = /* @__PURE__ */ h("span", { class: "spicyCarouselPrevBtnIcon" }, "<", -1), be = [
+  ge
+], Ce = /* @__PURE__ */ h("span", { class: "spicyCarouselNextBtnIcon" }, ">", -1), Se = [
+  Ce
+], ke = {
   key: 1,
   class: "spicyCarouselPagination"
-}, ke = ["onClick"], we = { class: "spicyCarouselPage" }, xe = {
+}, we = ["onClick"], $e = { class: "spicyCarouselPage" }, _e = /* @__PURE__ */ b({
   __name: "SpicyCarousel",
   props: {
     autoplay: { type: Boolean, default: !1 },
-    autoplaySpeed: { type: Number, default: 5e3 },
+    autoplaySpeed: { default: 5e3 },
     showNavigation: { type: Boolean, default: !0 },
     showPagination: { type: Boolean, default: !0 },
-    activeColor: { type: String, default: "var(--skPrimaryColor)" },
+    activeColor: { default: "var(--skPrimaryColor)" },
     loop: { type: Boolean, default: !0 },
-    initialSlide: { type: Number, default: 0 },
-    slides: { type: Array, required: !0 },
-    width: { type: String, default: "580px" },
-    height: { type: String, default: "360px" },
+    initialSlide: { default: 0 },
+    slides: { default: () => [] },
+    width: { default: "580px" },
+    height: { default: "360px" },
     fullScreen: { type: Boolean, default: !1 },
     enableImageClick: { type: Boolean, default: !1 }
   },
   setup(e) {
-    let t, l, a = !1;
-    const o = e, r = m(() => ({
-      "--width": o.width,
-      "--height": o.height,
-      "--activeColor": o.activeColor
-    })), d = m(() => o.slides[c.value].title), y = m(() => i.value.fullScreen === !1 ? !1 : o.fullScreen), c = S(o.initialSlide), i = m(() => o.slides[c.value]);
-    let u;
-    const w = () => {
-      c.value = (c.value - 1 + o.slides.length) % o.slides.length;
-    }, x = () => {
-      c.value = (c.value + 1) % o.slides.length;
-    }, E = (v) => {
-      c.value = v;
-    }, U = () => {
-      clearInterval(u);
+    let t, o, a = !1;
+    const l = e, s = g(() => ({
+      "--width": l.width,
+      "--height": l.height,
+      "--activeColor": l.activeColor
+    })), u = g(() => {
+      var y;
+      return (y = l.slides[d.value]) == null ? void 0 : y.title;
+    }), i = g(() => n.value.fullScreen === !1 ? !1 : l.fullScreen), d = S(l.initialSlide), n = g(() => l.slides[d.value]);
+    let p;
+    const $ = () => {
+      d.value = (d.value - 1 + l.slides.length) % l.slides.length;
+    }, _ = () => {
+      d.value = (d.value + 1) % l.slides.length;
+    }, U = (y) => {
+      d.value = y;
+    }, O = () => {
+      p && clearInterval(p);
+    }, V = () => {
+      l.autoplay && (p = window.setInterval(_, l.autoplaySpeed));
     }, W = () => {
-      o.autoplay && (u = setInterval(x, o.autoplaySpeed));
-    }, R = () => {
-      window.open(i.value.img);
+      window.open(n.value.img);
     }, H = () => {
-      o.enableImageClick && R();
-    }, _ = (v) => {
-      t = v.touches[0].clientX, l = v.touches[0].clientY, a = !1;
-    }, j = (v) => {
+      l.enableImageClick && W();
+    }, j = (y) => {
+      t = y.touches[0].clientX, o = y.touches[0].clientY, a = !1;
+    }, K = (y) => {
       if (!a) {
-        const $ = v.touches[0].clientX - t, I = v.touches[0].clientY - l;
-        Math.abs($) > Math.abs(I) && ($ > 40 ? (w(), a = !0) : $ < -40 && (x(), a = !0));
+        const B = y.touches[0].clientX - t, F = y.touches[0].clientY - o;
+        Math.abs(B) > Math.abs(F) && (B > 40 ? ($(), a = !0) : B < -40 && (_(), a = !0));
       }
     };
-    return q(() => {
-      o.autoplay && (u = setInterval(x, o.autoplaySpeed));
-    }), G(() => {
-      clearInterval(u);
-    }), (v, $) => (n(), s("div", {
+    return G(() => {
+      V();
+    }), J(() => {
+      O();
+    }), (y, B) => (r(), c("div", {
       class: "spicyCarouselWrapper",
-      style: k({ ...r.value })
+      style: k({ ...s.value })
     }, [
-      f("div", {
+      h("div", {
         class: "spicyCarouselContainer",
-        onMouseenter: U,
-        onMouseleave: W,
-        onTouchstart: _,
-        onTouchmove: j
+        onMouseenter: O,
+        onMouseleave: V,
+        onTouchstart: j,
+        onTouchmove: K
       }, [
-        J(F, {
+        Q(P, {
           name: "slide",
           mode: "out-in"
         }, {
-          default: P(() => [
-            (n(), s("div", {
-              class: b(["spicyCarouselSlide", { pointCursor: o.enableImageClick }]),
-              key: c.value,
-              style: k({ backgroundImage: `url(${i.value.img})` }),
+          default: A(() => [
+            (r(), c("div", {
+              class: C(["spicyCarouselSlide", { pointCursor: l.enableImageClick }]),
+              key: d.value,
+              style: k({ backgroundImage: `url(${n.value.img})` }),
               onClick: H
             }, [
-              e.slides[c.value].text ? (n(), s("div", {
+              y.slides[d.value].text ? (r(), c("div", {
                 key: 0,
-                class: b(["spicyCarouselTextOverlay", { fullScreen: y.value }]),
-                "aria-label": e.slides[c.value].text
+                class: C(["spicyCarouselTextOverlay", { fullScreen: i.value }]),
+                "aria-label": y.slides[d.value].text
               }, [
-                f("span", pe, g(e.slides[c.value].text), 1)
-              ], 10, ye)) : p("", !0),
-              h(v.$slots, "default")
+                h("span", ye, v(y.slides[d.value].text), 1)
+              ], 10, fe)) : f("", !0),
+              m(y.$slots, "default")
             ], 6))
           ]),
           _: 3
         })
       ], 32),
-      f("div", fe, [
-        d.value ? (n(), s("h2", ge, g(i.value.title), 1)) : p("", !0)
+      h("div", he, [
+        u.value ? (r(), c("h2", ve, v(n.value.title), 1)) : f("", !0)
       ]),
-      e.showNavigation ? (n(), s("div", he, [
-        f("button", {
+      y.showNavigation ? (r(), c("div", me, [
+        h("button", {
           class: "spicyCarouselPrevBtn",
-          onClick: w
-        }, me),
-        f("button", {
+          onClick: $
+        }, be),
+        h("button", {
           class: "spicyCarouselNextBtn",
-          onClick: x
+          onClick: _
         }, Se)
-      ])) : p("", !0),
-      e.showPagination ? (n(), s("div", Ce, [
-        (n(!0), s(Y, null, A(e.slides, (I, B) => (n(), s("button", {
-          key: B,
-          onClick: (dt) => E(B),
-          class: b(["spicyCarouselPageBtn", { active: B === c.value }])
+      ])) : f("", !0),
+      y.showPagination ? (r(), c("div", ke, [
+        (r(!0), c(E, null, z(y.slides, (F, T) => (r(), c("button", {
+          key: T,
+          onClick: (yt) => U(T),
+          class: C(["spicyCarouselPageBtn", { active: T === d.value }])
         }, [
-          f("span", we, g(B + 1), 1)
-        ], 10, ke))), 128))
-      ])) : p("", !0)
+          h("span", $e, v(T + 1), 1)
+        ], 10, we))), 128))
+      ])) : f("", !0)
     ], 4));
   }
-}, $e = {
+}), Be = /* @__PURE__ */ b({
   __name: "SpicyDivider",
   props: {
-    variant: { type: String, default: "solid", validator: (e) => ["solid", "dashed"].includes(e) },
-    width: { type: String, default: "100%" },
-    height: { type: String, default: "1px" },
-    bgColor: { type: String, default: "var(--skBgColor)" }
+    variant: { default: "solid" },
+    width: { default: "100%" },
+    height: { default: "1px" },
+    bgColor: { default: "#5f5f5f" }
   },
   setup(e) {
-    const t = e, l = m(() => ({
+    const t = e, o = g(() => ({
       width: t.width,
-      height: t.height,
       borderBottom: `${t.height} ${t.variant} ${t.bgColor}`
     }));
-    return (a, o) => (n(), s("div", {
+    return (a, l) => (r(), c("div", {
       class: "spicyDivider",
-      style: k(l.value),
+      style: k(o.value),
       role: "separator",
       "aria-orientation": "horizontal"
     }, [
-      h(a.$slots, "default")
+      m(a.$slots, "default")
     ], 4));
   }
-}, Be = { class: "spicyInputLabel" }, Te = ["placeholder", "aria-label"], Me = {
+}), Te = ["aria-label"], Me = ["placeholder", "aria-label"], De = {
   key: 0,
   class: "spicyInputError"
-}, De = {
+}, Ie = /* @__PURE__ */ b({
   __name: "SpicyLabel",
   props: {
-    value: { type: String, default: "" },
-    placeholder: { type: String, default: "" },
-    label: { type: String, default: "" },
-    error: { type: String, default: "" },
-    variant: {
-      type: String,
-      default: "filled",
-      validator: (e) => ["outlined", "filled"].includes(e)
-    }
+    value: { default: "" },
+    placeholder: { default: "" },
+    label: { default: "" },
+    error: { default: "" },
+    variant: { default: "filled" }
   },
   setup(e) {
-    const l = S(e.value), a = S(!1), o = (y) => {
-      l.value = y.target.value;
-    }, r = () => {
+    const o = S(e.value), a = S(!1), l = (i) => {
+      const d = i.target;
+      o.value = d.value;
+    }, s = () => {
       a.value = !1;
-    }, d = () => {
+    }, u = () => {
       a.value = !0;
     };
-    return (y, c) => (n(), s("div", {
-      class: b(["spicyInputWrapper", [e.variant, { hasValue: l.value || e.value, hasFocus: a.value, hasError: e.error }]])
+    return (i, d) => (r(), c("div", {
+      class: C(["spicyInputWrapper", [i.variant, { hasValue: o.value || i.value, hasFocus: a.value, hasError: i.error }]])
     }, [
-      f("label", Be, g(e.label), 1),
-      M(f("input", {
-        class: b(["spicyInput", e.variant]),
-        "onUpdate:modelValue": c[0] || (c[0] = (i) => l.value = i),
-        placeholder: e.placeholder,
-        onInput: o,
-        onBlur: r,
-        onFocus: d,
-        "aria-label": e.label
-      }, null, 42, Te), [
-        [L, l.value]
+      h("label", {
+        class: "spicyInputLabel",
+        "aria-label": i.label
+      }, v(i.label), 9, Te),
+      D(h("input", {
+        type: "text",
+        name: "spicyInput",
+        class: C(["spicyInput", i.variant]),
+        "onUpdate:modelValue": d[0] || (d[0] = (n) => o.value = n),
+        placeholder: i.placeholder,
+        onInput: l,
+        onBlur: s,
+        onFocus: u,
+        "aria-label": i.label
+      }, null, 42, Me), [
+        [x, o.value]
       ]),
-      h(y.$slots, "default"),
-      e.error ? (n(), s("span", Me, g(e.error), 1)) : p("", !0)
+      m(i.$slots, "default"),
+      i.error ? (r(), c("span", De, v(i.error), 1)) : f("", !0)
     ], 2));
   }
-}, Ie = { class: "spicyModalHeader" }, Oe = { class: "spicyModalActions" }, Ve = ["onClick"], Fe = {
+}), Oe = { class: "spicyModalHeader" }, Ve = { class: "spicyModalActions" }, Fe = ["onClick"], Le = /* @__PURE__ */ b({
   __name: "SpicyModal",
   props: {
-    width: { type: String, default: "50%" },
-    height: { type: String, default: "auto" },
-    borderRadius: { type: String, default: "8px" },
-    bgColor: { type: String, default: "#2b2b2b" },
+    width: { default: "400px" },
+    height: { default: "auto" },
+    borderRadius: { default: "6px" },
+    bgColor: { default: "" },
     visible: { type: Boolean, default: !1 },
-    closeBtn: { type: Boolean, default: !1 },
-    actions: { type: Array, default: () => [] },
+    closeBtn: { type: Boolean, default: !0 },
+    actions: { default: () => [] },
     closeOnClick: { type: Boolean, default: !0 },
-    modalTitle: { type: String, default: "" }
+    modalTitle: { default: "" },
+    textColor: { default: "" }
   },
   emits: ["update:visible"],
   setup(e, { emit: t }) {
-    const l = e, a = m(() => ({
-      "--width": l.width,
-      "--height": l.height,
-      "--skBorderRadius": l.borderRadius,
-      "--skBgColor": l.bgColor
-    })), o = t, r = () => {
-      o("update:visible", !1);
-    }, d = (y) => {
-      l.closeOnClick && y.target.classList.contains("spicyModalOverlay") && r();
+    const o = e, a = g(() => ({
+      "--width": o.width,
+      "--height": o.height,
+      "--skBorderRadius": o.borderRadius,
+      "--skBgColor": o.bgColor,
+      "--skTextColor": o.textColor
+    })), l = t, s = () => {
+      l("update:visible", !1);
+    }, u = (i) => {
+      const d = i.target;
+      o.closeOnClick && d.classList.contains("spicyModalOverlay") && s();
     };
-    return (y, c) => e.visible ? (n(), s("div", {
+    return (i, d) => i.visible ? (r(), c("div", {
       key: 0,
       class: "spicyModalOverlay",
-      onClick: d
+      onClick: u
     }, [
-      f("div", {
+      h("div", {
         class: "spicyModal",
         style: k({ ...a.value })
       }, [
-        f("header", Ie, [
-          h(y.$slots, "spicyModalHeader", { title: e.modalTitle }, () => [
-            Q(g(e.modalTitle), 1)
+        h("header", Oe, [
+          m(i.$slots, "spicyModalHeader", {
+            title: i.modalTitle,
+            ariaLabel: i.modalTitle
+          }, () => [
+            Z(v(i.modalTitle), 1)
           ])
         ]),
-        h(y.$slots, "default"),
-        f("div", Oe, [
-          h(y.$slots, "spicyModalActions"),
-          e.actions.length === 0 && e.closeBtn ? (n(), s("button", {
+        m(i.$slots, "default"),
+        h("div", Ve, [
+          m(i.$slots, "spicyModalActions"),
+          i.actions.length === 0 && i.closeBtn ? (r(), c("button", {
             key: 0,
             class: "spicyModalCloseBtn spicyModalActionBtn",
-            onClick: r
-          }, " Close ")) : p("", !0),
-          (n(!0), s(Y, null, A(e.actions, (i) => (n(), s("button", {
+            onClick: s
+          }, " Close ")) : f("", !0),
+          (r(!0), c(E, null, z(i.actions, (n) => (r(), c("button", {
             class: "spicyModalExtraBtn spicyModalActionBtn",
-            key: i.label,
-            onClick: i.handler
-          }, g(i.label), 9, Ve))), 128))
+            key: n.label,
+            onClick: n.handler
+          }, v(n.label), 9, Fe))), 128))
         ])
       ], 4)
-    ])) : p("", !0);
+    ])) : f("", !0);
   }
-}, Pe = { class: "spicySlider" }, Ye = {
-  key: 0,
-  class: "spicySliderLabel"
-}, Ae = ["min", "max", "step"], Le = {
+}), Ye = /* @__PURE__ */ b({
+  __name: "SpicySheet",
+  props: {
+    isRounded: { type: Boolean, default: !1 },
+    color: { default: "" }
+  },
+  setup(e) {
+    const t = e, o = g(() => ({
+      "--color": t.color || "transparent"
+    }));
+    return (a, l) => (r(), c("div", {
+      class: C(["spicySheet", { isRound: a.isRounded }]),
+      style: k({ ...o.value })
+    }, [
+      m(a.$slots, "default")
+    ], 6));
+  }
+}), Pe = { class: "spicySlider" }, Ae = ["aria-label"], Ee = ["min", "max", "step"], ze = /* @__PURE__ */ b({
   __name: "SpicySlider",
   props: {
-    min: { type: Number, default: 0 },
-    max: { type: Number, default: 100 },
-    step: { type: Number, default: 1 },
-    label: { type: String, default: "" },
-    modelValue: { type: Number, default: 0 }
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    label: { default: "" },
+    modelValue: { default: 0 }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = t, o = S(l.modelValue);
-    V(
-      () => l.modelValue,
-      (d) => {
-        o.value = d;
+    const o = e, a = t, l = S(o.modelValue);
+    Y(
+      () => o.modelValue,
+      (u) => {
+        l.value = u;
       }
     );
-    const r = (d) => {
-      a("update:modelValue", Number(d.target.value));
+    const s = (u) => {
+      const i = u.target;
+      a("update:modelValue", Number(i.value));
     };
-    return (d, y) => (n(), s("div", Pe, [
-      e.label ? (n(), s("label", Ye, g(e.label), 1)) : p("", !0),
-      M(f("input", {
+    return (u, i) => (r(), c("div", Pe, [
+      u.label ? (r(), c("label", {
+        key: 0,
+        class: "spicySliderLabel",
+        "aria-label": u.label
+      }, v(u.label), 9, Ae)) : f("", !0),
+      D(h("input", {
+        name: "spicySliderInput",
         class: "spicySliderInput",
         type: "range",
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        "onUpdate:modelValue": y[0] || (y[0] = (c) => o.value = c),
-        onInput: r
-      }, null, 40, Ae), [
-        [L, o.value]
+        min: u.min,
+        max: u.max,
+        step: u.step,
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => l.value = d),
+        onInput: s
+      }, null, 40, Ee), [
+        [x, l.value]
       ]),
-      h(d.$slots, "default")
+      m(u.$slots, "default")
     ]));
   }
-}, Ne = ["tabindex", "aria-label", "aria-checked", "onKeydown"], ze = /* @__PURE__ */ f("div", { class: "spicyToggleKnob" }, null, -1), Ee = [
-  ze
-], Ue = {
+}), xe = ["tabindex", "aria-label", "aria-checked", "onKeydown"], Re = /* @__PURE__ */ h("div", { class: "spicyToggleKnob" }, null, -1), Ne = [
+  Re
+], Ue = /* @__PURE__ */ b({
   __name: "SpicyToggle",
   props: {
-    modelValue: Boolean,
-    label: {
-      type: String,
-      default: "Toggle"
-    },
-    variant: {
-      type: String,
-      default: "filled",
-      validator: (e) => ["outlined", "filled"].includes(e)
-    },
-    borderColor: String,
-    activeColor: {
-      type: String,
-      default: "var(--skPrimaryColor)"
-    }
+    modelValue: { type: Boolean, default: !1 },
+    label: { default: "" },
+    variant: { default: "outlined" },
+    borderColor: { default: "" },
+    activeColor: { default: "" },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = m(() => ({
-      "--skBorderColor": l.borderColor,
-      "--activeColor": l.activeColor
-    })), o = t, r = () => {
-      o("update:modelValue", !l.modelValue);
+    const o = e, a = g(() => ({
+      "--skBorderColor": o.borderColor,
+      "--activeColor": o.activeColor
+    })), l = t, s = () => {
+      l("update:modelValue", !o.modelValue);
     };
-    return (d, y) => (n(), s("div", Z({
-      class: ["spicyToggle", { outlined: e.variant === "outlined", "is-active": e.modelValue }],
-      tabindex: d.disabled ? -1 : 0,
+    return (u, i) => (r(), c("div", ee({
+      class: ["spicyToggle", { outlined: u.variant === "outlined", "is-active": u.modelValue }],
+      tabindex: u.disabled ? -1 : 0,
       role: "switch",
       style: { ...a.value },
-      "aria-label": e.label,
-      "aria-checked": e.modelValue.toString(),
-      onClick: r,
+      "aria-label": u.label,
+      "aria-checked": u.modelValue,
+      onClick: s,
       onKeydown: [
-        T(O(r, ["prevent"]), ["space"]),
-        T(O(r, ["prevent"]), ["enter"])
+        M(L(s, ["prevent"]), ["space"]),
+        M(L(s, ["prevent"]), ["enter"])
       ]
-    }, d.$attrs), Ee, 16, Ne));
+    }, u.$attrs), Ne, 16, xe));
   }
-}, We = ["aria-hidden"], Re = {
+}), We = ["aria-hidden"], He = {
   key: 0,
   class: "spicyTooltipIcon"
-}, He = ["aria-label"], _e = {
+}, je = ["aria-label"], Ke = {
   key: 2,
   class: "spicyTooltipIcon"
-}, je = {
+}, Xe = /* @__PURE__ */ b({
   __name: "SpicyTooltip",
   props: {
-    text: String,
-    prependIcon: String,
-    appendIcon: String,
-    position: {
-      type: String,
-      default: "top",
-      validator: (e) => ["top", "bottom", "left", "right"].includes(e)
-    }
+    text: { default: "" },
+    prependIcon: { default: "" },
+    appendIcon: { default: "" },
+    position: { default: "top" }
   },
   setup(e) {
-    const t = e, l = S(!1), a = S(null), o = ee({
+    const t = e, o = S(!1), a = S(null), l = te({
       position: "absolute",
       top: "0px",
       left: "0px",
       maxWidth: "175px"
-    }), r = (i) => {
-      const u = i.right - window.innerWidth;
-      u > 0 && (o.left = `${parseInt(o.left) - u - 5}px`), i.left < 0 && (o.left = "5px");
-    }, d = {
-      top: (i, u) => {
-        o.left = `${i.left + (i.width - u.width) / 2}px`, o.top = `${i.top - u.height - 5}px`;
+    }), s = (n) => {
+      const p = n.right - window.innerWidth;
+      p > 0 && (l.left = `${parseInt(l.left) - p - 5}px`), n.left < 0 && (l.left = "5px");
+    }, u = {
+      top: (n, p) => {
+        l.left = `${n.left + (n.width - p.width) / 2}px`, l.top = `${n.top - p.height - 5}px`;
       },
-      bottom: (i, u) => {
-        o.left = `${i.left + (i.width - u.width) / 2}px`, o.top = `${i.bottom + 5}px`;
+      bottom: (n, p) => {
+        l.left = `${n.left + (n.width - p.width) / 2}px`, l.top = `${n.bottom + 5}px`;
       },
-      left: (i, u) => {
-        o.left = `${i.left - u.width - 5}px`, o.top = `${i.top + (i.height - u.height) / 2}px`;
+      left: (n, p) => {
+        l.left = `${n.left - p.width - 5}px`, l.top = `${n.top + (n.height - p.height) / 2}px`;
       },
-      right: (i, u) => {
-        o.left = `${i.right + 5}px`, o.top = `${i.top + (i.height - u.height) / 2}px`;
+      right: (n, p) => {
+        l.left = `${n.right + 5}px`, l.top = `${n.top + (n.height - p.height) / 2}px`;
       }
-    }, y = () => {
-      l.value = !0, te(() => {
-        if (a.value && l.value) {
-          const i = a.value.getBoundingClientRect(), u = a.value.querySelector(".spicyTooltip").getBoundingClientRect(), w = d[t.position];
-          w(i, u), r(u);
+    }, i = () => {
+      o.value = !0, oe(() => {
+        if (a.value && o.value) {
+          const n = a.value.getBoundingClientRect(), p = a.value.querySelector(".spicyTooltip");
+          if (p) {
+            const $ = p.getBoundingClientRect(), _ = u[t.position];
+            _(n, $), s($);
+          }
         }
       });
-    }, c = () => {
-      l.value = !1;
+    }, d = () => {
+      o.value = !1;
     };
-    return (i, u) => (n(), s("div", {
-      onMouseover: y,
-      onMouseleave: c,
+    return (n, p) => (r(), c("div", {
+      onMouseover: i,
+      onMouseleave: d,
       ref_key: "host",
       ref: a
     }, [
-      h(i.$slots, "default"),
-      l.value ? (n(), s("div", {
+      m(n.$slots, "default"),
+      o.value ? (r(), c("div", {
         key: 0,
         class: "spicyTooltip",
-        style: k(o),
+        style: k(l),
         role: "tooltip",
-        "aria-hidden": !l.value
+        "aria-hidden": !o.value
       }, [
-        e.prependIcon ? (n(), s("span", Re, g(e.prependIcon), 1)) : p("", !0),
-        e.text ? (n(), s("span", {
+        n.prependIcon ? (r(), c("span", He, v(n.prependIcon), 1)) : f("", !0),
+        n.text ? (r(), c("span", {
           key: 1,
           class: "spicyTooltipText",
-          "aria-label": e.text
-        }, g(e.text), 9, He)) : p("", !0),
-        e.appendIcon ? (n(), s("span", _e, g(e.appendIcon), 1)) : p("", !0)
-      ], 12, We)) : p("", !0)
+          "aria-label": n.text
+        }, v(n.text), 9, je)) : f("", !0),
+        n.appendIcon ? (r(), c("span", Ke, v(n.appendIcon), 1)) : f("", !0)
+      ], 12, We)) : f("", !0)
     ], 544));
   }
-};
-function N(e, t) {
-  const l = {
+});
+function R(e, t) {
+  const o = {
     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, (a) => l[a]());
+  return t.replace(/YYYY|MM|DD/g, (a) => o[a]());
 }
-function Ke(e) {
-  const [t, l, a] = e.split("-");
-  return new Date(Number(t), Number(l) - 1, Number(a));
+function qe(e) {
+  const [t, o, a] = e.split("-");
+  return new Date(Number(t), Number(o) - 1, Number(a));
 }
-function Xe(e, t) {
-  const l = Math.abs(t.getTime() - e.getTime());
-  return Math.ceil(l / (1e3 * 60 * 60 * 24));
+function Ge(e, t) {
+  const o = Math.abs(t.getTime() - e.getTime());
+  return Math.ceil(o / (1e3 * 60 * 60 * 24));
 }
-function qe(e, t) {
-  const l = new Date(e);
-  return l.setDate(e.getDate() + t), l;
+function Je(e, t) {
+  const o = new Date(e);
+  return o.setDate(e.getDate() + t), o;
 }
-function Ge(e, t) {
-  const l = new Date(e);
-  return l.setDate(e.getDate() - t), l;
+function Qe(e, t) {
+  const o = new Date(e);
+  return o.setDate(e.getDate() - t), o;
 }
-function Je(e) {
+function Ze(e) {
   const t = /* @__PURE__ */ new Date();
   return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
 }
-function Qe(e) {
+function et(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 Ze(e) {
+function tt(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 et(e = "YYYY-MM-DD", t = { show: !0, separator: "-" }) {
+function ot(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 a = N(/* @__PURE__ */ new Date(), e);
+  let a = R(/* @__PURE__ */ new Date(), e);
   return t.separator && t.separator !== "-" && (a = a.replace(/-/g, t.separator)), t.show ? { value: a, isVisible: !0 } : { value: a, isVisible: !1 };
 }
-const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  currentDate: et,
-  dateAdd: qe,
-  dateDiff: Xe,
-  dateIsToday: Je,
-  dateIsTomorrow: Ze,
-  dateIsYesterday: Qe,
-  dateSubtract: Ge,
-  formatDate: N,
-  parseDate: Ke
+  currentDate: ot,
+  dateAdd: Je,
+  dateDiff: Ge,
+  dateIsToday: Ze,
+  dateIsTomorrow: tt,
+  dateIsYesterday: et,
+  dateSubtract: Qe,
+  formatDate: R,
+  parseDate: qe
 }, Symbol.toStringTag, { value: "Module" }));
-function tt(e) {
+function lt(e) {
   const t = /* @__PURE__ */ new WeakMap();
-  function l(a) {
-    if (C(a) || typeof a != "object")
+  function o(a) {
+    if (w(a) || typeof a != "object")
       return a;
     if (t.has(a))
       return t.get(a);
-    const o = Array.isArray(a) ? [] : {};
-    t.set(a, o);
-    for (const r in a)
-      Object.prototype.hasOwnProperty.call(a, r) && (o[r] = l(a[r]));
-    return o;
+    const l = Array.isArray(a) ? [] : {};
+    t.set(a, l);
+    for (const s in a)
+      Object.prototype.hasOwnProperty.call(a, s) && (l[s] = o(a[s]));
+    return l;
   }
-  return l(e);
+  return o(e);
 }
-function z(...e) {
+function N(...e) {
   const t = {};
-  return e.forEach((l) => {
-    if (!C(l)) {
-      for (const a in l)
-        if (Object.prototype.hasOwnProperty.call(l, a)) {
-          const o = l[a];
-          o !== void 0 && (typeof o == "object" && o !== null && !Array.isArray(o) ? t[a] = z(t[a] || {}, o) : t[a] = o);
+  return e.forEach((o) => {
+    if (!w(o)) {
+      for (const a in o)
+        if (Object.prototype.hasOwnProperty.call(o, a)) {
+          const l = o[a];
+          l !== void 0 && (typeof l == "object" && l !== null && !Array.isArray(l) ? t[a] = N(t[a] || {}, l) : t[a] = l);
         }
     }
   }), t;
 }
-function lt(...e) {
-  return C(e[0]) ? e[0] : Object.assign({}, ...e);
+function at(...e) {
+  return w(e[0]) ? e[0] : Object.assign({}, ...e);
 }
-function ot(e) {
-  return C(e) ? [] : Object.keys(e);
+function st(e) {
+  return w(e) ? [] : Object.keys(e);
 }
-function at(e) {
-  return C(e) ? [] : Object.values(e);
+function nt(e) {
+  return w(e) ? [] : Object.values(e);
 }
 function it(e) {
-  return C(e) ? [] : Object.entries(e);
+  return w(e) ? [] : Object.entries(e);
 }
-function C(e) {
+function w(e) {
   return e === null || typeof e != "object" ? !1 : Array.isArray(e) ? e.length === 0 : Object.keys(e).length === 0;
 }
-const ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  deepClone: tt,
-  deepMerge: z,
+  deepClone: lt,
+  deepMerge: N,
   getObjectEntries: it,
-  getObjectKeys: ot,
-  getObjectValues: at,
-  isObjectEmpty: C,
-  mergeObjects: lt
+  getObjectKeys: st,
+  getObjectValues: nt,
+  isObjectEmpty: w,
+  mergeObjects: at
 }, Symbol.toStringTag, { value: "Module" }));
-function D(e) {
+function I(e) {
   try {
     return new URL(e), !0;
   } catch (t) {
     return console.error("Invalid URL:", t), !1;
   }
 }
-function nt(e) {
-  return D(e) ? new URL(e).hostname : null;
+function rt(e) {
+  return I(e) ? new URL(e).hostname : null;
 }
-function st(e, t) {
-  if (!D(e)) return e;
-  const l = new URL(e);
-  return Object.keys(t).forEach((a) => l.searchParams.append(a, t[a])), l.toString();
+function ct(e, t) {
+  if (!I(e)) return e;
+  const o = new URL(e);
+  return Object.keys(t).forEach((a) => o.searchParams.append(a, t[a])), o.toString();
 }
-function rt(e, t, l = "https") {
-  if (!["http", "https", "ftp", "sftp", "ftps", "ssh"].includes(l.toLowerCase()))
-    throw new Error("Invalid protocol: " + l);
+function ut(e, t, o = "https") {
+  if (!["http", "https", "ftp", "sftp", "ftps", "ssh"].includes(o.toLowerCase()))
+    throw new Error("Invalid protocol: " + o);
   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}`;
+  return t.startsWith("/") || (t = "/" + t), t.endsWith("/") && t.length > 1 && (t = t.slice(0, -1)), t === "/" && (t = ""), `${o.toLowerCase()}://${e}${t}`;
 }
 const gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  appendParamsToUrl: st,
-  generateUrl: rt,
-  getHostname: nt,
-  isUrlValid: D
-}, Symbol.toStringTag, { value: "Module" })), ct = ':root{--skBgColor: #28292a;--skBgSecondaryColor: #424344;--skBorderColor: #515353;--skPrimaryColor: #811faf;--skSecondaryColor: #0066b3;--skAccentColor: #004a77;--skHoverColor: #656769;--skTextColor: #ddd;--disabledOpacity: .5;--skLabelFocus: var(--skPrimaryColor);--skFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize: 14px;--skFontWeight: 500;--skBorderWidth: 2px;--skBorderRadius: 4px}.spicyText{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize)}.spicyHeader{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:24px;font-weight:700}.spicyLink:hover{color:var(--skHoverColor)}.spicyLink:active{color:var(--skPrimaryColor)}.spicyLink:focus{color:var(--skLabelFocus)}.spicyLink:disabled{opacity:var(--disabledOpacity)}.spicyRipple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:spicy-ripple-animation .6s linear;pointer-events:none;z-index:1}@keyframes spicy-ripple-animation{to{transform:scale(4);opacity:0}}', ut = {
+  appendParamsToUrl: ct,
+  generateUrl: ut,
+  getHostname: rt,
+  isUrlValid: I
+}, Symbol.toStringTag, { value: "Module" })), dt = ':root{--skBgColor: #28292a;--skBgSecondaryColor: #424344;--skBorderColor: #515353;--skPrimaryColor: #811faf;--skSecondaryColor: #0066b3;--skAccentColor: #004a77;--skHoverColor: #656769;--skTextColor: #ddd;--disabledOpacity: .5;--skLabelFocus: var(--skPrimaryColor);--skFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--skFontSize: 14px;--skFontWeight: 500;--skBorderWidth: 2px;--skBorderRadius: 4px}.spicyText{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:var(--skFontSize)}.spicyHeader{color:var(--skTextColor);font-family:var(--skFontFamily);font-size:24px;font-weight:700}.spicyLink:hover{color:var(--skHoverColor)}.spicyLink:active{color:var(--skPrimaryColor)}.spicyLink:focus{color:var(--skLabelFocus)}.spicyLink:disabled{opacity:var(--disabledOpacity)}', pt = ".spicyRipple{position:absolute;border-radius:50%;background:currentColor;transform:scale(0);animation:spicy-ripple-animation .6s linear;pointer-events:none;z-index:1}@keyframes spicy-ripple-animation{to{transform:scale(4);opacity:0}}", ft = {
   beforeMount(e) {
     e.style.position = "relative", e.style.overflow = "hidden", e.addEventListener("click", (t) => {
-      const l = document.createElement("span"), a = Math.max(e.clientWidth, e.clientHeight), o = a / 2;
-      l.style.width = l.style.height = `${a}px`, l.style.left = `${t.clientX - e.getBoundingClientRect().left - o}px`, l.style.top = `${t.clientY - e.getBoundingClientRect().top - o}px`, l.classList.add("spicyRipple");
-      const r = e.querySelector(".spicyRipple");
-      r && r.remove(), e.appendChild(l), l.addEventListener("animationend", () => {
-        l.remove();
+      const o = document.createElement("span"), a = Math.max(e.clientWidth, e.clientHeight), l = a / 2;
+      o.style.width = o.style.height = `${a}px`, o.style.left = `${t.clientX - e.getBoundingClientRect().left - l}px`, o.style.top = `${t.clientY - e.getBoundingClientRect().top - l}px`, o.classList.add("spicyRipple");
+      const s = e.querySelector(".spicyRipple");
+      s && s.remove(), e.appendChild(o), o.addEventListener("animationend", () => {
+        o.remove();
       });
     });
   }
-}, ht = {
+}, bt = {
   install(e, t = {}) {
-    const { useComponents: l = !0, useStyles: a = !0, useDirectives: o = !0 } = t;
-    if (l && (e.component("SpicyAlert", ie), e.component("SpicyBtn", de), e.component("SpicyCarousel", xe), e.component("SpicyDivider", $e), e.component("SpicyLabel", De), e.component("SpicyModal", Fe), e.component("SpicySlider", Le), e.component("SpicyToggle", Ue), e.component("SpicyTooltip", je)), a) {
-      const r = document.createElement("style");
-      r.textContent = ct, document.head.appendChild(r);
+    const { useComponents: o = !0, useStyles: a = !0, useDirectives: l = !0 } = t;
+    if (o && (e.component("SpicyAlert", ne), e.component("SpicyBtn", pe), e.component("SpicyCarousel", _e), e.component("SpicyDivider", Be), e.component("SpicyLabel", Ie), e.component("SpicyModal", Le), e.component("SpicySheet", Ye), e.component("SpicySlider", ze), e.component("SpicyToggle", Ue), e.component("SpicyTooltip", Xe)), a) {
+      const s = document.createElement("style");
+      s.id = "SpicyStyles", s.textContent = dt, document.head.appendChild(s);
+    }
+    if (l) {
+      e.directive("spicyRipple", ft);
+      const s = document.createElement("style");
+      s.id = "SpicyRippleStyles", s.textContent = pt, document.head.appendChild(s);
     }
-    o && e.directive("spicyRipple", ut);
   }
 };
 export {
-  ie as SpicyAlert,
-  de as SpicyBtn,
-  xe as SpicyCarousel,
-  $e as SpicyDivider,
-  ht as SpicyKatsu,
-  De as SpicyLabel,
-  Fe as SpicyModal,
-  Le as SpicySlider,
+  ne as SpicyAlert,
+  pe as SpicyBtn,
+  _e as SpicyCarousel,
+  Be as SpicyDivider,
+  bt as SpicyKatsu,
+  Ie as SpicyLabel,
+  Le as SpicyModal,
+  Ye as SpicySheet,
+  ze as SpicySlider,
   Ue as SpicyToggle,
-  je as SpicyTooltip,
-  st as appendParamsToUrl,
-  et as currentDate,
-  qe as dateAdd,
-  Xe as dateDiff,
-  Je as dateIsToday,
-  Ze as dateIsTomorrow,
-  Qe as dateIsYesterday,
-  Ge as dateSubtract,
-  pt as dateUtils,
-  tt as deepClone,
-  z as deepMerge,
-  N as formatDate,
-  rt as generateUrl,
-  nt as getHostname,
+  Xe as SpicyTooltip,
+  ct as appendParamsToUrl,
+  ot as currentDate,
+  Je as dateAdd,
+  Ge as dateDiff,
+  Ze as dateIsToday,
+  tt as dateIsTomorrow,
+  et as dateIsYesterday,
+  Qe as dateSubtract,
+  vt as dateUtils,
+  lt as deepClone,
+  N as deepMerge,
+  R as formatDate,
+  ut as generateUrl,
+  rt as getHostname,
   it as getObjectEntries,
-  ot as getObjectKeys,
-  at as getObjectValues,
-  C as isObjectEmpty,
-  D as isUrlValid,
-  lt as mergeObjects,
-  ft as objUtils,
-  Ke as parseDate,
-  ut as ripple,
-  ct as spicyStyles,
+  st as getObjectKeys,
+  nt as getObjectValues,
+  w as isObjectEmpty,
+  I as isUrlValid,
+  at as mergeObjects,
+  mt as objUtils,
+  qe as parseDate,
+  ft as ripple,
   gt as urlUtils
 };