sprintify-ui 0.12.17 → 0.12.18

package/dist/sprintify-ui.es.js

@@ -13635,7 +13635,7 @@ function _E(n) {
 function VE(n, t = "data:application/octet-stream") {
   return n.match(/^data:.*\/.*;base64,/) || (n = `${t};base64,${n}`), n;
 }
-async function BF(n, t = "data:application/octet-stream") {
+async function DF(n, t = "data:application/octet-stream") {
   return n = VE(n, t), (await fetch(n)).blob();
 }
 function Ed(n) {
@@ -44798,12 +44798,12 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
   }
 }), o4 = ["aria-label", "aria-disabled"], i4 = {
   key: 0,
-  class: "flex items-start justify-between gap-3"
+  class: "btn-group w-full"
 }, s4 = {
-  key: 0,
+  key: 1,
   role: "alert",
-  class: "pt-1 text-sm leading-tight text-red-600"
-}, l4 = { key: 1 }, a4 = { class: "flex flex-wrap justify-end gap-2" }, oa = 0.08, Bg = 2048, u4 = /* @__PURE__ */ oe({
+  class: "text-sm mt-1 leading-tight text-red-600"
+}, oa = 0.08, Bg = 2048, l4 = /* @__PURE__ */ oe({
   __name: "BaseSignature",
   props: {
     modelValue: { default: null },
@@ -45070,48 +45070,49 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
           onLostpointercapture: Ee
         }, null, 40, o4)
       ], 6),
