@spear-ai/spectral 1.9.1 → 1.10.1

package/dist/InputOTP.js

@@ -1,382 +1,2 @@
-"use client";
-import "./styles/main.css";
-import { jsx as w, jsxs as bt, Fragment as _t } from "react/jsx-runtime";
-import "./Icons/AnalyzeIcon.js";
-import "./Icons/AnnotationsIcon.js";
-import "./Icons/ApprovedIcon.js";
-import "./Icons/ArrowDownIcon.js";
-import "./Icons/ArrowUpIcon.js";
-import "./Icons/BoxToolIcon.js";
-import "./Icons/CalendarIcon.js";
-import "./Icons/CheckCircleIcon.js";
-import "./Icons/CheckSquareIcon.js";
-import "./Icons/CheckmarkIcon.js";
-import "./Icons/ChevronDownIcon.js";
-import "./Icons/ChevronUpIcon.js";
-import "./Icons/ClockIcon.js";
-import "./Icons/CloseCircleIcon.js";
-import "./Icons/CloseIcon.js";
-import "./Icons/DashboardIcon.js";
-import "./Icons/DatabaseIcon.js";
-import "./Icons/DeleteIcon.js";
-import "./Icons/DurationIcon.js";
-import "./Icons/EditIcon.js";
-import "./Icons/EmailIcon.js";
-import "./Icons/EraserIcon.js";
-import "./Icons/ErrorIcon.js";
-import "./Icons/EyeClosedIcon.js";
-import "./Icons/EyeClosedIcon2.js";
-import "./Icons/EyeOpenIcon.js";
-import "./Icons/FileDownloadIcon.js";
-import "./Icons/GoToFirstIcon.js";
-import "./Icons/GoToLastIcon.js";
-import "./Icons/HarmonicCursorsIcon.js";
-import "./Icons/InfoIcon.js";
-import "./Icons/KeyboardIcon.js";
-import "./Icons/LabelIcon.js";
-import "./Icons/LassoIcon.js";
-import "./Icons/LineToolIcon.js";
-import "./Icons/LiveViewIcon.js";
-import "./Icons/LoaderIcon.js";
-import "./Icons/LocationIcon.js";
-import "./Icons/LogoutIcon.js";
-import "./Icons/MeasureIcon.js";
-import "./Icons/MessagesIcon.js";
-import "./Icons/MetadataIcon.js";
-import { MinusIcon as Ht } from "./Icons/MinusIcon.js";
-import "./Icons/OntologyIcon.js";
-import "./Icons/PanelIconClose.js";
-import "./Icons/PanelIconOpen.js";
-import "./Icons/PlayIcon.js";
-import "./Icons/PlusIcon.js";
-import "./Icons/PolygonIcon.js";
-import "./Icons/ResetIcon.js";
-import "./Icons/ReviewedIcon.js";
-import "./Icons/ScissorsIcon.js";
-import "./Icons/SearchIcon.js";
-import "./Icons/SettingsIcon.js";
-import "./Icons/SortAscendingIcon.js";
-import "./Icons/SortAtoZIcon.js";
-import "./Icons/SortDescendingIcon.js";
-import "./Icons/SortZtoAIcon.js";
-import "./Icons/StackIcon.js";
-import "./Icons/StarIcon.js";
-import "./Icons/TrashIcon.js";
-import "./Icons/UndoIcon.js";
-import "./Icons/User2Icon.js";
-import "./Icons/UserIcon.js";
-import "./Icons/WarningIcon.js";
-import "./Icons/ZoomAllIcon.js";
-import "./Icons/ZoomXIcon.js";
-import "./Icons/ZoomYIcon.js";
-import { useFormFieldId as Gt, ErrorMessage as Lt, getErrorMessageId as $t, useFormFieldState as zt } from "./utils/formFieldUtils.js";
-import { cn as wt } from "./utils/twUtils.js";
-import * as n from "react";
-import { createContext as St, useContext as yt } from "react";
-var Vt = Object.defineProperty, qt = Object.defineProperties, Kt = Object.getOwnPropertyDescriptors, X = Object.getOwnPropertySymbols, Pt = Object.prototype.hasOwnProperty, xt = Object.prototype.propertyIsEnumerable, ht = (t, e, o) => e in t ? Vt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, Zt = (t, e) => {
-  for (var o in e || (e = {})) Pt.call(e, o) && ht(t, o, e[o]);
-  if (X) for (var o of X(e)) xt.call(e, o) && ht(t, o, e[o]);
-  return t;
-}, Jt = (t, e) => qt(t, Kt(e)), Qt = (t, e) => {
-  var o = {};
-  for (var l in t) Pt.call(t, l) && e.indexOf(l) < 0 && (o[l] = t[l]);
-  if (t != null && X) for (var l of X(t)) e.indexOf(l) < 0 && xt.call(t, l) && (o[l] = t[l]);
-  return o;
-};
-function Ut(t) {
-  let e = setTimeout(t, 0), o = setTimeout(t, 10), l = setTimeout(t, 50);
-  return [e, o, l];
-}
-function Xt(t) {
-  let e = n.useRef();
-  return n.useEffect(() => {
-    e.current = t;
-  }), e.current;
-}
-var Yt = 18, Et = 40, te = `${Et}px`, ee = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function re({ containerRef: t, inputRef: e, pushPasswordManagerStrategy: o, isFocused: l }) {
-  let [v, i] = n.useState(!1), [d, m] = n.useState(!1), [E, D] = n.useState(!1), j = n.useMemo(() => o === "none" ? !1 : (o === "increase-width" || o === "experimental-no-flickering") && v && d, [v, d, o]), I = n.useCallback(() => {
-    let g = t.current, C = e.current;
-    if (!g || !C || E || o === "none") return;
-    let h = g, P = h.getBoundingClientRect().left + h.offsetWidth, T = h.getBoundingClientRect().top + h.offsetHeight / 2, s = P - Yt, F = T;
-    document.querySelectorAll(ee).length === 0 && document.elementFromPoint(s, F) === g || (i(!0), D(!0));
-  }, [t, e, E, o]);
-  return n.useEffect(() => {
-    let g = t.current;
-    if (!g || o === "none") return;
-    function C() {
-      let P = window.innerWidth - g.getBoundingClientRect().right;
-      m(P >= Et);
-    }
-    C();
-    let h = setInterval(C, 1e3);
-    return () => {
-      clearInterval(h);
-    };
-  }, [t, o]), n.useEffect(() => {
-    let g = l || document.activeElement === e.current;
-    if (o === "none" || !g) return;
-    let C = setTimeout(I, 0), h = setTimeout(I, 2e3), P = setTimeout(I, 5e3), T = setTimeout(() => {
-      D(!0);
-    }, 6e3);
-    return () => {
-      clearTimeout(C), clearTimeout(h), clearTimeout(P), clearTimeout(T);
-    };
-  }, [e, l, o, I]), { hasPWMBadge: v, willPushPWMBadge: j, PWM_BADGE_SPACE_WIDTH: te };
-}
-var ne = n.createContext({}), Ct = n.forwardRef((t, e) => {
-  var o = t, { value: l, onChange: v, maxLength: i, textAlign: d = "left", pattern: m, placeholder: E, inputMode: D = "numeric", onComplete: j, pushPasswordManagerStrategy: I = "increase-width", pasteTransformer: g, containerClassName: C, noScriptCSSFallback: h = oe, render: P, children: T } = o, s = Qt(o, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), F, J, O, W, st;
-  let [Ot, Rt] = n.useState(typeof s.defaultValue == "string" ? s.defaultValue : ""), p = l ?? Ot, B = Xt(p), z = n.useCallback((r) => {
-    v?.(r), Rt(r);
-  }, [v]), M = n.useMemo(() => m ? typeof m == "string" ? new RegExp(m) : m : null, [m]), c = n.useRef(null), Y = n.useRef(null), tt = n.useRef({ value: p, onChange: z, isIOS: typeof window < "u" && ((J = (F = window?.CSS) == null ? void 0 : F.supports) == null ? void 0 : J.call(F, "-webkit-touch-callout", "none")) }), Q = n.useRef({ prev: [(O = c.current) == null ? void 0 : O.selectionStart, (W = c.current) == null ? void 0 : W.selectionEnd, (st = c.current) == null ? void 0 : st.selectionDirection] });
-  n.useImperativeHandle(e, () => c.current, []), n.useEffect(() => {
-    let r = c.current, a = Y.current;
-    if (!r || !a) return;
-    tt.current.value !== r.value && tt.current.onChange(r.value), Q.current.prev = [r.selectionStart, r.selectionEnd, r.selectionDirection];
-    function f() {
-      if (document.activeElement !== r) {
-        q(null), K(null);
-        return;
-      }
-      let u = r.selectionStart, b = r.selectionEnd, U = r.selectionDirection, x = r.maxLength, _ = r.value, k = Q.current.prev, R = -1, A = -1, H;
-      if (_.length !== 0 && u !== null && b !== null) {
-        let Wt = u === b, Bt = u === _.length && _.length < x;
-        if (Wt && !Bt) {
-          let G = u;
-          if (G === 0) R = 0, A = 1, H = "forward";
-          else if (G === x) R = G - 1, A = G, H = "backward";
-          else if (x > 1 && _.length > 1) {
-            let nt = 0;
-            if (k[0] !== null && k[1] !== null) {
-              H = G < k[1] ? "backward" : "forward";
-              let Nt = k[0] === k[1] && k[0] < x;
-              H === "backward" && !Nt && (nt = -1);
-            }
-            R = nt + G, A = nt + G + 1;
-          }
-        }
-        R !== -1 && A !== -1 && R !== A && c.current.setSelectionRange(R, A, H);
-      }
-      let vt = R !== -1 ? R : u, gt = A !== -1 ? A : b, Ft = H ?? U;
-      q(vt), K(gt), Q.current.prev = [vt, gt, Ft];
-    }
-    if (document.addEventListener("selectionchange", f, { capture: !0 }), f(), document.activeElement === r && et(!0), !document.getElementById("input-otp-style")) {
-      let u = document.createElement("style");
-      if (u.id = "input-otp-style", document.head.appendChild(u), u.sheet) {
-        let b = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        Z(u.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Z(u.sheet, `[data-input-otp]:autofill { ${b} }`), Z(u.sheet, `[data-input-otp]:-webkit-autofill { ${b} }`), Z(u.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), Z(u.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
-      }
-    }
-    let S = () => {
-      a && a.style.setProperty("--root-height", `${r.clientHeight}px`);
-    };
-    S();
-    let y = new ResizeObserver(S);
-    return y.observe(r), () => {
-      document.removeEventListener("selectionchange", f, { capture: !0 }), y.disconnect();
-    };
-  }, []);
-  let [ut, pt] = n.useState(!1), [V, et] = n.useState(!1), [N, q] = n.useState(null), [L, K] = n.useState(null);
-  n.useEffect(() => {
-    Ut(() => {
-      var r, a, f, S;
-      (r = c.current) == null || r.dispatchEvent(new Event("input"));
-      let y = (a = c.current) == null ? void 0 : a.selectionStart, u = (f = c.current) == null ? void 0 : f.selectionEnd, b = (S = c.current) == null ? void 0 : S.selectionDirection;
-      y !== null && u !== null && (q(y), K(u), Q.current.prev = [y, u, b]);
-    });
-  }, [p, V]), n.useEffect(() => {
-    B !== void 0 && p !== B && B.length < i && p.length === i && j?.(p);
-  }, [i, j, B, p]);
-  let $ = re({ containerRef: Y, inputRef: c, pushPasswordManagerStrategy: I, isFocused: V }), ct = n.useCallback((r) => {
-    let a = r.currentTarget.value.slice(0, i);
-    if (a.length > 0 && M && !M.test(a)) {
-      r.preventDefault();
-      return;
-    }
-    typeof B == "string" && a.length < B.length && document.dispatchEvent(new Event("selectionchange")), z(a);
-  }, [i, z, B, M]), dt = n.useCallback(() => {
-    var r;
-    if (c.current) {
-      let a = Math.min(c.current.value.length, i - 1), f = c.current.value.length;
-      (r = c.current) == null || r.setSelectionRange(a, f), q(a), K(f);
-    }
-    et(!0);
-  }, [i]), mt = n.useCallback((r) => {
-    var a, f;
-    let S = c.current;
-    if (!g && (!tt.current.isIOS || !r.clipboardData || !S)) return;
-    let y = r.clipboardData.getData("text/plain"), u = g ? g(y) : y;
-    r.preventDefault();
-    let b = (a = c.current) == null ? void 0 : a.selectionStart, U = (f = c.current) == null ? void 0 : f.selectionEnd, x = (b !== U ? p.slice(0, b) + u + p.slice(U) : p.slice(0, b) + u + p.slice(b)).slice(0, i);
-    if (x.length > 0 && M && !M.test(x)) return;
-    S.value = x, z(x);
-    let _ = Math.min(x.length, i - 1), k = x.length;
-    S.setSelectionRange(_, k), q(_), K(k);
-  }, [i, z, M, p]), At = n.useMemo(() => ({ position: "relative", cursor: s.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [s.disabled]), ft = n.useMemo(() => ({ position: "absolute", inset: 0, width: $.willPushPWMBadge ? `calc(100% + ${$.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: $.willPushPWMBadge ? `inset(0 ${$.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: d, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [$.PWM_BADGE_SPACE_WIDTH, $.willPushPWMBadge, d]), Dt = n.useMemo(() => n.createElement("input", Jt(Zt({ autoComplete: s.autoComplete || "one-time-code" }, s), { "data-input-otp": !0, "data-input-otp-placeholder-shown": p.length === 0 || void 0, "data-input-otp-mss": N, "data-input-otp-mse": L, inputMode: D, pattern: M?.source, "aria-placeholder": E, style: ft, maxLength: i, value: p, ref: c, onPaste: (r) => {
-    var a;
-    mt(r), (a = s.onPaste) == null || a.call(s, r);
-  }, onChange: ct, onMouseOver: (r) => {
-    var a;
-    pt(!0), (a = s.onMouseOver) == null || a.call(s, r);
-  }, onMouseLeave: (r) => {
-    var a;
-    pt(!1), (a = s.onMouseLeave) == null || a.call(s, r);
-  }, onFocus: (r) => {
-    var a;
-    dt(), (a = s.onFocus) == null || a.call(s, r);
-  }, onBlur: (r) => {
-    var a;
-    et(!1), (a = s.onBlur) == null || a.call(s, r);
-  } })), [ct, dt, mt, D, ft, i, L, N, s, M?.source, p]), rt = n.useMemo(() => ({ slots: Array.from({ length: i }).map((r, a) => {
-    var f;
-    let S = V && N !== null && L !== null && (N === L && a === N || a >= N && a < L), y = p[a] !== void 0 ? p[a] : null, u = p[0] !== void 0 ? null : (f = E?.[a]) != null ? f : null;
-    return { char: y, placeholderChar: u, isActive: S, hasFakeCaret: S && y === null };
-  }), isFocused: V, isHovering: !s.disabled && ut }), [V, ut, i, L, N, s.disabled, p]), jt = n.useMemo(() => P ? P(rt) : n.createElement(ne.Provider, { value: rt }, T), [T, rt, P]);
-  return n.createElement(n.Fragment, null, h !== null && n.createElement("noscript", null, n.createElement("style", null, h)), n.createElement("div", { ref: Y, "data-input-otp-container": !0, style: At, className: C }, jt, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, Dt)));
-});
-Ct.displayName = "Input";
-function Z(t, e) {
-  try {
-    t.insertRule(e);
-  } catch {
-    console.error("input-otp could not insert CSS rule:", e);
-  }
-}
-var oe = `
-[data-input-otp] {
-  --nojs-bg: white !important;
-  --nojs-fg: black !important;
-
-  background-color: var(--nojs-bg) !important;
-  color: var(--nojs-fg) !important;
-  caret-color: var(--nojs-fg) !important;
-  letter-spacing: .25em !important;
-  text-align: center !important;
-  border: 1px solid var(--nojs-fg) !important;
-  border-radius: 4px !important;
-  width: 100% !important;
-}
-@media (prefers-color-scheme: dark) {
-  [data-input-otp] {
-    --nojs-bg: black !important;
-    --nojs-fg: white !important;
-  }
-}`, ae = "^\\d+$";
-const Mt = St({}), Tt = St(null), ot = () => {
-  const t = yt(Tt);
-  if (!t)
-    throw new Error("useRoot must be used within an InputOTP");
-  return t;
-}, kt = ({
-  autoFocus: t = !1,
-  children: e,
-  className: o,
-  errorMessage: l,
-  id: v,
-  inputMode: i = "numeric",
-  maxLength: d,
-  name: m,
-  onChange: E,
-  onComplete: D,
-  pattern: j,
-  ref: I,
-  state: g = "default",
-  value: C,
-  variant: h = "outlined",
-  ...P
-}) => {
-  const T = Gt(v, m), { isInvalid: s } = zt(!1, g), F = j ?? (i === "numeric" ? ae : void 0), J = (O) => {
-    let W = O.clipboardData.getData("text/plain").trim().replaceAll("-", "");
-    i === "numeric" && (W = W.replace(/\D/g, "")), W.length === d && typeof E == "function" && E(W);
-  };
-  return /* @__PURE__ */ w(Mt.Provider, { value: { isInvalid: s }, children: /* @__PURE__ */ bt("div", { className: "flex w-max flex-col gap-y-1", children: [
-    /* @__PURE__ */ w(
-      Ct,
-      {
-        autoFocus: t,
-        containerClassName: wt("flex items-center gap-2 has-disabled]:opacity-50 disabled:cursor-not-allowed", o),
-        "data-1p-ignore": "true",
-        "data-dashlane-disabled-on-field": "true",
-        "data-lpignore": "true",
-        "data-protonpass-ignore": "true",
-        "data-testid": "spectral-input-otp",
-        id: T,
-        inputMode: i,
-        maxLength: d,
-        onChange: E,
-        onComplete: D,
-        onPaste: J,
-        pasteTransformer: (O) => O.replaceAll("-", ""),
-        pattern: F,
-        pushPasswordManagerStrategy: "none",
-        ref: I,
-        role: "textbox",
-        textAlign: "center",
-        value: C,
-        ...P,
-        render: ({ slots: O }) => /* @__PURE__ */ w(Tt.Provider, { value: { slots: O, variant: h, maxLength: d }, children: e ?? /* @__PURE__ */ w(at, { children: /* @__PURE__ */ w(it, {}) }) })
-      }
-    ),
-    s && l && /* @__PURE__ */ w(Lt, { dataTestId: "spectral-input-otp-error-message", id: $t(T), message: l })
-  ] }) });
-};
-kt.displayName = "InputOTP";
-const at = ({
-  ref: t,
-  ...e
-}) => /* @__PURE__ */ w("div", { className: "flex items-center justify-center gap-x-2", "data-testid": "spectral-input-otp-group", ref: t, ...e });
-at.displayName = "InputOTP.Group";
-const lt = ({
-  className: t,
-  index: e,
-  ref: o,
-  ...l
-}) => {
-  const { variant: v = "outlined", slots: i = [] } = ot(), { isInvalid: d } = yt(Mt), m = i[e] || { char: "", hasFakeCaret: !0, isActive: !1 };
-  return /* @__PURE__ */ bt(
-    "div",
-    {
-      className: wt(
-        "relative z-10 flex h-12 w-10 items-center justify-center rounded-[8px] border transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
-        v === "filled" ? "bg-level-one border-level-one" : "border-input-otp-border bg-transparent",
-        !d && "border",
-        d && "border-danger-400 focus-visible:outline-danger-400 border-2",
-        m.isActive && !d && "outline-input-otp-border--focus z-10 outline-2 outline-offset-2",
-        m.isActive && d && "outline-danger-400 outline-2 outline-offset-2",
-        t
-      ),
-      "data-index": e,
-      "data-testid": "spectral-input-otp-slot",
-      "data-variant": v,
-      ref: o,
-      ...l,
-      children: [
-        m.char,
-        m.hasFakeCaret && /* @__PURE__ */ w("div", { className: "motion-safe:animate-caret-blink pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ w("div", { className: "bg-input-otp-caret h-8 w-px" }) })
-      ]
-    }
-  );
-};
-lt.displayName = "InputOTP.Slot";
-const it = ({ start: t = 0, count: e, className: o }) => {
-  const { maxLength: l = 0 } = ot(), v = e !== void 0 ? t + e : l, i = Array.from({ length: v - t }, (d, m) => t + m);
-  return /* @__PURE__ */ w(_t, { children: i.map((d) => /* @__PURE__ */ w(lt, { index: d, className: o }, d)) });
-};
-it.displayName = "InputOTP.Slots";
-const It = ({
-  ref: t,
-  ...e
-}) => {
-  const { variant: o = "outlined" } = ot();
-  return /* @__PURE__ */ w("div", { ref: t, role: "separator", ...e, "data-testid": "spectral-input-otp-separator", "data-variant": o, children: /* @__PURE__ */ w(Ht, { size: 24, color: o === "filled" ? "var(--color-input-otp-filled-separator)" : "var(--color-input-otp-border)" }) });
-};
-It.displayName = "InputOTP.Separator";
-const Er = Object.assign(kt, {
-  Group: at,
-  Slot: lt,
-  Slots: it,
-  Separator: It
-});
-export {
-  Er as InputOTP
-};
+import { t as e } from "./InputOTP-cVn5Bzyp.js";
+export { e as InputOTP };

package/dist/Kbd.d.ts

@@ -13,7 +13,7 @@ export declare const Kbd: {
     displayName: string;
 };
 export declare const KbdGroup: {
-    ({ className, ...props }: KbdGroupProps & ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: KbdGroupProps & ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Kbd.d.ts.map