@stachelock/ui 0.5.5 → 0.6.1

package/dist/composables/useTabs.js

@@ -1,123 +1,18 @@
-import { computed as u, shallowRef as H, ref as Y, onMounted as B, nextTick as M, watch as P, onUnmounted as ee } from "vue";
-function z(n) {
-  var a = typeof n;
-  return n != null && (a == "object" || a == "function");
+import { computed as l, shallowRef as M, ref as U, onMounted as O, nextTick as g, watch as p, onUnmounted as V } from "vue";
+import h from "lodash-es/debounce";
+function Z(o) {
+  return o.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]/g, " ").toLowerCase().trim();
 }
-var ne = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, V = ne || te || Function("return this")(), R = function() {
-  return V.Date.now();
-}, re = /\s/;
-function ae(n) {
-  for (var a = n.length; a-- && re.test(n.charAt(a)); )
-    ;
-  return a;
-}
-var ie = /^\s+/;
-function oe(n) {
-  return n && n.slice(0, ae(n) + 1).replace(ie, "");
-}
-var A = V.Symbol, X = Object.prototype, le = X.hasOwnProperty, ue = X.toString, I = A ? A.toStringTag : void 0;
-function se(n) {
-  var a = le.call(n, I), c = n[I];
-  try {
-    n[I] = void 0;
-    var l = !0;
-  } catch {
-  }
-  var f = ue.call(n);
-  return l && (a ? n[I] = c : delete n[I]), f;
-}
-var ce = Object.prototype, de = ce.toString;
-function fe(n) {
-  return de.call(n);
-}
-var be = "[object Null]", ve = "[object Undefined]", D = A ? A.toStringTag : void 0;
-function ge(n) {
-  return n == null ? n === void 0 ? ve : be : D && D in Object(n) ? se(n) : fe(n);
-}
-function me(n) {
-  return n != null && typeof n == "object";
-}
-var Te = "[object Symbol]";
-function he(n) {
-  return typeof n == "symbol" || me(n) && ge(n) == Te;
-}
-var U = NaN, ye = /^[-+]0x[0-9a-f]+$/i, pe = /^0b[01]+$/i, we = /^0o[0-7]+$/i, Oe = parseInt;
-function _(n) {
-  if (typeof n == "number")
-    return n;
-  if (he(n))
-    return U;
-  if (z(n)) {
-    var a = typeof n.valueOf == "function" ? n.valueOf() : n;
-    n = z(a) ? a + "" : a;
-  }
-  if (typeof n != "string")
-    return n === 0 ? n : +n;
-  n = oe(n);
-  var c = pe.test(n);
-  return c || we.test(n) ? Oe(n.slice(2), c ? 2 : 8) : ye.test(n) ? U : +n;
-}
-var Se = "Expected a function", xe = Math.max, je = Math.min;
-function L(n, a, c) {
-  var l, f, p, T, s, g, m = 0, h = !1, y = !1, O = !0;
-  if (typeof n != "function")
-    throw new TypeError(Se);
-  a = _(a) || 0, z(c) && (h = !!c.leading, y = "maxWait" in c, p = y ? xe(_(c.maxWait) || 0, a) : p, O = "trailing" in c ? !!c.trailing : O);
-  function x(o) {
-    var b = l, v = f;
-    return l = f = void 0, m = o, T = n.apply(v, b), T;
-  }
-  function W(o) {
-    return m = o, s = setTimeout(S, a), h ? x(o) : T;
-  }
-  function $(o) {
-    var b = o - g, v = o - m, w = a - b;
-    return y ? je(w, p - v) : w;
-  }
-  function t(o) {
-    var b = o - g, v = o - m;
-    return g === void 0 || b >= a || b < 0 || y && v >= p;
-  }
-  function S() {
-    var o = R();
-    if (t(o))
-      return j(o);
-    s = setTimeout(S, $(o));
-  }
-  function j(o) {
-    return s = void 0, O && l ? x(o) : (l = f = void 0, T);
-  }
-  function i() {
-    s !== void 0 && clearTimeout(s), m = 0, l = g = f = s = void 0;
-  }
-  function d() {
-    return s === void 0 ? T : j(R());
-  }
-  function C() {
-    var o = R(), b = t(o);
-    if (l = arguments, f = this, g = o, b) {
-      if (s === void 0)
-        return W(g);
-      if (y)
-        return clearTimeout(s), s = setTimeout(S, a), x(g);
-    }
-    return s === void 0 && (s = setTimeout(S, a)), T;
-  }
-  return C.cancel = i, C.flush = d, C;
-}
-function Ce(n) {
-  return n.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]/g, " ").toLowerCase().trim();
-}
-function Ie(n, a) {
-  const c = u(() => n.tabGroup), l = u(() => n.tab), f = u(() => n.tabs || []), p = u(() => n.showHeading !== !1), T = u(() => n.tabCountTheme || "warning"), s = u(() => n.dropdownOnMobile !== !1), g = u(() => n.fixedHeight), m = u(() => f.value.length > 0 ? f.value : []), h = H({}), y = L((e) => {
-    h.value = { ...h.value, [e]: !0 };
-  }, 50), O = L((e) => {
-    h.value = { ...h.value, [e]: !1 };
-  }, 50), x = (e) => {
-    y(e);
-  }, W = (e) => {
-    O(e);
-  }, $ = u(() => {
+function J(o, d) {
+  const z = l(() => o.tabGroup), s = l(() => o.tab), y = l(() => o.tabs || []), S = l(() => o.showHeading !== !1), k = l(() => o.tabCountTheme || "warning"), A = l(() => o.dropdownOnMobile !== !1), G = l(() => o.fixedHeight), m = l(() => y.value.length > 0 ? y.value : []), i = M({}), C = h((e) => {
+    i.value = { ...i.value, [e]: !0 };
+  }, 50), E = h((e) => {
+    i.value = { ...i.value, [e]: !1 };
+  }, 50), L = (e) => {
+    C(e);
+  }, H = (e) => {
+    E(e);
+  }, D = l(() => {
     const e = {
       primary: {
         ringColor: "sl-ring-stachelock-600",
@@ -136,124 +31,123 @@ function Ie(n, a) {
         bgColor: "sl-bg-red-100"
       }
     };
-    return e[T.value] || e.warning;
-  }), t = u(() => {
+    return e[k.value] || e.warning;
+  }), t = l(() => {
     if (!Array.isArray(m.value))
       return console.warn("[useTabs] dynamicTabs is not an array", m.value), [];
-    const e = Ce(c.value);
-    return m.value.filter((r) => r.group === e);
-  }), S = u(() => t.value.map((e) => ({
+    const e = Z(z.value);
+    return m.value.filter((n) => n.group === e);
+  }), F = l(() => t.value.map((e) => ({
     id: e.id,
     name: e.name,
     disabled: e?.disabled || !1
-  }))), j = u(() => l.value === void 0 || l.value === null ? t.value.length > 0 ? t.value[0].id : null : l.value >= 0 && l.value < t.value.length ? t.value[l.value].id : t.value.length > 0 ? t.value[0].id : null), i = Y(null), d = () => {
+  }))), x = l(() => s.value === void 0 || s.value === null ? t.value.length > 0 ? t.value[0].id : null : s.value >= 0 && s.value < t.value.length ? t.value[s.value].id : t.value.length > 0 ? t.value[0].id : null), a = U(null), r = () => {
     if (t.value.length > 0) {
       const e = t.value[0].id;
-      return i.value = e, M(() => {
-        a("tab-change", 0);
+      return a.value = e, g(() => {
+        d("tab-change", 0);
       }), !0;
     }
     return !1;
-  }, C = () => {
-    if (i.value !== null) {
-      const e = t.value.findIndex((r) => r.id === i.value);
-      e >= 0 && e !== l.value && a("tab-change", e);
+  }, R = () => {
+    if (a.value !== null) {
+      const e = t.value.findIndex((n) => n.id === a.value);
+      e >= 0 && e !== s.value && d("tab-change", e);
     }
   };
-  B(() => {
-    if (j.value !== null ? i.value = j.value : t.value.length > 0 && (i.value = t.value[0].id), i.value !== null) {
-      const e = t.value.findIndex((r) => r.id === i.value);
-      e !== l.value && e >= 0 && M(() => {
-        a("tab-change", e);
+  O(() => {
+    if (x.value !== null ? a.value = x.value : t.value.length > 0 && (a.value = t.value[0].id), a.value !== null) {
+      const e = t.value.findIndex((n) => n.id === a.value);
+      e !== s.value && e >= 0 && g(() => {
+        d("tab-change", e);
       });
     }
   });
-  const o = u(() => {
-    const e = t.value.findIndex((r) => r.id === i.value);
+  const c = l(() => {
+    const e = t.value.findIndex((n) => n.id === a.value);
     return e >= 0 ? e : 0;
-  }), b = u(() => {
-    const e = t.value.find((r) => r.id === i.value);
+  }), W = l(() => {
+    const e = t.value.find((n) => n.id === a.value);
     return e ? { id: e.id, name: e.name, disabled: e?.disabled || !1 } : void 0;
-  }), v = H(typeof window < "u" ? window.innerWidth < 768 : !1);
-  let w = null;
-  const G = L(() => {
+  }), v = M(typeof window < "u" ? window.innerWidth < 768 : !1);
+  let b = null;
+  const w = h(() => {
     typeof window < "u" && (v.value = window.innerWidth < 768);
-  }, 150), F = (e) => {
+  }, 150), I = (e) => {
     try {
-      !v.value && i.value !== e.id && (t.value.some((E) => E.id === e.id) ? (i.value = e.id, N()) : d());
-    } catch (r) {
-      console.error("[useTabs] Error in syncSelectedTabForDesktop:", r), d();
+      !v.value && a.value !== e.id && (t.value.some((u) => u.id === e.id) ? (a.value = e.id, T()) : r());
+    } catch (n) {
+      console.error("[useTabs] Error in syncSelectedTabForDesktop:", n), r();
     }
   };
-  B(() => {
-    typeof window < "u" && (window.ResizeObserver ? (w = new ResizeObserver(G), w.observe(document.documentElement)) : window.addEventListener("resize", G), P(v, (e) => {
-      e || M(() => {
-        o.value >= 0 && t.value[o.value] && F(t.value[o.value]);
+  O(() => {
+    typeof window < "u" && (window.ResizeObserver ? (b = new ResizeObserver(w), b.observe(document.documentElement)) : window.addEventListener("resize", w), p(v, (e) => {
+      e || g(() => {
+        c.value >= 0 && t.value[c.value] && I(t.value[c.value]);
       });
     }));
-  }), ee(() => {
-    w ? w.disconnect() : typeof window < "u" && window.removeEventListener("resize", G), y.cancel(), O.cancel();
+  }), V(() => {
+    b ? b.disconnect() : typeof window < "u" && window.removeEventListener("resize", w), C.cancel(), E.cancel();
   });
-  const N = L(() => {
-    M(() => {
-      const e = t.value.findIndex((r) => r.id === i.value);
-      a("tab-change", e >= 0 ? e : 0);
+  const T = h(() => {
+    g(() => {
+      const e = t.value.findIndex((n) => n.id === a.value);
+      d("tab-change", e >= 0 ? e : 0);
     });
-  }, 100), Z = (e) => {
+  }, 100), j = (e) => {
     try {
       if (e < 0 || e >= t.value.length) {
         console.warn("[useTabs] TabGroup provided out of bounds index:", e);
         return;
       }
-      const r = t.value[e];
-      r && i.value !== r.id && (i.value = r.id, N());
-    } catch (r) {
-      console.error("[useTabs] Error in handleTabGroupTabChange:", r);
+      const n = t.value[e];
+      n && a.value !== n.id && (a.value = n.id, T());
+    } catch (n) {
+      console.error("[useTabs] Error in handleTabGroupTabChange:", n);
     }
-  }, k = (e) => e === null ? null : t.value.find((r) => r.id === e) || null, q = u(() => k(i.value)?.component || null), J = u(() => k(i.value)?.props ?? void 0), K = u(() => k(i.value)?.events ?? void 0), Q = (e) => {
-    e && !Array.isArray(e) ? i.value !== e.id && (t.value.some((E) => E.id === e.id) ? (i.value = e.id, N()) : d()) : d();
+  }, f = (e) => e === null ? null : t.value.find((n) => n.id === e) || null, N = l(() => f(a.value)?.component || null), P = l(() => f(a.value)?.props ?? void 0), $ = l(() => f(a.value)?.events ?? void 0), B = (e) => {
+    e && !Array.isArray(e) ? a.value !== e.id && (t.value.some((u) => u.id === e.id) ? (a.value = e.id, T()) : r()) : r();
   };
-  return P(() => l.value, (e) => {
+  return p(() => s.value, (e) => {
     try {
       if (t.value.length === 0)
         return;
       if (typeof e == "number" && e >= 0 && e < t.value.length) {
-        const r = t.value[e].id;
-        i.value !== r && (i.value = r);
-      } else (e != null || i.value === null) && d();
-    } catch (r) {
-      console.error("[useTabs] Error updating tab:", r), d();
+        const n = t.value[e].id;
+        a.value !== n && (a.value = n);
+      } else (e != null || a.value === null) && r();
+    } catch (n) {
+      console.error("[useTabs] Error updating tab:", n), r();
     }
-  }, { immediate: !0 }), P(t, (e) => {
-    e.length > 0 && (e.some((E) => E.id === i.value) ? C() : d());
+  }, { immediate: !0 }), p(t, (e) => {
+    e.length > 0 && (e.some((u) => u.id === a.value) ? R() : r());
   }, { immediate: !0 }), {
     // State
-    selectedTabId: i,
-    selectedTab: o,
-    selectedTabObject: b,
+    selectedTabId: a,
+    selectedTab: c,
+    selectedTabObject: W,
     filteredTabs: t,
-    tabItemsForDropdown: S,
-    hoverStates: h,
+    tabItemsForDropdown: F,
+    hoverStates: i,
     isMobile: v,
-    themeClasses: $,
-    showHeading: p,
-    dropdownOnMobile: s,
-    fixedHeight: g,
+    themeClasses: D,
+    showHeading: S,
+    dropdownOnMobile: A,
+    fixedHeight: G,
     // Computed values
-    selectedComponent: q,
-    selectedProps: J,
-    selectedEvents: K,
+    selectedComponent: N,
+    selectedProps: P,
+    selectedEvents: $,
     // Methods
-    mouseEnter: x,
-    mouseLeave: W,
-    handleTabChange: Q,
-    handleTabGroupTabChange: Z,
-    syncSelectedTabForDesktop: F,
-    getTabById: k,
-    resetToValidTabState: d
+    mouseEnter: L,
+    mouseLeave: H,
+    handleTabChange: B,
+    handleTabGroupTabChange: j,
+    syncSelectedTabForDesktop: I,
+    getTabById: f,
+    resetToValidTabState: r
   };
 }
 export {
-  Ie as useTabs
+  J as useTabs
 };
-//# sourceMappingURL=useTabs.js.map

package/dist/composables/useTheme.js

@@ -116,4 +116,3 @@ export {
   $ as presetThemes,
   x as useTheme
 };
-//# sourceMappingURL=useTheme.js.map

package/dist/empty-state/ComingSoon.js

@@ -2,4 +2,3 @@ import { _ as f } from "../ComingSoon.vue_vue_type_script_setup_true_lang-CJ8FXE
 export {
   f as default
 };
-//# sourceMappingURL=ComingSoon.js.map

package/dist/empty-state/EmptyState.js

@@ -2,4 +2,3 @@ import { _ as f } from "../EmptyState.vue_vue_type_script_setup_true_lang-7mcKkO
 export {
   f as default
 };
-//# sourceMappingURL=EmptyState.js.map

package/dist/empty-state/index.js

@@ -4,4 +4,3 @@ export {
   m as ComingSoon,
   a as EmptyState
 };
-//# sourceMappingURL=index.js.map

package/dist/forms/DynamicForm.js

@@ -1,5 +1,4 @@
-import { _ as f } from "../DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js";
+import { _ as f } from "../DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js";
 export {
   f as default
 };
-//# sourceMappingURL=DynamicForm.js.map

package/dist/forms/DynamicFormField.js

@@ -1,5 +1,4 @@
-import { _ as f } from "../DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js";
+import { _ as f } from "../DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
 export {
   f as default
 };
-//# sourceMappingURL=DynamicFormField.js.map

package/dist/forms/FormFieldWrapper.js

@@ -1,5 +1,5 @@
 import { defineComponent as k, useSlots as v, computed as u, createElementBlock as l, openBlock as t, normalizeClass as n, createElementVNode as o, createVNode as g, createCommentVNode as i, createTextVNode as c, toDisplayString as d, Fragment as f, renderSlot as r, unref as m, Transition as w, withCtx as C } from "vue";
-import { r as T, a as V } from "../ExclamationCircleIcon-DmL8Wwjo.js";
+import { ExclamationCircleIcon as T, CheckCircleIcon as V } from "@heroicons/vue/20/solid";
 import { _ as M } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const B = { class: "sl-grid sl-grid-cols-3 sl-items-center" }, p = ["for"], E = {
   key: 0,
@@ -11,14 +11,14 @@ const B = { class: "sl-grid sl-grid-cols-3 sl-items-center" }, p = ["for"], E =
   key: 0,
   class: "sl-text-xs sl-uppercase sl-truncate sl-text-right sl-font-semibold sl-justify-self-end sl-col-start-3",
   style: { color: "var(--sl-text-secondary)" }
-}, S = {
+}, I = {
   key: 0,
   class: "sl-text-2xs sl-uppercase sl-truncate sl-text-right sl-font-semibold sl-justify-self-end sl-col-start-3",
   style: { color: "var(--sl-text-secondary)" }
-}, L = {
+}, S = {
   key: 0,
   class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-3 sl-z-10 sl-pointer-events-none"
-}, I = {
+}, L = {
   key: 1,
   class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-3 sl-z-10 sl-pointer-events-none"
 }, N = {
@@ -89,7 +89,7 @@ const B = { class: "sl-grid sl-grid-cols-3 sl-items-center" }, p = ["for"], E =
             r(a.$slots, "tertiary-label-overlay", {}, void 0, !0)
           ])) : i("", !0)
         ], 64)) : (t(), l(f, { key: 2 }, [
-          s.tertiaryLabel ? (t(), l("span", S, [
+          s.tertiaryLabel ? (t(), l("span", I, [
             c(d(s.tertiaryLabel) + " ", 1),
             r(a.$slots, "tertiary-label-overlay", {}, void 0, !0)
           ])) : i("", !0)
@@ -98,13 +98,13 @@ const B = { class: "sl-grid sl-grid-cols-3 sl-items-center" }, p = ["for"], E =
       o("div", {
         class: n(["sl-relative", { "sl-mt-2": s.label }])
       }, [
-        s.errorMessage && (s.isTouched || s.showErrors) ? (t(), l("div", L, [
+        s.errorMessage && (s.isTouched || s.showErrors) ? (t(), l("div", S, [
           g(m(T), {
             class: "sl-h-5 sl-w-5 sl-text-red-500",
             "aria-hidden": "true",
             "data-testid": "error-icon"
           })
-        ])) : s.showValidCheck && s.isValid && s.isTouched ? (t(), l("div", I, [
+        ])) : s.showValidCheck && s.isValid && s.isTouched ? (t(), l("div", L, [
           g(m(V), {
             class: "sl-h-5 sl-w-5 sl-text-green-500",
             "aria-hidden": "true",
@@ -164,4 +164,3 @@ const B = { class: "sl-grid sl-grid-cols-3 sl-items-center" }, p = ["for"], E =
 export {
   U as default
 };
-//# sourceMappingURL=FormFieldWrapper.js.map

package/dist/id-DafBB_QF.js

@@ -17,4 +17,3 @@ export {
   o as g,
   i as s
 };
-//# sourceMappingURL=id-DafBB_QF.js.map