-      E.value || n.showClearButton || a.value ? (k(), $("div", i4, [
-        a.value ? (k(), $("p", s4, se(a.value), 1)) : (k(), $("span", l4)),
-        A("div", a4, [
-          E.value ? (k(), re(g(qn), {
-            key: 0,
-            type: "button",
-            size: "sm",
-            color: "secondary-outline",
-            disabled: n.disabled || c.value,
-            loading: c.value,
-            onClick: O
-          }, {
-            default: Q(() => [
-              Gt(se(g(ve)("sui.apply_signature")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled", "loading"])) : te("", !0),
-          n.showClearButton ? (k(), re(g(qn), {
-            key: 1,
-            type: "button",
-            size: "sm",
-            color: "secondary-outline",
-            icon: "heroicons:trash",
-            disabled: n.disabled || !D.value,
-            onClick: ie
-          }, {
-            default: Q(() => [
-              Gt(se(g(ve)("sui.clear")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : te("", !0)
-        ])
-      ])) : te("", !0)
+      E.value || n.showClearButton ? (k(), $("div", i4, [
+        E.value ? (k(), re(g(qn), {
+          key: 0,
+          type: "button",
+          size: "sm",
+          class: "w-full",
+          color: "slate-100-outline",
+          icon: "ph:signature-light",
+          disabled: n.disabled || c.value,
+          loading: c.value,
+          onClick: O
+        }, {
+          default: Q(() => [
+            Gt(se(g(ve)("sui.apply_signature")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "loading"])) : te("", !0),
+        n.showClearButton ? (k(), re(g(qn), {
+          key: 1,
+          type: "button",
+          size: "sm",
+          class: "w-full",
+          icon: "mdi:remove",
+          color: "slate-100-outline",
+          disabled: n.disabled || !D.value,
+          onClick: ie
+        }, {
+          default: Q(() => [
+            Gt(se(g(ve)("sui.clear")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : te("", !0)
+      ])) : te("", !0),
+      a.value ? (k(), $("p", s4, se(a.value), 1)) : te("", !0)
     ], 4));
   }
-}), c4 = { class: "whitespace-pre-line p-4" }, d4 = { class: "text-md font-semibold" }, f4 = {
+}), a4 = { class: "whitespace-pre-line p-4" }, u4 = { class: "text-md font-semibold" }, c4 = {
   key: 0,
   class: "mt-1 mb-3 whitespace-pre-line text-sm text-slate-500 line-clamp-2"
-}, h4 = {
+}, d4 = {
   key: 1,
   class: "flex items-center justify-start text-sm font-medium"
-}, p4 = { class: "mr-1 leading-none" }, m4 = /* @__PURE__ */ oe({
+}, f4 = { class: "mr-1 leading-none" }, h4 = /* @__PURE__ */ oe({
   __name: "BaseShortcut",
   props: {
     to: {
@@ -45171,7 +45172,7 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
           class: "block w-full"
         }, {
           default: Q(() => [
-            A("section", c4, [
+            A("section", a4, [
               A("div", {
                 class: "mb-2.5 inline-flex items-center rounded p-2",
                 style: Le(g(e))
@@ -45182,10 +45183,10 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
                   class: j(g(r))
                 }, null, 8, ["icon", "class"])) : te("", !0)
               ], 4),
-              A("div", d4, se(n.title), 1),
-              n.description ? (k(), $("div", f4, se(n.description), 1)) : te("", !0),
-              n.linkText ? (k(), $("div", h4, [
-                A("div", p4, se(n.linkText), 1),
+              A("div", u4, se(n.title), 1),
+              n.description ? (k(), $("div", c4, se(n.description), 1)) : te("", !0),
+              n.linkText ? (k(), $("div", d4, [
+                A("div", f4, se(n.linkText), 1),
                 A("div", null, [
                   ne(g(Ge), {
                     icon: "heroicons:arrow-right-20-solid",
@@ -45201,13 +45202,13 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
       _: 1
     }));
   }
-}), g4 = {
+}), p4 = {
   "aria-label": "Sidebar",
   class: "relative"
-}, v4 = {
+}, m4 = {
   class: "relative overflow-x-auto overflow-y-hidden",
   "data-scroll-lock-scrollable": ""
-}, y4 = { class: "space-y-0" }, b4 = /* @__PURE__ */ oe({
+}, g4 = { class: "space-y-0" }, v4 = /* @__PURE__ */ oe({
   __name: "BaseSideNavigation",
   props: {
     size: { default: "md" },
@@ -45221,18 +45222,18 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
     ), qe(
       "sideNavigation:orientation",
       S(() => t.orientation)
-    ), (e, r) => (k(), $("nav", g4, [
+    ), (e, r) => (k(), $("nav", p4, [
       A("div", {
         class: j(["absolute bottom-0 h-full w-px bg-slate-300", [n.orientation == "left" ? "left-0" : "right-0"]])
       }, null, 2),
-      A("div", v4, [
-        A("div", y4, [
+      A("div", m4, [
+        A("div", g4, [
           de(e.$slots, "default")
         ])
       ])
     ]));
   }
-}), w4 = ["href", "disabled", "onClick"], x4 = /* @__PURE__ */ oe({
+}), y4 = ["href", "disabled", "onClick"], b4 = /* @__PURE__ */ oe({
   __name: "BaseSideNavigationItem",
   props: {
     to: {},
@@ -45311,13 +45312,13 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
                 active: i(h, p)
               })
             ], 2)
-          ], 10, w4)
+          ], 10, y4)
         ]),
         _: 3
       }, 8, ["to"]);
     };
   }
-}), k4 = oe({
+}), w4 = oe({
   components: { BaseIcon: Ge },
   props: {
     label: {
@@ -45355,36 +45356,36 @@ const qz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Uz = { c
       return "items-center";
     }
   }
-}), S4 = { class: "mb-1 text-sm font-medium" }, C4 = { class: "flex items-center mb-1" }, M4 = { class: "text-2xl font-semibold leading-tight" }, E4 = { key: 0 }, T4 = { class: "text-xs font-medium" }, A4 = { class: "text-xs text-slate-500" };
-function I4(n, t, e, r, o, i) {
+}), x4 = { class: "mb-1 text-sm font-medium" }, k4 = { class: "flex items-center mb-1" }, S4 = { class: "text-2xl font-semibold leading-tight" }, C4 = { key: 0 }, M4 = { class: "text-xs font-medium" }, E4 = { class: "text-xs text-slate-500" };
+function T4(n, t, e, r, o, i) {
   const s = $t("BaseIcon");
   return k(), $("section", null, [
-    A("header", S4, se(n.label), 1),
-    A("div", C4, [
-      A("div", M4, se(n.primaryValue), 1),
+    A("header", x4, se(n.label), 1),
+    A("div", k4, [
+      A("div", S4, se(n.primaryValue), 1),
       n.secondaryValue ? (k(), $("div", {
         key: 0,
         class: j(["ml-2 flex rounded-full px-1.5", [n.backgroundClass, n.textClass, n.centerClass]])
       }, [
-        n.trend ? (k(), $("div", E4, [
+        n.trend ? (k(), $("div", C4, [
           ne(s, {
             icon: n.icon,
             class: "w-3 h-3"
           }, null, 8, ["icon"])
         ])) : te("", !0),
-        A("div", T4, se(n.secondaryValue), 1)
+        A("div", M4, se(n.secondaryValue), 1)
       ], 2)) : te("", !0)
     ]),
-    A("footer", A4, se(n.caption), 1)
+    A("footer", E4, se(n.caption), 1)
   ]);
 }
-const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-0" }, B4 = { class: "flex h-10 w-10 items-center justify-center rounded-full bg-indigo-600" }, R4 = { class: "mt-0.5 ml-4 flex min-w-0 flex-col items-start" }, N4 = { class: "mb-0.5 text-left text-sm font-medium leading-tight" }, $4 = {
+const A4 = /* @__PURE__ */ Zi(w4, [["render", T4]]), I4 = { class: "flex-shrink-0" }, D4 = { class: "flex h-10 w-10 items-center justify-center rounded-full bg-indigo-600" }, O4 = { class: "mt-0.5 ml-4 flex min-w-0 flex-col items-start" }, B4 = { class: "mb-0.5 text-left text-sm font-medium leading-tight" }, R4 = {
   key: 0,
   class: "text-left text-sm font-normal leading-snug text-slate-500"
-}, L4 = { class: "flex-shrink-0" }, z4 = { class: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-indigo-600" }, P4 = { class: "text-indigo-600" }, F4 = { class: "mt-0.5 ml-4 flex min-w-0 flex-col items-start" }, _4 = { class: "mb-0.5 text-left text-sm font-medium leading-tight text-indigo-600" }, V4 = {
+}, N4 = { class: "flex-shrink-0" }, $4 = { class: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-indigo-600" }, L4 = { class: "text-indigo-600" }, z4 = { class: "mt-0.5 ml-4 flex min-w-0 flex-col items-start" }, P4 = { class: "mb-0.5 text-left text-sm font-medium leading-tight text-indigo-600" }, F4 = {
   key: 0,
   class: "text-left text-sm font-normal leading-snug text-slate-500"
-}, j4 = { class: "flex-shrink-0" }, H4 = { class: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-slate-300" }, W4 = { class: "text-slate-500" }, q4 = { class: "mt-0.5 ml-4 flex min-w-0 flex-col items-start" }, U4 = { class: "mb-0.5 text-left text-sm font-medium leading-tight text-slate-600" }, K4 = {
+}, _4 = { class: "flex-shrink-0" }, V4 = { class: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-slate-300" }, j4 = { class: "text-slate-500" }, H4 = { class: "mt-0.5 ml-4 flex min-w-0 flex-col items-start" }, W4 = { class: "mb-0.5 text-left text-sm font-medium leading-tight text-slate-600" }, q4 = {
   key: 0,
   class: "text-left text-sm font-normal leading-snug text-slate-500"
 }, j1 = /* @__PURE__ */ oe({
@@ -45430,8 +45431,8 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           "flex items-start px-6 py-5 text-sm font-medium"
         ])
       }, [
-        A("span", O4, [
-          A("span", B4, [
+        A("span", I4, [
+          A("span", D4, [
             ne(g(Ge), {
               icon: "mdi-check",
               class: "h-6 w-6 text-white",
@@ -45439,9 +45440,9 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
             })
           ])
         ]),
-        A("span", R4, [
-          A("span", N4, se(n.title), 1),
-          n.description ? (k(), $("span", $4, se(n.description), 1)) : te("", !0)
+        A("span", O4, [
+          A("span", B4, se(n.title), 1),
+          n.description ? (k(), $("span", R4, se(n.description), 1)) : te("", !0)
         ])
       ], 2)
     ])) : n.status === "current" ? (k(), $("button", {
@@ -45460,14 +45461,14 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           "flex items-start px-6 py-5 text-sm font-medium"
         ])
       }, [
-        A("span", L4, [
-          A("span", z4, [
-            A("span", P4, se(n.stepNumber), 1)
+        A("span", N4, [
+          A("span", $4, [
+            A("span", L4, se(n.stepNumber), 1)
           ])
         ]),
-        A("span", F4, [
-          A("span", _4, se(n.title), 1),
-          n.description ? (k(), $("span", V4, se(n.description), 1)) : te("", !0)
+        A("span", z4, [
+          A("span", P4, se(n.title), 1),
+          n.description ? (k(), $("span", F4, se(n.description), 1)) : te("", !0)
         ])
       ], 2)
     ])) : n.status == "pending" ? (k(), $("button", {
@@ -45486,29 +45487,29 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           "flex items-start px-6 py-5 text-sm font-medium"
         ])
       }, [
-        A("span", j4, [
-          A("span", H4, [
-            A("span", W4, se(n.stepNumber), 1)
+        A("span", _4, [
+          A("span", V4, [
+            A("span", j4, se(n.stepNumber), 1)
           ])
         ]),
-        A("span", q4, [
-          A("span", U4, se(n.title), 1),
-          n.description ? (k(), $("span", K4, se(n.description), 1)) : te("", !0)
+        A("span", H4, [
+          A("span", W4, se(n.title), 1),
+          n.description ? (k(), $("span", q4, se(n.description), 1)) : te("", !0)
         ])
       ], 2)
     ])) : te("", !0);
   }
-}), Y4 = { class: "lg:border-t lg:border-b lg:border-gray-200" }, G4 = {
+}), U4 = { class: "lg:border-t lg:border-b lg:border-gray-200" }, K4 = {
   class: "px-4 mx-auto max-w-7xl sm:px-6 lg:px-8",
   "aria-label": "Progress"
-}, J4 = {
+}, Y4 = {
   role: "list",
   class: "overflow-hidden rounded-md lg:flex lg:rounded-none lg:border-l lg:border-r lg:border-gray-200"
-}, X4 = {
+}, G4 = {
   key: 0,
   class: "absolute inset-0 top-0 left-0 hidden w-3 lg:block",
   "aria-hidden": "true"
-}, Q4 = /* @__PURE__ */ oe({
+}, J4 = /* @__PURE__ */ oe({
   __name: "BaseStepper",
   props: {
     items: {
@@ -45518,9 +45519,9 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
   },
   emits: ["click"],
   setup(n) {
-    return (t, e) => (k(), $("div", Y4, [
-      A("nav", G4, [
-        A("ol", J4, [
+    return (t, e) => (k(), $("div", U4, [
+      A("nav", K4, [
+        A("ol", Y4, [
           (k(!0), $(Oe, null, Ye(n.items, (r, o) => (k(), $("li", {
             key: o,
             class: "relative overflow-hidden lg:flex-1"
@@ -45540,7 +45541,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                 index: o,
                 onClick: (i) => t.$emit("click", o)
               }, null, 8, ["title", "description", "step-number", "status", "index", "onClick"]),
-              o !== 0 ? (k(), $("div", X4, [...e[0] || (e[0] = [
+              o !== 0 ? (k(), $("div", G4, [...e[0] || (e[0] = [
                 A("svg", {
                   class: "w-full h-full text-gray-300",
                   viewBox: "0 0 12 82",
@@ -45560,7 +45561,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ])
     ]));
   }
-}), Z4 = { class: "inline-flex items-center space-x-3" }, eP = /* @__PURE__ */ oe({
+}), X4 = { class: "inline-flex items-center space-x-3" }, Q4 = /* @__PURE__ */ oe({
   __name: "BaseSwitch",
   props: {
     modelValue: {
@@ -45616,7 +45617,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       const M = $t("BaseIcon");
       return k(), re(g(uk), null, {
         default: Q(() => [
-          A("div", Z4, [
+          A("div", X4, [
             ne(g(ck), {
               "model-value": g(s),
               class: j([
@@ -45667,7 +45668,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       });
     };
   }
-}), tP = { class: "relative" }, nP = { class: "max-w-4xl" }, rP = {
+}), Z4 = { class: "relative" }, eP = { class: "max-w-4xl" }, tP = {
   key: 0,
   class: "absolute top-0 right-0 p-3"
 }, Kh = /* @__PURE__ */ oe({
@@ -45699,7 +45700,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
     const i = S(() => e.to ? "RouterLink" : e.action ? "button" : "div"), s = S(() => e.color == "info" ? "bg-blue-500 text-white" : e.color == "success" ? "bg-green-600 text-white" : e.color == "danger" ? "bg-red-600 text-white" : e.color == "warning" ? "bg-yellow-400 text-yellow-900" : "bg-slate-900 text-white");
     return (l, a) => {
       const u = $t("BaseIcon");
-      return k(), $("div", tP, [
+      return k(), $("div", Z4, [
         (k(), re(Ln(g(i)), {
           type: g(i) == "button" ? "button" : void 0,
           to: g(i) == "RouterLink" ? n.to : void 0,
@@ -45710,14 +45711,14 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
             A("div", {
               class: j(["py-4 text-sm leading-tight", [n.closable ? "pr-10 pl-3" : "px-3"]])
             }, [
-              A("div", nP, [
+              A("div", eP, [
                 de(l.$slots, "default")
               ])
             ], 2)
           ]),
           _: 3
         }, 8, ["type", "to", "class"])),
-        n.closable ? (k(), $("div", rP, [
+        n.closable ? (k(), $("div", tP, [
           A("button", {
             type: "button",
             class: "rounded-full bg-black bg-opacity-50 p-1 text-white",
@@ -45729,7 +45730,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ]);
     };
   }
-}), oP = { class: "base-tabs relative" }, iP = { class: "flex text-center" }, sP = /* @__PURE__ */ oe({
+}), nP = { class: "base-tabs relative" }, rP = { class: "flex text-center" }, oP = /* @__PURE__ */ oe({
   __name: "BaseTabs",
   props: {
     modelValue: { default: null },
@@ -45825,7 +45826,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         }
       ) : (c.value.style.transform = T, c.value.style.width = M);
     }
-    return (f, h) => (k(), $("div", oP, [
+    return (f, h) => (k(), $("div", nP, [
       h[0] || (h[0] = A("div", { class: "absolute bottom-0 left-0 h-px w-full bg-slate-300" }, null, -1)),
       A("div", {
         ref_key: "scrollable",
@@ -45838,7 +45839,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         }]),
         "data-scroll-lock-scrollable": ""
       }, [
-        A("ul", iP, [
+        A("ul", rP, [
           A("div", {
             ref_key: "lineRef",
             ref: c,
@@ -45850,7 +45851,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ], 2)
     ]));
   }
-}), lP = ["href", "disabled", "onClick"], aP = { class: "relative flex py-1" }, uP = { class: "base-tab-item-slot" }, cP = ["disabled"], dP = { class: "relative flex py-1" }, fP = { class: "base-tab-item-slot" }, hP = /* @__PURE__ */ oe({
+}), iP = ["href", "disabled", "onClick"], sP = { class: "relative flex py-1" }, lP = { class: "base-tab-item-slot" }, aP = ["disabled"], uP = { class: "relative flex py-1" }, cP = { class: "base-tab-item-slot" }, dP = /* @__PURE__ */ oe({
   __name: "BaseTabItem",
   props: {
     id: { default: void 0 },
@@ -45928,21 +45929,21 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
               ]]),
               onClick: Nn((y) => l(D), ["prevent"])
             }, [
-              A("div", aP, [
+              A("div", sP, [
                 A("div", {
                   class: j([
                     "whitespace-nowrap rounded-md group-hover:bg-black group-hover:bg-opacity-5",
                     g(m)
                   ])
                 }, [
-                  A("div", uP, [
+                  A("div", lP, [
                     de(v.$slots, "default", {
                       active: a(B, E)
                     })
                   ])
                 ], 2)
               ])
-            ], 10, lP)
+            ], 10, iP)
           ]),
           _: 3
         }, 8, ["to"])) : (k(), $("button", {
@@ -45955,23 +45956,23 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           ]]),
           onClick: w[0] || (w[0] = (M) => l())
         }, [
-          A("div", dP, [
+          A("div", uP, [
             A("div", {
               class: j([
                 "whitespace-nowrap rounded-md group-hover:bg-black group-hover:bg-opacity-5",
                 g(m)
               ])
             }, [
-              A("div", fP, [
+              A("div", cP, [
                 de(v.$slots, "default")
               ])
             ], 2)
           ])
-        ], 10, cP))
+        ], 10, aP))
       ], 512);
     };
   }
-}), pP = ["value", "name", "placeholder", "disabled", "required", "rows"], Rg = "1 / 1 / 2 / 2", mP = "attr(data-replicated-value) ' '", gP = /* @__PURE__ */ oe({
+}), fP = ["value", "name", "placeholder", "disabled", "required", "rows"], Rg = "1 / 1 / 2 / 2", hP = "attr(data-replicated-value) ' '", pP = /* @__PURE__ */ oe({
   __name: "BaseTextareaAutoresize",
   props: {
     modelValue: {
@@ -46096,24 +46097,24 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         onKeyup: p,
         onKeydown: h,
         onFocus: m
-      }, null, 46, pP),
+      }, null, 46, fP),
       A("div", {
         class: j(["invisible whitespace-pre-wrap", g(v)]),
         style: Le({
-          content: mP,
+          content: hP,
           maxHeight: n.maxHeight + "px",
           gridArea: Rg
         })
       }, se(n.modelValue) + " " + se(" "), 7)
     ], 4));
   }
-}), vP = { class: "relative group flex space-x-3" }, yP = { class: "text-sm leading-tight text-slate-900" }, bP = {
+}), mP = { class: "relative group flex space-x-3" }, gP = { class: "text-sm leading-tight text-slate-900" }, vP = {
   key: 0,
   class: "mt-1 text-xs leading-tight text-slate-500"
-}, wP = { class: "empty:hidden" }, xP = {
+}, yP = { class: "empty:hidden" }, bP = {
   key: 0,
   class: "whitespace-nowrap text-right text-xs text-slate-500"
-}, kP = ["datetime"], H1 = /* @__PURE__ */ oe({
+}, wP = ["datetime"], H1 = /* @__PURE__ */ oe({
   __name: "BaseTimelineItem",
   props: {
     item: {
@@ -46132,7 +46133,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         borderStyle: "solid"
       };
     });
-    return (r, o) => (k(), $("div", vP, [
+    return (r, o) => (k(), $("div", mP, [
       A("div", null, [
         A("span", {
           class: j([
@@ -46151,9 +46152,9 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         class: j(["flex min-w-0 flex-1 justify-between space-x-4", { "pt-1.5": !n.item.description }])
       }, [
         A("div", null, [
-          A("p", yP, se(n.item.title), 1),
-          n.item.description ? (k(), $("p", bP, se(n.item.description), 1)) : te("", !0),
-          A("p", wP, [
+          A("p", gP, se(n.item.title), 1),
+          n.item.description ? (k(), $("p", vP, se(n.item.description), 1)) : te("", !0),
+          A("p", yP, [
             n.item.onEdit ? (k(), $("button", {
               key: 0,
               type: "button",
@@ -46170,22 +46171,22 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
             }, se(g(ve)("sui.delete")), 1)) : te("", !0)
           ])
         ]),
-        n.item.date ? (k(), $("div", xP, [
+        n.item.date ? (k(), $("div", bP, [
           A("time", {
             datetime: n.item.date
-          }, se(n.item.date), 9, kP)
+          }, se(n.item.date), 9, wP)
         ])) : te("", !0)
       ], 2)
     ]));
   }
-}), SP = { class: "flow-root" }, CP = {
+}), xP = { class: "flow-root" }, kP = {
   role: "list",
   class: "-mb-8"
-}, MP = {
+}, SP = {
   key: 0,
   class: "absolute top-4 left-4 -ml-px h-full w-0.5 bg-slate-300",
   "aria-hidden": "true"
-}, EP = /* @__PURE__ */ oe({
+}, CP = /* @__PURE__ */ oe({
   __name: "BaseTimeline",
   props: {
     items: {
@@ -46194,20 +46195,20 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
     }
   },
   setup(n) {
-    return (t, e) => (k(), $("div", SP, [
-      A("ul", CP, [
+    return (t, e) => (k(), $("div", xP, [
+      A("ul", kP, [
         (k(!0), $(Oe, null, Ye(n.items, (r, o) => (k(), $("li", { key: o }, [
           A("div", {
             class: j(["relative", [!r.onEdit && !r.onDelete ? "pb-8" : "pb-3"]])
           }, [
-            o != n.items.length - 1 ? (k(), $("span", MP)) : te("", !0),
+            o != n.items.length - 1 ? (k(), $("span", SP)) : te("", !0),
             ne(H1, { item: r }, null, 8, ["item"])
           ], 2)
         ]))), 128))
       ])
     ]));
   }
-}), TP = ["onMouseenter", "onClick"], ad = /* @__PURE__ */ oe({
+}), MP = ["onMouseenter", "onClick"], ad = /* @__PURE__ */ oe({
   __name: "BaseScrollColumn",
   props: {
     value: {
@@ -46264,9 +46265,9 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       onMouseenter: (m) => o.value = `${n.type}-${p}`,
       onMouseleave: h[0] || (h[0] = (m) => o.value = null),
       onClick: (m) => c(`${n.type}-${p}`, n.type, p)
-    }, se(p), 43, TP))), 128));
+    }, se(p), 43, MP))), 128));
   }
-}), AP = { class: "relative" }, IP = ["name", "disabled", "placeholder"], DP = { class: "inline-block w-[200px] overflow-hidden input-rounded ring-1 ring-black ring-opacity-10 bg-white py-2 shadow-2xl" }, OP = { class: "text-sm font-normal" }, BP = { class: "flex base-time-picker" }, RP = { class: "flex justify-between items-center gap-2 pt-2 mt-1 px-2 border-t" }, NP = ["onClick"], $P = ["onClick"], LP = /* @__PURE__ */ oe({
+}), EP = { class: "relative" }, TP = ["name", "disabled", "placeholder"], AP = { class: "inline-block w-[200px] overflow-hidden input-rounded ring-1 ring-black ring-opacity-10 bg-white py-2 shadow-2xl" }, IP = { class: "text-sm font-normal" }, DP = { class: "flex base-time-picker" }, OP = { class: "flex justify-between items-center gap-2 pt-2 mt-1 px-2 border-t" }, BP = ["onClick"], RP = ["onClick"], NP = /* @__PURE__ */ oe({
   __name: "BaseTimePicker",
   props: {
     modelValue: {
@@ -46409,7 +46410,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       placement: "bottom-end"
     }, {
       button: Q(() => [
-        A("div", AP, [
+        A("div", EP, [
           A("div", {
             class: j(g(f))
           }, [
@@ -46425,7 +46426,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
             disabled: n.disabled,
             class: j(["w-full block", g(c)]),
             placeholder: n.placeholder
-          }, null, 10, IP), [
+          }, null, 10, TP), [
             [qs, g(u)]
           ]),
           g(u) && !n.disabled ? (k(), $("div", {
@@ -46446,9 +46447,9 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         ])
       ]),
       dropdown: Q(({ close: Y }) => [
-        A("div", DP, [
-          A("div", OP, [
-            A("div", BP, [
+        A("div", AP, [
+          A("div", IP, [
+            A("div", DP, [
               A("div", {
                 ref_key: "hoursContainer",
                 ref: m,
@@ -46496,16 +46497,16 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                 G[4] || (G[4] = A("div", { class: "h-40" }, null, -1))
               ], 512))
             ]),
-            A("div", RP, [
+            A("div", OP, [
               n.showNowButton ? (k(), $("button", {
                 key: 0,
                 class: "btn btn-slate btn-sm block",
                 onClick: (W) => O(Y)
-              }, se(g(ve)("sui.now")), 9, NP)) : te("", !0),
+              }, se(g(ve)("sui.now")), 9, BP)) : te("", !0),
               A("button", {
                 class: "btn btn-primary btn-sm block",
                 onClick: (W) => C(Y)
-              }, se(g(ve)("sui.ok")), 9, $P)
+              }, se(g(ve)("sui.ok")), 9, RP)
             ])
           ])
         ])
@@ -46513,7 +46514,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       _: 1
     }));
   }
-}), zP = ["value", "pattern", "inputmode", "autocomplete", "disabled", "onInput", "onPaste", "onKeydown"], PP = /* @__PURE__ */ oe({
+}), $P = ["value", "pattern", "inputmode", "autocomplete", "disabled", "onInput", "onPaste", "onKeydown"], LP = /* @__PURE__ */ oe({
   __name: "BaseUniqueCode",
   props: {
     modelValue: {
@@ -46677,7 +46678,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         onPaste: (P) => M(O - 1, P),
         onKeydown: (P) => T(O - 1, P),
         onFocus: C[0] || (C[0] = (P) => B(P))
-      }, null, 42, zP))), 128))
+      }, null, 42, $P))), 128))
     ], 2));
   }
 }), W1 = Tu("systemAlerts", {
@@ -46752,7 +46753,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ])
     ], 64));
   }
-}), FP = { class: "flex items-start gap-2" }, _P = { class: "min-w-0 flex-1" }, VP = ["innerHTML"], jP = { class: "mt-1 text-xs text-slate-500" }, Ng = /* @__PURE__ */ oe({
+}), zP = { class: "flex items-start gap-2" }, PP = { class: "min-w-0 flex-1" }, FP = ["innerHTML"], _P = { class: "mt-1 text-xs text-slate-500" }, Ng = /* @__PURE__ */ oe({
   __name: "BaseLayoutNotificationItemContent",
   props: {
     active: { type: Boolean },
@@ -46763,22 +46764,22 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
     return (r, o) => (k(), $("div", {
       class: j(["px-3 py-2 rounded", [n.active ? "bg-slate-100" : ""]])
     }, [
-      A("div", FP, [
+      A("div", zP, [
         A("span", {
           class: j(["mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full bg-red-500", [n.notification.read ? "invisible" : ""]])
         }, null, 2),
-        A("div", _P, [
+        A("div", PP, [
           A("div", {
             class: j(["text-sm leading-tight", g(e)]),
             innerHTML: n.notification.text
-          }, null, 10, VP),
+          }, null, 10, FP),
           n.notification.created_at ? (k(), re(ny, {
             key: 0,
             tooltip: !1,
             value: n.notification.created_at
           }, {
             default: Q(({ readableDate: i }) => [
-              A("p", jP, se(i), 1)
+              A("p", _P, se(i), 1)
             ]),
             _: 1
           }, 8, ["value"])) : te("", !0)
@@ -46786,7 +46787,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ])
     ], 2));
   }
-}), HP = { key: 1 }, WP = /* @__PURE__ */ oe({
+}), VP = { key: 1 }, jP = /* @__PURE__ */ oe({
   __name: "BaseLayoutNotificationItem",
   props: {
     notification: {
@@ -46818,7 +46819,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           }, 1032, ["to", "onMouseup"])
         ]),
         _: 1
-      })) : (k(), $("div", HP, [
+      })) : (k(), $("div", VP, [
         ne(g(Oi), {
           as: "button",
           class: "w-full text-left"
@@ -46835,10 +46836,10 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ]));
     };
   }
-}), qP = {
+}), HP = {
   key: 0,
   class: "flex items-center justify-center p-6"
-}, UP = { class: "" }, KP = { class: "text-center text-sm text-slate-700" }, YP = {
+}, WP = { class: "" }, qP = { class: "text-center text-sm text-slate-700" }, UP = {
   key: 1,
   class: "mt-1 border-t border-slate-200 pt-1"
 }, U1 = /* @__PURE__ */ oe({
@@ -46898,21 +46899,21 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           ], 2)
         ]),
         items: Q(() => [
-          (k(!0), $(Oe, null, Ye(n.notificationsConfig.items.slice(0, 4), (p) => (k(), re(WP, {
+          (k(!0), $(Oe, null, Ye(n.notificationsConfig.items.slice(0, 4), (p) => (k(), re(jP, {
             key: p.id + "link",
             notification: p,
             onClick: l
           }, null, 8, ["notification"]))), 128)),
-          n.notificationsConfig.items.length == 0 ? (k(), $("div", qP, [
-            A("div", UP, [
+          n.notificationsConfig.items.length == 0 ? (k(), $("div", HP, [
+            A("div", WP, [
               ne(g(Ge), {
                 icon: "heroicons:inbox-stack",
                 class: "mx-auto mb-2 h-8 w-8 text-slate-400"
               }),
-              A("p", KP, se(g(ve)("sui.notifications_empty")), 1)
+              A("p", qP, se(g(ve)("sui.notifications_empty")), 1)
             ])
           ])) : te("", !0),
-          n.notificationsConfig.footerTo ? (k(), $("div", YP, [
+          n.notificationsConfig.footerTo ? (k(), $("div", UP, [
             ne(g(Oi), null, {
               default: Q(({ active: p, close: m }) => [
                 ne(h, {
@@ -46935,7 +46936,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       }, 8, ["width"]);
     };
   }
-}), GP = { class: "flex w-full justify-between" }, JP = { class: "flex grow" }, XP = ["src", "alt"], QP = { class: "space-y-0.5 p-2" }, ZP = { class: "p-2 pb-6" }, eF = { class: "mt-4 space-y-1" }, tF = /* @__PURE__ */ oe({
+}), KP = { class: "flex w-full justify-between" }, YP = { class: "flex grow" }, GP = ["src", "alt"], JP = { class: "space-y-0.5 p-2" }, XP = { class: "p-2 pb-6" }, QP = { class: "mt-4 space-y-1" }, ZP = /* @__PURE__ */ oe({
   __name: "BaseLayoutStackedConfigurable",
   props: {
     appName: {
@@ -46996,8 +46997,8 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         navbar: n.navbar
       }, {
         navbar: Q(({ mobile: a }) => [
-          A("div", GP, [
-            A("div", JP, [
+          A("div", KP, [
+            A("div", YP, [
               n.logoUrl ? (k(), re(l, {
                 key: 0,
                 to: n.logoTo,
@@ -47012,7 +47013,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                     class: "block h-8 w-auto",
                     src: n.logoUrl,
                     alt: n.appName
-                  }, null, 8, XP)
+                  }, null, 8, GP)
                 ]),
                 _: 1
               }, 8, ["to", "class"])) : te("", !0),
@@ -47065,7 +47066,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           ])
         ]),
         mobile: Q(() => [
-          A("div", QP, [
+          A("div", JP, [
             (k(!0), $(Oe, null, Ye(n.menu, (a) => (k(), re(Zs, {
               key: a.label,
               item: a,
@@ -47076,14 +47077,14 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
           A("hr", {
             class: j(["mb-4 mt-2", [n.dark ? "border-slate-700" : "border-slate-200"]])
           }, null, 2),
-          A("div", ZP, [
+          A("div", XP, [
             ne(Js, {
               user: n.user,
               "show-details": "",
               size: "base",
               class: j(["px-3", n.dark ? "text-white" : ""])
             }, null, 8, ["user", "class"]),
-            A("div", eF, [
+            A("div", QP, [
               (k(!0), $(Oe, null, Ye(n.userMenu, (a) => (k(), re(Zs, {
                 key: a.label,
                 item: a,
@@ -47100,10 +47101,10 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       }, 8, ["size", "dark", "navbar"]);
     };
   }
-}), nF = { class: "min-h-full base-layout-sidebar" }, rF = { class: "fixed inset-0 z-40 flex" }, oF = { class: "absolute top-0 right-0 pt-2 -mr-12" }, iF = ["src", "alt"], sF = {
+}), eF = { class: "min-h-full base-layout-sidebar" }, tF = { class: "fixed inset-0 z-40 flex" }, nF = { class: "absolute top-0 right-0 pt-2 -mr-12" }, rF = ["src", "alt"], oF = {
   "data-scroll-lock-scrollable": "",
   class: "flex-1 h-0 mt-5 overflow-y-auto"
-}, lF = { class: "sticky top-0 left-0 z-10 shadow shrink-0 || print:hidden" }, aF = { class: "flex flex-1" }, uF = { class: "relative flex-1 min-h-full" }, cF = ["src", "alt"], dF = { class: "flex flex-1" }, fF = { class: "flex-1" }, hF = "base_layout_sidebar.", K1 = /* @__PURE__ */ oe({
+}, iF = { class: "sticky top-0 left-0 z-10 shadow shrink-0 || print:hidden" }, sF = { class: "flex flex-1" }, lF = { class: "relative flex-1 min-h-full" }, aF = ["src", "alt"], uF = { class: "flex flex-1" }, cF = { class: "flex-1" }, dF = "base_layout_sidebar.", K1 = /* @__PURE__ */ oe({
   __name: "BaseLayoutSidebar",
   props: {
     appName: {
@@ -47138,7 +47139,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
     function l() {
       o.value = !1;
     }
-    const a = Dt.settingsStorage, u = `${hF}.collapsed`, c = V(!1);
+    const a = Dt.settingsStorage, u = `${dF}.collapsed`, c = V(!1);
     et(async () => {
       c.value = await a.get(u) == 1;
     });
@@ -47148,7 +47149,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
     const f = S(() => t.size === "xs" ? 50 : t.size === "sm" ? 54 : 64);
     return qe("toggleMenu", i), qe("openMenu", s), qe("closeMenu", l), (h, p) => {
       const m = $t("RouterLink");
-      return k(), $("div", nF, [
+      return k(), $("div", eF, [
         ne(g(Iv), {
           as: "template",
           show: o.value
@@ -47174,7 +47175,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                   ])]),
                   _: 1
                 }),
-                A("div", rF, [
+                A("div", tF, [
                   ne(g(sa), {
                     as: "template",
                     enter: "transition ease-in-out duration-300 transform",
@@ -47199,7 +47200,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                             "leave-to": "opacity-0"
                           }, {
                             default: Q(() => [
-                              A("div", oF, [
+                              A("div", nF, [
                                 A("button", {
                                   type: "button",
                                   class: "flex items-center justify-center w-10 h-10 ml-1 rounded-full",
@@ -47226,11 +47227,11 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                                 class: "block w-auto h-8",
                                 src: n.logoUrl,
                                 alt: n.appName
-                              }, null, 8, iF)
+                              }, null, 8, rF)
                             ]),
                             _: 1
                           }, 8, ["to"]),
-                          A("div", sF, [
+                          A("div", oF, [
                             A("nav", null, [
                               de(h.$slots, "menu")
                             ])
@@ -47255,7 +47256,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         A("div", {
           class: j(["flex flex-col min-h-full || xl:print:pl-0", [c.value ? "xl:pl-14" : "xl:pl-64"]])
         }, [
-          A("div", lF, [
+          A("div", iF, [
             (k(!0), $(Oe, null, Ye(g(r), (v) => (k(), re(Kh, {
               key: v.id,
               color: v.color,
@@ -47285,12 +47286,12 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                   "aria-hidden": "true"
                 })
               ]),
-              A("div", aF, [
+              A("div", sF, [
                 de(h.$slots, "navbar")
               ])
             ], 4)
           ]),
-          A("main", uF, [
+          A("main", lF, [
             de(h.$slots, "default")
           ])
         ], 2),
@@ -47316,7 +47317,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                     class: "block w-auto h-8",
                     src: n.logoUrl,
                     alt: n.appName
-                  }, null, 8, cF)
+                  }, null, 8, aF)
                 ]),
                 _: 1
               }, 8, ["to"])),
@@ -47334,8 +47335,8 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
                 })
               ], 2)
             ], 6),
-            A("div", dF, [
-              A("nav", fF, [
+            A("div", uF, [
+              A("nav", cF, [
                 de(h.$slots, "menu", { collapsed: c.value })
               ])
             ])
@@ -47344,10 +47345,10 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
       ]);
     };
   }
-}), pF = {
+}), fF = {
   key: 1,
   class: "px-4"
-}, mF = { class: "flex flex-1 justify-between px-4" }, gF = { class: "flex grow" }, vF = { class: "ml-4 flex items-center md:ml-6" }, yF = /* @__PURE__ */ oe({
+}, hF = { class: "flex flex-1 justify-between px-4" }, pF = { class: "flex grow" }, mF = { class: "ml-4 flex items-center md:ml-6" }, gF = /* @__PURE__ */ oe({
   __name: "BaseLayoutSidebarConfigurable",
   props: {
     appName: {
@@ -47420,7 +47421,7 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
               d.label && !d.href && !d.to && !d.action ? (k(), $("div", {
                 key: d.label
               }, [
-                c ? (k(), $("div", pF, [...u[0] || (u[0] = [
+                c ? (k(), $("div", fF, [...u[0] || (u[0] = [
                   A("hr", { class: "my-2 border-slate-600" }, null, -1)
                 ])])) : (k(), $("h2", {
                   key: 0,
@@ -47453,11 +47454,11 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
         ], 2)
       ]),
       navbar: Q(() => [
-        A("div", mF, [
-          A("div", gF, [
+        A("div", hF, [
+          A("div", pF, [
             de(a.$slots, "navbar")
           ]),
-          A("div", vF, [
+          A("div", mF, [
             n.notifications ? (k(), re(U1, {
               key: 0,
               "notifications-config": n.notifications,
@@ -47560,9 +47561,9 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
   BaseInputPercent: HD,
   BaseJsonReader: JD,
   BaseLayoutSidebar: K1,
-  BaseLayoutSidebarConfigurable: yF,
+  BaseLayoutSidebarConfigurable: gF,
   BaseLayoutStacked: q1,
-  BaseLayoutStackedConfigurable: tF,
+  BaseLayoutStackedConfigurable: ZP,
   BaseLazy: QD,
   BaseLoadingCover: rh,
   BaseMediaItem: cO,
@@ -47584,17 +47585,17 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
   BaseReadMore: T3,
   BaseRichText: r4,
   BaseSelect: Jo,
-  BaseShortcut: m4,
-  BaseSideNavigation: b4,
-  BaseSideNavigationItem: x4,
-  BaseSignature: u4,
+  BaseShortcut: h4,
+  BaseSideNavigation: v4,
+  BaseSideNavigationItem: b4,
+  BaseSignature: l4,
   BaseSkeleton: da,
-  BaseStatistic: D4,
-  BaseStepper: Q4,
+  BaseStatistic: A4,
+  BaseStepper: J4,
   BaseStepperItem: j1,
-  BaseSwitch: eP,
+  BaseSwitch: Q4,
   BaseSystemAlert: Kh,
-  BaseTabItem: hP,
+  BaseTabItem: dP,
   BaseTable: G0,
   BaseTableBody: Q0,
   BaseTableCell: va,
@@ -47602,18 +47603,18 @@ const D4 = /* @__PURE__ */ Zi(k4, [["render", I4]]), O4 = { class: "flex-shrink-
   BaseTableHead: J0,
   BaseTableHeader: X0,
   BaseTableRow: vs,
-  BaseTabs: sP,
+  BaseTabs: oP,
   BaseTagAutocomplete: Ku,
   BaseTagAutocompleteFetch: th,
   BaseTextarea: Aa,
-  BaseTextareaAutoresize: gP,
-  BaseTimePicker: LP,
-  BaseTimeline: EP,
+  BaseTextareaAutoresize: pP,
+  BaseTimePicker: NP,
+  BaseTimeline: CP,
   BaseTimelineItem: H1,
   BaseTooltip: Qi,
-  BaseUniqueCode: PP
+  BaseUniqueCode: LP
 }, Symbol.toStringTag, { value: "Module" })), Lg = "sui.";
-class bF {
+class vF {
   constructor(t, e) {
     Yn(this, "getFunction");
     Yn(this, "setFunction");
@@ -47627,10 +47628,10 @@ class bF {
     return this.setFunction(t, e);
   }
 }
-const wF = 100, NF = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yF = 100, BF = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MAGIC_NUM: wF
-}, Symbol.toStringTag, { value: "Module" })), $F = { en: l0, fr: a0 }, Dt = {
+  MAGIC_NUM: yF
+}, Symbol.toStringTag, { value: "Module" })), RF = { en: l0, fr: a0 }, Dt = {
   http: dw.create(),
   locales: {
     en: "English",
@@ -47650,14 +47651,14 @@ const wF = 100, NF = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
       //comma: true,
     });
   },
-  settingsStorage: new bF(),
+  settingsStorage: new vF(),
   countries: [],
   regions: [],
   props: {
     size: "md"
   }
 };
-function xF(n, t) {
+function bF(n, t) {
   for (const e in $g)
     n.component(e, $g[e]);
   t != null && t.http && (Dt.http = t.http), t != null && t.locales && (Dt.locales = t.locales), t != null && t.upload_url && (Dt.upload_url = t.upload_url), t != null && t.formatQueryString && (Dt.formatQueryString = t.formatQueryString), t != null && t.parseQueryString && (Dt.parseQueryString = t.parseQueryString), t != null && t.settingsStorage && (Dt.settingsStorage = t.settingsStorage), t != null && t.countries && (Dt.countries = t.countries), t != null && t.regions && (Dt.regions = t.regions), t != null && t.props && (Dt.props = t.props), n.config.globalProperties.$i18n && _e(
@@ -47668,7 +47669,7 @@ function xF(n, t) {
     { immediate: !0 }
   );
 }
-const LF = { install: xF };
+const NF = { install: bF };
 export {
   $f as BaseActionButtons,
   yo as BaseActionItem,
@@ -47728,9 +47729,9 @@ export {
   HD as BaseInputPercent,
   JD as BaseJsonReader,
   K1 as BaseLayoutSidebar,
-  yF as BaseLayoutSidebarConfigurable,
+  gF as BaseLayoutSidebarConfigurable,
   q1 as BaseLayoutStacked,
-  tF as BaseLayoutStackedConfigurable,
+  ZP as BaseLayoutStackedConfigurable,
   QD as BaseLazy,
   rh as BaseLoadingCover,
   cO as BaseMediaItem,
@@ -47752,17 +47753,17 @@ export {
   T3 as BaseReadMore,
   r4 as BaseRichText,
   Jo as BaseSelect,
-  m4 as BaseShortcut,
-  b4 as BaseSideNavigation,
-  x4 as BaseSideNavigationItem,
-  u4 as BaseSignature,
+  h4 as BaseShortcut,
+  v4 as BaseSideNavigation,
+  b4 as BaseSideNavigationItem,
+  l4 as BaseSignature,
   da as BaseSkeleton,
-  D4 as BaseStatistic,
-  Q4 as BaseStepper,
+  A4 as BaseStatistic,
+  J4 as BaseStepper,
   j1 as BaseStepperItem,
-  eP as BaseSwitch,
+  Q4 as BaseSwitch,
   Kh as BaseSystemAlert,
-  hP as BaseTabItem,
+  dP as BaseTabItem,
   G0 as BaseTable,
   Q0 as BaseTableBody,
   va as BaseTableCell,
@@ -47770,22 +47771,22 @@ export {
   J0 as BaseTableHead,
   X0 as BaseTableHeader,
   vs as BaseTableRow,
-  sP as BaseTabs,
+  oP as BaseTabs,
   Ku as BaseTagAutocomplete,
   th as BaseTagAutocompleteFetch,
   Aa as BaseTextarea,
-  gP as BaseTextareaAutoresize,
-  LP as BaseTimePicker,
-  EP as BaseTimeline,
+  pP as BaseTextareaAutoresize,
+  NP as BaseTimePicker,
+  CP as BaseTimeline,
   H1 as BaseTimelineItem,
   Qi as BaseTooltip,
-  PP as BaseUniqueCode,
-  NF as MyConstants,
-  bF as SettingsStorage,
-  BF as base64ToBlob,
+  LP as BaseUniqueCode,
+  BF as MyConstants,
+  vF as SettingsStorage,
+  DF as base64ToBlob,
   _E as blobToBase64,
   Dt as config,
-  LF as default,
+  NF as default,
   Hf as disableScroll,
   Wf as enableScroll,
   qu as fileSizeFormat,
@@ -47793,7 +47794,7 @@ export {
   Sl as getColorConfig,
   UM as getInitials,
   Ed as isEmpty,
-  $F as messages,
+  RF as messages,
   k0 as resizeImageForUpload,
   OE as resizeImageFromURI,
   DE as toHumanList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.12.17",
+  "version": "0.12.18",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseSignature.vue

@@ -24,45 +24,42 @@
       />
     </div>
 
-    <div
-      v-if="showApplySignatureButton || showClearButton || errorMessage"
-      class="flex items-start justify-between gap-3"
-    >
-      <p
-        v-if="errorMessage"
-        role="alert"
-        class="pt-1 text-sm leading-tight text-red-600"
+    <div v-if="showApplySignatureButton || showClearButton" class="btn-group w-full">
+      <BaseButton
+        v-if="showApplySignatureButton"
+        type="button"
+        size="sm"
+        class="w-full"
+        color="slate-100-outline"
+        icon="ph:signature-light"
+        :disabled="disabled || applyingTextSignature"
+        :loading="applyingTextSignature"
+        @click="applyTextSignature"
+      >
+        {{ t('sui.apply_signature') }}
+      </BaseButton>
+
+      <BaseButton
+        v-if="showClearButton"
+        type="button"
+        size="sm"
+        class="w-full"
+        icon="mdi:remove"
+        color="slate-100-outline"
+        :disabled="disabled || !canClear"
+        @click="clear"
       >
-        {{ errorMessage }}
-      </p>
-      <span v-else />
-
-      <div class="flex flex-wrap justify-end gap-2">
-        <BaseButton
-          v-if="showApplySignatureButton"
-          type="button"
-          size="sm"
-          color="secondary-outline"
-          :disabled="disabled || applyingTextSignature"
-          :loading="applyingTextSignature"
-          @click="applyTextSignature"
-        >
-          {{ t('sui.apply_signature') }}
-        </BaseButton>
-
-        <BaseButton
-          v-if="showClearButton"
-          type="button"
-          size="sm"
-          color="secondary-outline"
-          icon="heroicons:trash"
-          :disabled="disabled || !canClear"
-          @click="clear"
-        >
-          {{ t('sui.clear') }}
-        </BaseButton>
-      </div>
+        {{ t('sui.clear') }}
+      </BaseButton>
     </div>
+
+    <p
+      v-if="errorMessage"
+      role="alert"
+      class="text-sm mt-1 leading-tight text-red-600"
+    >
+      {{ errorMessage }}
+    </p>
   </div>
 </template>