@spear-ai/spectral 1.4.3 → 1.4.5

package/dist/Tabs/TabsBase.js

@@ -24,7 +24,7 @@ const E = M(null), C = (I = "Tabs") => {
     disabled: l,
     baseId: d
   };
-  return /* @__PURE__ */ x(E.Provider, { value: r, children: /* @__PURE__ */ x("div", { ref: c, "data-testid": "spectral-tabs-root", "data-orientation": o, "data-disabled": l ? "" : void 0, dir: b, ...s, children: e }) });
+  return /* @__PURE__ */ x(E.Provider, { value: r, children: /* @__PURE__ */ x("div", { ref: c, "data-testid": "spectral-tabs", "data-orientation": o, "data-disabled": l ? "" : void 0, dir: b, ...s, children: e }) });
 }), H = z(function({ className: u, loop: e = !0, ...h }, b) {
   const { orientation: l, disabled: f } = C("TabsList"), [o, v] = D(() => ({
     left: 0,
@@ -117,22 +117,22 @@ const E = M(null), C = (I = "Tabs") => {
   return /* @__PURE__ */ x(
     "button",
     {
-      ref: o,
-      role: "tab",
-      type: "button",
-      "data-testid": "spectral-tabs-trigger",
-      id: d,
       "aria-controls": a,
-      "aria-selected": t,
       "aria-disabled": n,
-      disabled: n,
-      "data-state": t ? "active" : "inactive",
-      "data-disabled": n ? "" : void 0,
-      tabIndex: t ? 0 : -1,
+      "aria-selected": t,
       className: y("tabs-trigger z-10 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600", u),
+      "data-disabled": n ? "" : void 0,
+      "data-state": t ? "active" : "inactive",
+      "data-testid": "spectral-tabs-trigger",
+      disabled: n,
+      id: d,
       onClick: r,
-      onKeyDown: p,
       onFocus: A,
+      onKeyDown: p,
+      ref: o,
+      role: "tab",
+      tabIndex: t ? 0 : -1,
+      type: "button",
       ...f
     }
   );
@@ -141,15 +141,15 @@ const E = M(null), C = (I = "Tabs") => {
   return !h && !c ? null : /* @__PURE__ */ x(
     "div",
     {
-      ref: l,
-      role: "tabpanel",
-      "data-testid": "spectral-tabs-content",
-      id: v,
       "aria-labelledby": s,
-      "data-state": c ? "active" : "inactive",
-      tabIndex: 0,
       className: y("tabs-content focus:outline-none focus-visible:outline-none", u),
+      "data-state": c ? "active" : "inactive",
+      "data-testid": "spectral-tabs-content",
       hidden: !c,
+      id: v,
+      ref: l,
+      role: "tabpanel",
+      tabIndex: 0,
       ...b
     }
   );

package/dist/Tabs/tabsUtils.js

@@ -1,5 +1,5 @@
 import "react";
-const u = (e) => {
+const s = (e) => {
   const n = {
     left: 0,
     top: 0,
@@ -9,18 +9,18 @@ const u = (e) => {
     isEnclosed: !1
   };
   if (!e.current) return n;
-  const t = e.current.querySelector("[data-state='active']"), o = e.current.closest("[data-orientation]")?.getAttribute("data-orientation") ?? "horizontal", r = e.current.closest(".enclosed") !== null;
-  if (!t) return { ...n, orientation: o, isEnclosed: r };
-  const i = t.getBoundingClientRect(), a = e.current.getBoundingClientRect();
+  const t = e.current.querySelector("[data-state='active']"), r = e.current.closest("[data-orientation]")?.getAttribute("data-orientation") ?? "horizontal", o = e.current.closest(".enclosed") !== null;
+  if (!t) return { ...n, orientation: r, isEnclosed: o };
+  const a = t.getBoundingClientRect(), i = e.current.getBoundingClientRect();
   return {
-    left: i.left - a.left,
-    top: i.top - a.top,
-    width: i.width,
-    height: i.height,
-    orientation: o,
-    isEnclosed: r
+    left: a.left - i.left,
+    top: a.top - i.top,
+    width: a.width,
+    height: a.height,
+    orientation: r,
+    isEnclosed: o
   };
-}, l = (e) => e.orientation === "horizontal" ? {
+}, u = (e) => e.orientation === "horizontal" ? {
   left: `${e.left}px`,
   width: `${e.width}px`
 } : {
@@ -28,9 +28,9 @@ const u = (e) => {
   height: `${e.height}px`
 }, d = (e, n) => {
   let t = null;
-  return (...o) => {
+  return (...r) => {
     t !== null && clearTimeout(t), t = setTimeout(() => {
-      e(...o);
+      e(...r);
     }, n);
   };
 }, f = () => {
@@ -40,32 +40,33 @@ const u = (e) => {
   } catch {
     return !1;
   }
-}, p = (e = "tabs") => typeof crypto < "u" && crypto.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`, c = (e, n) => {
+}, h = (e = "tabs") => typeof crypto < "u" && crypto.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Math.random().toString(36).substring(2, 11)}-${Date.now().toString(36)}`, c = (e, n) => {
   if (typeof e != "object" || e === null)
-    return process.env.NODE_ENV !== "production" && console.warn(`Tabs: Tab at index ${n} must be an object, received: ${typeof e}`), !1;
+    return console.warn(`Tabs: Tab at index ${n} must be an object, received: ${typeof e}`), !1;
   const t = e;
-  return !("key" in t) || typeof t.key != "string" || t.key.length === 0 ? (process.env.NODE_ENV !== "production" && console.warn(`Tabs: Tab at index ${n} must have a non-empty string 'key' property`), !1) : "label" in t ? "children" in t ? !0 : (process.env.NODE_ENV !== "production" && console.warn(`Tabs: Tab at index ${n} must have a 'children' property`), !1) : (process.env.NODE_ENV !== "production" && console.warn(`Tabs: Tab at index ${n} must have a 'label' property`), !1);
-}, h = (e) => {
+  return !("key" in t) || typeof t.key != "string" || t.key.length === 0 ? (console.warn(`Tabs: Tab at index ${n} must have a non-empty string 'key' property`), !1) : "label" in t ? "children" in t ? !0 : (console.warn(`Tabs: Tab at index ${n} must have a 'children' property`), !1) : (console.warn(`Tabs: Tab at index ${n} must have a 'label' property`), !1);
+}, p = (e) => {
   if (!Array.isArray(e) || e.length === 0)
-    return process.env.NODE_ENV !== "production" && console.warn("Tabs: tabValues must be a non-empty array"), !1;
+    return console.warn("Tabs: tabValues must be a non-empty array"), !1;
   const n = /* @__PURE__ */ new Set();
-  for (const [t, o] of e.entries()) {
-    if (!c(o, t))
+  for (let t = 0; t < e.length; t++) {
+    const r = e[t];
+    if (!c(r, t))
       return !1;
-    const r = o;
-    if (n.has(r.key))
-      return process.env.NODE_ENV !== "production" && console.warn(`Tabs: Duplicate key found: '${r.key}' at index ${t}`), !1;
-    n.add(r.key);
+    const o = r;
+    if (n.has(o.key))
+      return console.warn(`Tabs: Duplicate key found: '${o.key}' at index ${t}`), !1;
+    n.add(o.key);
   }
   return !0;
-}, y = (e) => e.map((n) => n.key), b = (e, n) => e.find((t) => t.key === n);
+}, y = (e) => e.map((n) => n.key), g = (e, n) => e.find((t) => t.key === n);
 export {
-  u as calculateIndicatorStyle,
+  s as calculateIndicatorStyle,
   d as debounce,
-  b as findTabByKey,
-  p as generateId,
-  l as getIndicatorPosition,
+  g as findTabByKey,
+  h as generateId,
+  u as getIndicatorPosition,
   y as getTabKeys,
   f as prefersReducedMotion,
-  h as validateTabValues
+  p as validateTabValues
 };

package/dist/Textarea.js

@@ -82,7 +82,7 @@ const K = "absolute right-4 top-4", Q = (t) => t || "off", U = (t, a) => {
     });
     return /* @__PURE__ */ n("div", { className: "w-full", children: [
       c && /* @__PURE__ */ e(D, { "data-testid": "spectral-textarea-label", htmlFor: p, className: g("block mb-2", f && "opacity-50 cursor-not-allowed", b), children: c }),
-      /* @__PURE__ */ n("div", { className: "relative", "data-testid": "spectral-textarea-container", children: [
+      /* @__PURE__ */ n("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
@@ -109,7 +109,7 @@ const K = "absolute right-4 top-4", Q = (t) => t || "off", U = (t, a) => {
           }
         ),
         E && /* @__PURE__ */ e("div", { className: K, "data-testid": "spectral-textarea-loading-icon", children: /* @__PURE__ */ e(B, { size: 24 }) }),
-        /* @__PURE__ */ n("div", { className: U(l, i), role: "status", "aria-live": "polite", "aria-label": `${l} of ${i} characters used`, children: [
+        /* @__PURE__ */ n("div", { "aria-label": `${l} of ${i} characters used`, "aria-live": "polite", className: U(l, i), "data-testid": "spectral-textarea-counter", role: "status", children: [
           l,
           "/",
           i

package/dist/styles/base-colors.css

@@ -47,19 +47,19 @@
   --horizon-color-level-four: oklch(35.77% 0.0088 248.07);
   --horizon-color-level-five: oklch(38.75% 0.0073 242.06);
 
-  --horizon-color-success-50: oklch(96.27% 0.04 158.08);
-  --horizon-color-success-100: oklch(92.53% 0.08 156.69);
-  --horizon-color-success-200: oklch(87.14% 0.14 154.83);
-  --horizon-color-success-300: oklch(80.03% 0.18 151.71);
-  --horizon-color-success-400: oklch(72.27% 0.19 149.58);
-  --horizon-color-success-500: oklch(62.71% 0.17 149.21);
+  --horizon-color-success-50: oklch(99% 0.1049 144);
+  --horizon-color-success-100: oklch(94% 0.1649 144);
+  --horizon-color-success-200: oklch(92% 0.2424 144);
+  --horizon-color-success-300: oklch(82% 0.2424 144);
+  --horizon-color-success-400: oklch(72% 0.2424 144);
+  --horizon-color-success-500: oklch(62% 0.2424 144);
 
-  --horizon-color-warning-50: oklch(95.15% 0.02 73.61);
-  --horizon-color-warning-100: oklch(95.40% 0.04 76.20);
-  --horizon-color-warning-200: oklch(90.9% 0.095 52.355);
-  --horizon-color-warning-300: oklch(84.9% 0.144 52.438);
-  --horizon-color-warning-400: oklch(74.58% 0.1802 56.73);
-  --horizon-color-warning-500: oklch(69.96% 0.201959 44.4414);
+  --horizon-color-warning-50: oklch(94% 0.0442 56.91);
+  --horizon-color-warning-100: oklch(91% 0.095 52.355);
+  --horizon-color-warning-200: oklch(84.9% 0.144 52.438);
+  --horizon-color-warning-300: oklch(76.9% 0.178 52.325);
+  --horizon-color-warning-400: oklch(71.06% 0.19 46.76);
+  --horizon-color-warning-500: oklch(70.5% 0.213 47.604);
 
   --horizon-color-danger-50: oklch(88.5% 0.062 18.334);
   --horizon-color-danger-100: oklch(80.8% 0.114 19.571);