@spear-ai/spectral 1.8.9 → 1.9.1

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/Dialog.js

@@ -1,10 +1,10 @@
 import "./styles/main.css";
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { CloseIcon as m } from "./Icons/CloseIcon.js";
-import { R as p, C as i, a as f, D as u, O as x, P as b, T as h, b as v } from "./index-CmWCa9Ae.js";
+import { R as p, C as i, a as f, D as u, O as x, P as b, T as h, b as v } from "./index-pBCLb6Gr.js";
 import { cn as e } from "./utils/twUtils.js";
 import "react";
-import { R as y } from "./Combination-CQ5bXZqE.js";
+import { R as y } from "./index-6oYKCvIn.js";
 const j = ({
   isOpen: t,
   modal: a = !1,

package/dist/Drawer.js

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { SpectralProvider as f } from "./SpectralProvider.js";
-import { D as e } from "./index-D2Qxe4uK.js";
+import { D as e } from "./index-Bm1RbF6w.js";
 const u = ({ children: l, defaultOpen: d = !1, description: i, direction: o = "right", dismissible: c = !0, modal: n = !0, onOpenChange: p, open: x, size: r = "380px", title: h, trigger: m }) => {
   const a = "font-sans! fixed", w = {
     left: {

package/dist/HoverCard.js

@@ -3,10 +3,10 @@ import "./styles/main.css";
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
 import { createContext as I, useContext as B } from "react";
-import { e as U, c as m, P as $, u as W, a as z } from "./index-9OmOYyjJ.js";
-import { R as G, A as K, c as O, C as j, a as V } from "./index-CJKg3MVV.js";
-import { P as q, D as J } from "./index-BJ6qs9i5.js";
-import { P as T } from "./index-CtqlhLRO.js";
+import { e as U, c as m, P as $, u as W, a as z } from "./index-Dc0No4pV.js";
+import { R as G, A as K, c as O, C as j, a as V } from "./index-C_YVr64u.js";
+import { P as q, D as J } from "./index-BlHU_t18.js";
+import { P as T } from "./index-BFOf48AQ.js";
 import { cn as E } from "./utils/twUtils.js";
 var H, x = "HoverCard", [N] = z(x, [
   O

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
 };