@spear-ai/spectral 1.9.0 → 1.9.1

package/dist/DateTimePicker/DateTimeDisplayInput.js

@@ -15,8 +15,8 @@ const v = {
   hour24: { type: "hour", min: 0, max: 23, length: 2 },
   minute: { type: "minute", min: 0, max: 59, length: 2 },
   period: { type: "period", min: 0, max: 1, length: 2 }
-}, ue = (k, e) => k === 2 ? e % 4 === 0 && e % 100 !== 0 || e % 400 === 0 ? 29 : 28 : [4, 6, 9, 11].includes(k) ? 30 : 31, ce = ({ ariaLabel: k, config: e, disabled: y, onLeftFocus: N, onRightFocus: m, onValueChange: o, periodLabels: h, value: s }) => {
-  const u = E(null), a = E(""), c = E(!1), I = D(() => {
+}, ue = (k, e) => k === 2 ? e % 4 === 0 && e % 100 !== 0 || e % 400 === 0 ? 29 : 28 : [4, 6, 9, 11].includes(k) ? 30 : 31, ce = ({ ariaLabel: k, config: e, disabled: y, onLeftFocus: I, onRightFocus: m, onValueChange: u, periodLabels: h, value: s }) => {
+  const o = E(null), a = E(""), c = E(!1), M = D(() => {
     switch (e.type) {
       case "month":
         return "MM";
@@ -33,18 +33,18 @@ const v = {
       default:
         return "––";
     }
-  }, [e.type, e.max, h]), d = D(() => s === void 0 ? I : e.type === "period" ? (s === 0 ? h?.am ?? "am" : h?.pm ?? "pm").toLowerCase() : s.toString().padStart(e.length, "0"), [s, e, h, I]);
+  }, [e.type, e.max, h]), d = D(() => s === void 0 ? M : e.type === "period" ? (s === 0 ? h?.am ?? "am" : h?.pm ?? "pm").toLowerCase() : s.toString().padStart(e.length, "0"), [s, e, h, M]);
   oe(() => {
-    u.current && !c.current && (u.current.value = d);
+    o.current && !c.current && (o.current.value = d);
   }, [d]);
   const x = w(() => {
     const t = a.current;
     if (t) {
       let r = parseInt(t, 10);
-      isNaN(r) || (r = Math.max(e.min, Math.min(e.max, r)), o(r));
+      isNaN(r) || (r = Math.max(e.min, Math.min(e.max, r)), u(r));
     }
-    a.current = "", c.current = !1, u.current && (u.current.value = d);
-  }, [e.min, e.max, d, o]), R = w(
+    a.current = "", c.current = !1, o.current && (o.current.value = d);
+  }, [e.min, e.max, d, u]), R = w(
     (t) => {
       if (!y) {
         if (t.key === "Tab") {
@@ -56,31 +56,31 @@ const v = {
           return;
         }
         if (t.key === "ArrowLeft") {
-          t.preventDefault(), x(), N?.();
+          t.preventDefault(), x(), I?.();
           return;
         }
         if (e.type === "period") {
-          t.preventDefault(), t.key === "ArrowUp" || t.key === "ArrowDown" ? o(s === 0 ? 1 : 0) : t.key.toLowerCase() === "a" ? o(0) : t.key.toLowerCase() === "p" && o(1);
+          t.preventDefault(), t.key === "ArrowUp" || t.key === "ArrowDown" ? u(s === 0 ? 1 : 0) : t.key.toLowerCase() === "a" ? u(0) : t.key.toLowerCase() === "p" && u(1);
           return;
         }
         if (t.key === "ArrowUp") {
           t.preventDefault(), a.current = "", c.current = !1;
           const r = s === void 0 || s >= e.max ? e.min : s + 1;
-          o(r);
+          u(r);
           return;
         }
         if (t.key === "ArrowDown") {
           t.preventDefault(), a.current = "", c.current = !1;
           const r = s === void 0 || s <= e.min ? e.max : s - 1;
-          o(r);
+          u(r);
           return;
         }
         if (t.key === "Home") {
-          t.preventDefault(), a.current = "", c.current = !1, o(e.min);
+          t.preventDefault(), a.current = "", c.current = !1, u(e.min);
           return;
         }
         if (t.key === "End") {
-          t.preventDefault(), a.current = "", c.current = !1, o(e.max);
+          t.preventDefault(), a.current = "", c.current = !1, u(e.max);
           return;
         }
         if (t.key >= "0" && t.key <= "9") {
@@ -89,38 +89,39 @@ const v = {
           if (e.length === 2)
             if (r.length >= 2) {
               const L = Math.max(e.min, Math.min(e.max, l));
-              a.current = "", c.current = !1, o(L), m?.();
+              a.current = "", c.current = !1, u(L), m?.();
             } else if (l * 10 > e.max) {
               const L = Math.max(e.min, Math.min(e.max, l));
-              a.current = "", c.current = !1, o(L), m?.();
+              a.current = "", c.current = !1, u(L), m?.();
             } else
-              a.current = r, c.current = !0, u.current && (u.current.value = r);
+              a.current = r, c.current = !0, o.current && (o.current.value = r);
           else if (e.length === 4)
             if (r.length >= 4) {
               const L = Math.max(e.min, Math.min(e.max, l));
-              a.current = "", c.current = !1, o(L), m?.();
+              a.current = "", c.current = !1, u(L), m?.();
             } else
-              a.current = r, c.current = !0, u.current && (u.current.value = r);
+              a.current = r, c.current = !0, o.current && (o.current.value = r);
           return;
         }
-        if (t.key === "Backspace" && (t.preventDefault(), a.current)) {
-          const r = a.current.slice(0, -1);
-          a.current = r, c.current = r.length > 0, u.current && (u.current.value = r || d);
-        }
+        if (t.key === "Backspace")
+          if (t.preventDefault(), a.current) {
+            const r = a.current.slice(0, -1);
+            a.current = r, c.current = r.length > 0, o.current && (o.current.value = r || d);
+          } else s !== void 0 && (a.current = "", c.current = !0, u(e.min), o.current && (o.current.value = M));
       }
     },
-    [y, e, s, d, o, N, m, x]
+    [y, e, s, d, M, u, I, m, x]
   ), T = w(() => {
     a.current && x();
-  }, [x]), g = w(() => {
+  }, [x]), S = w(() => {
     c.current || (a.current = "");
-    const t = u.current;
+    const t = o.current;
     if (t) {
       const r = t.value.length;
       t.setSelectionRange(r, r);
     }
   }, []), Y = w(() => {
-    u.current && (u.current.value = a.current || d);
+    o.current && (o.current.value = a.current || d);
   }, [d]), H = w(() => {
     switch (e.type) {
       case "year":
@@ -138,7 +139,7 @@ const v = {
       default:
         return { width: 24, paddingLeft: 0 };
     }
-  }, [e.type]), p = D(() => H(), [H]), M = D(() => s === void 0, [s]);
+  }, [e.type]), p = D(() => H(), [H]), g = D(() => s === void 0, [s]);
   return /* @__PURE__ */ b(
     "input",
     {
@@ -152,7 +153,7 @@ const v = {
         "focus:bg-bg-tertiary focus:text-text-primary focus:ring-accent focus:ring-1",
         "hover:bg-bg-secondary",
         y && "cursor-not-allowed opacity-50",
-        M && "text-text-placeholder text-sm"
+        g && "text-text-placeholder text-sm"
       ),
       "data-segment": e.type,
       defaultValue: d,
@@ -160,9 +161,9 @@ const v = {
       inputMode: "numeric",
       onBlur: T,
       onChange: Y,
-      onFocus: g,
+      onFocus: S,
       onKeyDown: R,
-      ref: u,
+      ref: o,
       role: "spinbutton",
       style: p,
       tabIndex: y ? -1 : 0
@@ -173,21 +174,21 @@ const v = {
     className: k,
     defaultValue: e,
     disabled: y,
-    endIcon: N,
+    endIcon: I,
     hourFormat: m = "12",
-    id: o,
+    id: u,
     label: h,
     locale: s,
-    onChange: u,
+    onChange: o,
     showTime: a = !0,
     state: c = "default",
-    value: I,
+    value: M,
     // Legacy props (deprecated)
     date: d,
     onDateChange: x,
     ...R
   }, T) => {
-    const g = E(null), Y = I ?? d, H = u ?? x, [p, M] = ae({
+    const S = E(null), Y = M ?? d, H = o ?? x, [p, g] = ae({
       defaultValue: e,
       onChange: H,
       value: Y
@@ -207,21 +208,21 @@ const v = {
       (i) => {
         const n = { ...l, ...i };
         if (n.month === void 0 && n.day === void 0 && n.year === void 0) {
-          M(void 0);
+          g(void 0);
           return;
         }
-        const f = /* @__PURE__ */ new Date(), A = (n.month ?? f.getMonth() + 1) - 1, P = n.day ?? f.getDate(), S = n.year ?? f.getFullYear(), j = ue(A + 1, S), G = Math.min(P, j), W = l.month !== void 0 && l.day !== void 0 && l.year !== void 0, X = n.month !== void 0 && n.day !== void 0 && n.year !== void 0, C = !W && X;
-        let B;
+        const f = /* @__PURE__ */ new Date(), A = (n.month ?? f.getMonth() + 1) - 1, P = n.day ?? f.getDate(), N = n.year ?? f.getFullYear(), j = ue(A + 1, N), G = Math.min(P, j), W = l.month !== void 0 && l.day !== void 0 && l.year !== void 0, X = n.month !== void 0 && n.day !== void 0 && n.year !== void 0, B = !W && X;
+        let C;
         if (m === "24")
-          B = C ? 0 : n.hour ?? 0;
+          C = B ? 0 : n.hour ?? 0;
         else {
-          const F = C ? 12 : n.hour ?? 12, V = C ? 1 : n.period ?? 0, K = F, J = V;
-          K === 12 ? B = J === 0 ? 0 : 12 : B = J === 0 ? K : K + 12;
+          const F = B ? 12 : n.hour ?? 12, V = B ? 1 : n.period ?? 0, K = F, J = V;
+          K === 12 ? C = J === 0 ? 0 : 12 : C = J === 0 ? K : K + 12;
         }
-        const Z = C ? 0 : n.minute ?? 0, $ = new Date(S, A, G, B, Z, 0, 0);
-        M($);
+        const Z = B ? 0 : n.minute ?? 0, $ = new Date(N, A, G, C, Z, 0, 0);
+        g($);
       },
-      [l, m, M]
+      [l, m, g]
     ), q = D(() => {
       const i = [
         { key: "month", config: v.month, ariaLabel: "Month" },
@@ -239,15 +240,15 @@ const v = {
       ];
       return [...i, ...n];
     }, [a, m, r]), z = w((i) => {
-      g.current?.querySelectorAll("[role='spinbutton']")[i]?.focus();
+      S.current?.querySelectorAll("[role='spinbutton']")[i]?.focus();
     }, []), Q = U(ie(c, k));
     return /* @__PURE__ */ O("div", { className: "flex flex-col gap-1.5", children: [
-      h && /* @__PURE__ */ b(ne, { className: "text-text-primary text-sm font-medium", htmlFor: o, children: h }),
-      /* @__PURE__ */ O("div", { className: U(Q, "relative", (y ?? c === "disabled") && "cursor-not-allowed", k), "data-slot": "datetime-display-input", id: o ?? "datetime-display-input", ref: T ?? g, ...R, children: [
-        /* @__PURE__ */ b("div", { className: "flex items-center", ref: g, children: q.map((i, n) => {
-          const f = ["month", "day", "year"].includes(i.key), A = ["hour", "minute", "period"].includes(i.key), P = i.key === "year", S = i.key === "hour", j = y ?? (A && !L);
+      h && /* @__PURE__ */ b(ne, { className: "text-text-primary text-sm font-medium", htmlFor: u, children: h }),
+      /* @__PURE__ */ O("div", { className: U(Q, "relative", (y ?? c === "disabled") && "cursor-not-allowed", k), "data-slot": "datetime-display-input", id: u ?? "datetime-display-input", ref: T ?? S, ...R, children: [
+        /* @__PURE__ */ b("div", { className: "flex items-center", ref: S, children: q.map((i, n) => {
+          const f = ["month", "day", "year"].includes(i.key), A = ["hour", "minute", "period"].includes(i.key), P = i.key === "year", N = i.key === "hour", j = y ?? (A && !L);
           return /* @__PURE__ */ O("span", { className: "flex items-center", children: [
-            S && /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: ", " }),
+            N && /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: ", " }),
             /* @__PURE__ */ b(
               ce,
               {
@@ -262,10 +263,10 @@ const v = {
               }
             ),
             f && !P && /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "text-text-secondary select-none", children: "/" }),
-            S && /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "text-inherit select-none", children: ":" })
+            N && /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "text-inherit select-none", children: ":" })
           ] }, i.key);
         }) }),
-        N
+        I
       ] })
     ] });
   }

package/dist/DateTimePicker/DateTimeInput.d.ts

@@ -1,6 +1,6 @@
 import { Period, TimePickerTranslations, TimePickerType } from './DateTimeUtils';
-import { ComponentProps } from 'react';
-export interface DateTimeInputProps extends Omit<ComponentProps<'input'>, 'onChange'> {
+import { ComponentProps, Ref } from 'react';
+export interface DateTimeInputProps extends Omit<ComponentProps<'input'>, 'onChange' | 'type'> {
     date: Date | undefined;
     /** Locale for number formatting */
     locale?: string;
@@ -13,7 +13,9 @@ export interface DateTimeInputProps extends Omit<ComponentProps<'input'>, 'onCha
     translations?: TimePickerTranslations;
 }
 export declare const DateTimeInput: {
-    ({ className, date, disabled, id, locale, name, onKeyDown, onLeftFocus, onRightFocus, period, picker, setDate, translations, ...props }: DateTimeInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, date, disabled, id, locale, name, onKeyDown, onLeftFocus, onRightFocus, period, picker, ref, setDate, translations, ...props }: DateTimeInputProps & {
+        ref?: Ref<HTMLInputElement>;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=DateTimeInput.d.ts.map

package/dist/DateTimePicker/DateTimeInput.js

@@ -1,91 +1,144 @@
 "use client";
 import "../styles/main.css";
-import { jsx as K } from "react/jsx-runtime";
-import { getResolvedLocale as B, getDateByType as O, formatTimeNumber as R, getAriaValueMinMax as p, getAriaValueNow as _, getAriaLabel as P, DEFAULT_TRANSLATIONS as j, getArrowByType as C, setDateByType as c } from "./DateTimeUtils.js";
-import { Input as G } from "../primitives/input.js";
-import { cn as W } from "../utils/twUtils.js";
-import { useState as x, useMemo as i, useEffect as Y, useCallback as N } from "react";
-const q = 2e3, z = ({ className: V, date: f, disabled: b, id: S, locale: A, name: E, onKeyDown: L, onLeftFocus: T, onRightFocus: w, period: l, picker: e, setDate: m, translations: d = j, ...M }) => {
-  const [n, y] = x(!1), [v, U] = x("0"), g = i(() => B(A), [A]), a = i(() => {
-    if (f) return f;
+import { jsx as C } from "react/jsx-runtime";
+import { getResolvedLocale as P, getAriaValueMinMax as _, getDateByType as $, formatTimeNumber as v, getAriaValueNow as k, getAriaLabel as q, DEFAULT_TRANSLATIONS as z, setDateByType as x, getArrowByType as G } from "./DateTimeUtils.js";
+import { Input as J } from "../primitives/input.js";
+import { cn as Q } from "../utils/twUtils.js";
+import { useRef as V, useMemo as y, useEffect as W, useCallback as M } from "react";
+const X = (...N) => (m) => {
+  N.forEach((p) => {
+    p && (typeof p == "function" ? p(m) : p.current = m);
+  });
+}, Y = ({ className: N, date: m, disabled: p, id: B, locale: A, name: b, onKeyDown: R, onLeftFocus: I, onRightFocus: g, period: w, picker: r, ref: E, setDate: D, translations: T = z, ...L }) => {
+  const o = V(null), H = X(o, E), n = V(""), i = V(!1), d = y(() => P(A), [A]), s = y(() => {
+    if (m) return m;
     const t = /* @__PURE__ */ new Date();
     return t.setHours(0, 0, 0, 0), t;
-  }, [f]), r = i(() => O(a, e), [a, e]), D = i(() => R(parseInt(r, 10), g), [r, g]), $ = i(() => {
-    const { min: t, max: o } = p(e);
-    return {
-      "aria-label": P(e, d),
-      "aria-valuemin": t,
-      "aria-valuemax": o,
-      "aria-valuenow": _(a, e),
-      "aria-valuetext": D
-    };
-  }, [a, e, D, d]);
-  Y(() => {
-    if (!n) return;
-    const t = setTimeout(() => {
-      y(!1);
-    }, q);
-    return () => clearTimeout(t);
-  }, [n]);
-  const I = N(
-    (t) => e === "12hours" && n && r.startsWith("1") && v === "0" ? `0${t}` : n ? `${r[1]}${t}` : `0${t}`,
-    [e, n, r, v]
-  ), h = N(
+  }, [m]), { min: u, max: c } = y(() => _(r), [r]), h = y(() => $(s, r), [s, r]), f = y(() => v(parseInt(h, 10), d), [h, d]), U = y(
+    () => ({
+      "aria-label": q(r, T),
+      "aria-valuemin": u,
+      "aria-valuemax": c,
+      "aria-valuenow": k(s, r),
+      "aria-valuetext": f
+    }),
+    [s, r, f, T, u, c]
+  );
+  W(() => {
+    o.current && !i.current && (o.current.value = f);
+  }, [f]);
+  const l = M(
     (t) => {
-      if (t.key !== "Tab") {
-        if ((["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(t.key) || t.key >= "0" && t.key <= "9") && t.preventDefault(), t.key === "ArrowRight") {
-          w?.();
-          return;
-        }
-        if (t.key === "ArrowLeft") {
-          T?.();
-          return;
-        }
-        if (t.key === "ArrowUp" || t.key === "ArrowDown") {
-          const o = t.key === "ArrowUp" ? 1 : -1, s = C(o, e, r);
-          n && y(!1);
-          const u = new Date(a);
-          m(c(u, e, s, l));
-          return;
+      n.current = "", i.current = !1;
+      const e = new Date(s);
+      D(x(e, r, t, w));
+    },
+    [s, r, w, D]
+  ), K = M(
+    (t) => {
+      if (t.key === "Tab") {
+        if (n.current) {
+          const e = parseInt(n.current, 10);
+          if (!isNaN(e)) {
+            const a = Math.max(u, Math.min(c, e));
+            l(a.toString().padStart(2, "0"));
+          }
         }
-        if (t.key === "Home" || t.key === "End") {
-          const { min: o, max: s } = p(e), u = (t.key === "Home" ? o : s).toString().padStart(2, "0"), H = new Date(a);
-          m(c(H, e, u, l));
-          return;
+        return;
+      }
+      if (t.key === "ArrowRight") {
+        if (t.preventDefault(), n.current) {
+          const e = parseInt(n.current, 10);
+          if (!isNaN(e)) {
+            const a = Math.max(u, Math.min(c, e));
+            l(a.toString().padStart(2, "0"));
+          }
         }
-        if (t.key >= "0" && t.key <= "9") {
-          e === "12hours" && U(t.key);
-          const o = I(t.key);
-          n && w?.(), y((u) => !u);
-          const s = new Date(a);
-          m(c(s, e, o, l));
+        g?.();
+        return;
+      }
+      if (t.key === "ArrowLeft") {
+        if (t.preventDefault(), n.current) {
+          const e = parseInt(n.current, 10);
+          if (!isNaN(e)) {
+            const a = Math.max(u, Math.min(c, e));
+            l(a.toString().padStart(2, "0"));
+          }
         }
+        I?.();
+        return;
       }
+      if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+        t.preventDefault(), n.current = "", i.current = !1;
+        const e = t.key === "ArrowUp" ? 1 : -1, a = G(e, r, h), S = new Date(s);
+        D(x(S, r, a, w));
+        return;
+      }
+      if (t.key === "Home" || t.key === "End") {
+        t.preventDefault(), n.current = "", i.current = !1;
+        const e = (t.key === "Home" ? u : c).toString().padStart(2, "0"), a = new Date(s);
+        D(x(a, r, e, w));
+        return;
+      }
+      if (t.key >= "0" && t.key <= "9") {
+        t.preventDefault();
+        const e = n.current + t.key, a = parseInt(e, 10);
+        if (e.length >= 2) {
+          const S = Math.max(u, Math.min(c, a));
+          l(S.toString().padStart(2, "0")), g?.();
+        } else if (a * 10 > c) {
+          const S = Math.max(u, Math.min(c, a));
+          l(S.toString().padStart(2, "0")), g?.();
+        } else
+          n.current = e, i.current = !0, o.current && (o.current.value = v(a, d));
+        return;
+      }
+      if (t.key === "Backspace")
+        if (t.preventDefault(), n.current) {
+          const e = n.current.slice(0, -1);
+          n.current = e, i.current = e.length > 0, o.current && (o.current.value = e ? v(parseInt(e, 10), d) : f);
+        } else
+          n.current = "", l(u.toString().padStart(2, "0")), o.current && (o.current.value = v(u, d));
     },
-    [I, r, a, n, T, w, l, e, m]
-  );
-  return /* @__PURE__ */ K(
-    G,
+    [h, s, u, c, I, g, w, r, D, l, f, d]
+  ), O = M(() => {
+    i.current || (n.current = "");
+  }, []), j = M(() => {
+    if (n.current) {
+      const t = parseInt(n.current, 10);
+      if (isNaN(t))
+        n.current = "", i.current = !1;
+      else {
+        const e = Math.max(u, Math.min(c, t));
+        l(e.toString().padStart(2, "0"));
+      }
+    }
+  }, [u, c, l]);
+  return /* @__PURE__ */ C(
+    J,
     {
-      className: W("text-center tabular-nums", V),
+      className: Q("text-center tabular-nums", N),
       "data-slot": "datetime-input",
-      "data-testid": `spectral-datetime-input-${e}`,
-      disabled: b,
-      id: S ?? e,
+      "data-testid": `spectral-datetime-input-${r}`,
+      defaultValue: f,
+      disabled: p,
+      id: B ?? r,
       inputMode: "numeric",
-      name: E ?? e,
+      name: b ?? r,
+      onBlur: j,
+      onFocus: O,
       onKeyDown: (t) => {
-        L?.(t), h(t);
+        R?.(t), K(t);
       },
       readOnly: !0,
+      ref: H,
       role: "spinbutton",
-      value: D,
-      ...$,
-      ...M
+      ...U,
+      ...L
     }
   );
 };
-z.displayName = "DateTimeInput";
+Y.displayName = "DateTimeInput";
 export {
-  z as DateTimeInput
+  Y as DateTimeInput
 };

package/dist/Icons/IconBase.d.ts

@@ -9,7 +9,7 @@ interface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWi
     title?: string;
     color?: string;
 }
-declare const IconBase: ({ ref, children, title, size, ariaHidden, description, className, disabled, ...rest }: IconBaseProps & {
+declare const IconBase: ({ ref, children, title, size, ariaHidden, description, className, disabled, onClick, onKeyDown, role, tabIndex, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: IconBaseProps & {
     ref?: Ref<SVGSVGElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default IconBase;

package/dist/Icons/IconBase.js

@@ -1,26 +1,69 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { createContext as B, useId as b } from "react";
-const g = B(""), A = function({
-  ref: c,
-  children: a,
-  title: o,
-  size: i = 24,
-  ariaHidden: r = !0,
-  description: d,
-  className: h,
-  disabled: f,
-  ...v
+import { jsxs as _, jsx as u } from "react/jsx-runtime";
+import { createContext as D, useId as O, useCallback as w } from "react";
+const P = D(""), S = function({
+  ref: x,
+  children: g,
+  title: c,
+  size: b = 24,
+  ariaHidden: p = !0,
+  description: s,
+  className: B,
+  disabled: n,
+  onClick: i,
+  onKeyDown: l,
+  role: y,
+  tabIndex: k,
+  "aria-label": h,
+  "aria-labelledby": f,
+  ...E
 }) {
-  const s = b(), e = o !== void 0 ? !1 : r, l = !e && o ? `${s}_title` : "", n = !e && d ? `${s}_desc` : "", u = [l, n].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ x("svg", { "aria-hidden": e, "aria-labelledby": u, className: h, "data-disabled": f, fill: "none", height: i, ref: c, role: "img", viewBox: "0 0 24 24", width: i, xmlns: "http://www.w3.org/2000/svg", ...v, children: [
-    !e && o && /* @__PURE__ */ t("title", { id: l, children: o }),
-    !e && d && /* @__PURE__ */ t("desc", { id: n, children: d }),
-    /* @__PURE__ */ t(g.Provider, { value: s, children: a })
-  ] });
+  const r = O(), t = i !== void 0, o = t && !n, d = c !== void 0 || !!h || !!f;
+  process.env.NODE_ENV !== "production" && t && !d && console.warn("IconBase: an onClick handler was provided without an accessible name (title, aria-label, or aria-labelledby). Interactive icons must have an accessible name. The icon will be hidden from the accessibility tree.");
+  const v = t && !d, a = (d || t) && !v ? !1 : p, A = y ?? (t && !v ? "button" : "img"), C = k ?? (o && !v ? 0 : void 0), j = w(
+    (e) => {
+      l?.(e), !e.defaultPrevented && o && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.dispatchEvent(new MouseEvent("click", { bubbles: !0, cancelable: !0 })));
+    },
+    [o, l]
+  ), N = w(
+    (e) => {
+      n || i?.(e);
+    },
+    [n, i]
+  ), m = !a && c ? `${r}_title` : "", I = !a && s ? `${r}_desc` : "", T = [m, I].filter(Boolean).join(" ") || void 0;
+  return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- role is dynamic: 'button' when interactive, 'img' otherwise
+    /* @__PURE__ */ _(
+      "svg",
+      {
+        ...E,
+        "aria-disabled": n && t ? !0 : void 0,
+        "aria-hidden": a,
+        "aria-label": h,
+        "aria-labelledby": f ?? T,
+        className: B,
+        "data-disabled": n,
+        fill: "none",
+        height: b,
+        onClick: i ? N : void 0,
+        onKeyDown: o || l ? j : void 0,
+        ref: x,
+        role: A,
+        tabIndex: C,
+        viewBox: "0 0 24 24",
+        width: b,
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          !a && c && /* @__PURE__ */ u("title", { id: m, children: c }),
+          !a && s && /* @__PURE__ */ u("desc", { id: I, children: s }),
+          /* @__PURE__ */ u(P.Provider, { value: r, children: g })
+        ]
+      }
+    )
+  );
 };
 export {
-  g as SvgIdContext,
-  A as default
+  P as SvgIdContext,
+  S as default
 };

package/dist/primitives/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/primitives/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,OAAO,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAE3F,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAErG,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,4CAA2D,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAelJ,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,wBAAwB,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yBAAyB,wBAAwB,CAAC,IAAI,CAAC,4CAEnF,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,yBAAyB,wBAAwB,CAAC,GAAG,CAAC,4CAExF,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/primitives/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,OAAO,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAE3F,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAErG,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,4CAA2D,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAelJ,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,wBAAwB,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yBAAyB,wBAAwB,CAAC,IAAI,CAAC,4CAKnF,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,yBAAyB,wBAAwB,CAAC,GAAG,CAAC,4CAExF,CAAA"}

package/dist/primitives/popover.js

@@ -14,7 +14,10 @@ const v = ({ ...o }) => /* @__PURE__ */ t(s, { "data-slot": "popover", ...o }),
     ),
     ...n
   }
-) }), x = ({ ...o }) => /* @__PURE__ */ t(i, { "data-slot": "popover-anchor", ...o }), P = ({ className: o, ...e }) => /* @__PURE__ */ t("div", { "data-slot": "popover-header", className: a("flex flex-col gap-0.5 text-sm", o), ...e }), N = ({ className: o, ...e }) => /* @__PURE__ */ t("h2", { "data-slot": "popover-title", className: a("cn-font-heading font-medium", o), ...e }), T = ({ className: o, ...e }) => /* @__PURE__ */ t("p", { "data-slot": "popover-description", className: a("text-muted-foreground", o), ...e });
+) }), x = ({ ...o }) => /* @__PURE__ */ t(i, { "data-slot": "popover-anchor", ...o }), P = ({ className: o, ...e }) => /* @__PURE__ */ t("div", { "data-slot": "popover-header", className: a("flex flex-col gap-0.5 text-sm", o), ...e }), N = ({ className: o, ...e }) => (
+  // eslint-disable-next-line jsx-a11y/heading-has-content -- content provided via {...props}
+  /* @__PURE__ */ t("h2", { "data-slot": "popover-title", className: a("cn-font-heading font-medium", o), ...e })
+), T = ({ className: o, ...e }) => /* @__PURE__ */ t("p", { "data-slot": "popover-description", className: a("text-muted-foreground", o), ...e });
 export {
   v as Popover,
   x as PopoverAnchor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "type": "module",
   "private": false,
   "repository": {