@spear-ai/spectral 1.3.58 → 1.3.60

package/dist/InputOTP.d.ts

@@ -0,0 +1,29 @@
+import { OTPInputProps } from 'input-otp';
+type InputOTPRootProps = Omit<OTPInputProps, 'textAlign' | 'pushPasswordManagerStrategy' | 'pasteTransformer' | 'noScriptCSSFallback' | 'placeholder' | 'containerClassName' | 'render'> & {
+    onComplete?: (...args: any[]) => void;
+    inputMode?: 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url';
+    className?: string;
+    separator?: boolean;
+};
+export type InputOTPProps = InputOTPRootProps & ({
+    value: number | string;
+    onChange: (newValue: number | string) => void;
+} | {
+    value?: never;
+    onChange?: never;
+}) & ({
+    hasError: true;
+    errorMessage: string | undefined;
+} | {
+    hasError?: false;
+    errorMessage?: never;
+});
+export declare const InputOTP: import('react').ForwardRefExoticComponent<InputOTPProps & import('react').RefAttributes<HTMLInputElement>> & {
+    Group: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Slot: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        index: number;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=InputOTP.d.ts.map

package/dist/InputOTP.js

@@ -0,0 +1,302 @@
+"use client";
+import "./styles/main.css";
+import { jsx as j, jsxs as ge } from "react/jsx-runtime";
+import { useFormFieldId as Be, ErrorMessage as _e, getErrorMessageId as Fe } from "./utils/formFieldUtils.js";
+import { c as he } from "./twUtils-CRiPKpXj.js";
+import * as t from "react";
+import { createContext as He, forwardRef as Q, useContext as fe } from "react";
+import { c as Le } from "./createLucideIcon-CI1yJrZf.js";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ge = [["path", { d: "M5 12h14", key: "1ays0h" }]], $e = Le("minus", Ge);
+var ze = Object.defineProperty, Ve = Object.defineProperties, qe = Object.getOwnPropertyDescriptors, K = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable, ve = (n, r, l) => r in n ? ze(n, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[r] = l, Ze = (n, r) => {
+  for (var l in r || (r = {})) be.call(r, l) && ve(n, l, r[l]);
+  if (K) for (var l of K(r)) we.call(r, l) && ve(n, l, r[l]);
+  return n;
+}, Je = (n, r) => Ve(n, qe(r)), Ke = (n, r) => {
+  var l = {};
+  for (var u in n) be.call(n, u) && r.indexOf(u) < 0 && (l[u] = n[u]);
+  if (n != null && K) for (var u of K(n)) r.indexOf(u) < 0 && we.call(n, u) && (l[u] = n[u]);
+  return l;
+};
+function Qe(n) {
+  let r = setTimeout(n, 0), l = setTimeout(n, 10), u = setTimeout(n, 50);
+  return [r, l, u];
+}
+function Ue(n) {
+  let r = t.useRef();
+  return t.useEffect(() => {
+    r.current = n;
+  }), r.current;
+}
+var Xe = 18, ye = 40, Ye = `${ye}px`, et = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function tt({ containerRef: n, inputRef: r, pushPasswordManagerStrategy: l, isFocused: u }) {
+  let [g, s] = t.useState(!1), [C, y] = t.useState(!1), [h, D] = t.useState(!1), I = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && g && C, [g, C, l]), M = t.useCallback(() => {
+    let m = n.current, E = r.current;
+    if (!m || !E || h || l === "none") return;
+    let f = m, x = f.getBoundingClientRect().left + f.offsetWidth, T = f.getBoundingClientRect().top + f.offsetHeight / 2, o = x - Xe, L = T;
+    document.querySelectorAll(et).length === 0 && document.elementFromPoint(o, L) === m || (s(!0), D(!0));
+  }, [n, r, h, l]);
+  return t.useEffect(() => {
+    let m = n.current;
+    if (!m || l === "none") return;
+    function E() {
+      let x = window.innerWidth - m.getBoundingClientRect().right;
+      y(x >= ye);
+    }
+    E();
+    let f = setInterval(E, 1e3);
+    return () => {
+      clearInterval(f);
+    };
+  }, [n, l]), t.useEffect(() => {
+    let m = u || document.activeElement === r.current;
+    if (l === "none" || !m) return;
+    let E = setTimeout(M, 0), f = setTimeout(M, 2e3), x = setTimeout(M, 5e3), T = setTimeout(() => {
+      D(!0);
+    }, 6e3);
+    return () => {
+      clearTimeout(E), clearTimeout(f), clearTimeout(x), clearTimeout(T);
+    };
+  }, [r, u, l, M]), { hasPWMBadge: g, willPushPWMBadge: I, PWM_BADGE_SPACE_WIDTH: Ye };
+}
+var xe = t.createContext({}), Se = t.forwardRef((n, r) => {
+  var l = n, { value: u, onChange: g, maxLength: s, textAlign: C = "left", pattern: y, placeholder: h, inputMode: D = "numeric", onComplete: I, pushPasswordManagerStrategy: M = "increase-width", pasteTransformer: m, containerClassName: E, noScriptCSSFallback: f = nt, render: x, children: T } = l, o = Ke(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ne, re, ae, le;
+  let [Te, Re] = t.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), c = u ?? Te, A = Ue(c), G = t.useCallback((e) => {
+    g?.(e), Re(e);
+  }, [g]), P = t.useMemo(() => y ? typeof y == "string" ? new RegExp(y) : y : null, [y]), p = t.useRef(null), U = t.useRef(null), X = t.useRef({ value: c, onChange: G, isIOS: typeof window < "u" && ((ne = (L = window?.CSS) == null ? void 0 : L.supports) == null ? void 0 : ne.call(L, "-webkit-touch-callout", "none")) }), Z = t.useRef({ prev: [(re = p.current) == null ? void 0 : re.selectionStart, (ae = p.current) == null ? void 0 : ae.selectionEnd, (le = p.current) == null ? void 0 : le.selectionDirection] });
+  t.useImperativeHandle(r, () => p.current, []), t.useEffect(() => {
+    let e = p.current, a = U.current;
+    if (!e || !a) return;
+    X.current.value !== e.value && X.current.onChange(e.value), Z.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
+    function d() {
+      if (document.activeElement !== e) {
+        z(null), V(null);
+        return;
+      }
+      let i = e.selectionStart, v = e.selectionEnd, J = e.selectionDirection, S = e.maxLength, W = e.value, k = Z.current.prev, R = -1, O = -1, B;
+      if (W.length !== 0 && i !== null && v !== null) {
+        let Ae = i === v, Ne = i === W.length && W.length < S;
+        if (Ae && !Ne) {
+          let _ = i;
+          if (_ === 0) R = 0, O = 1, B = "forward";
+          else if (_ === S) R = _ - 1, O = _, B = "backward";
+          else if (S > 1 && W.length > 1) {
+            let te = 0;
+            if (k[0] !== null && k[1] !== null) {
+              B = _ < k[1] ? "backward" : "forward";
+              let We = k[0] === k[1] && k[0] < S;
+              B === "backward" && !We && (te = -1);
+            }
+            R = te + _, O = te + _ + 1;
+          }
+        }
+        R !== -1 && O !== -1 && R !== O && p.current.setSelectionRange(R, O, B);
+      }
+      let de = R !== -1 ? R : i, me = O !== -1 ? O : v, Ie = B ?? J;
+      z(de), V(me), Z.current.prev = [de, me, Ie];
+    }
+    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && Y(!0), !document.getElementById("input-otp-style")) {
+      let i = document.createElement("style");
+      if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
+        let v = "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;";
+        q(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), q(i.sheet, `[data-input-otp]:autofill { ${v} }`), q(i.sheet, `[data-input-otp]:-webkit-autofill { ${v} }`), q(i.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; } }"), q(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+      }
+    }
+    let b = () => {
+      a && a.style.setProperty("--root-height", `${e.clientHeight}px`);
+    };
+    b();
+    let w = new ResizeObserver(b);
+    return w.observe(e), () => {
+      document.removeEventListener("selectionchange", d, { capture: !0 }), w.disconnect();
+    };
+  }, []);
+  let [oe, ie] = t.useState(!1), [$, Y] = t.useState(!1), [N, z] = t.useState(null), [F, V] = t.useState(null);
+  t.useEffect(() => {
+    Qe(() => {
+      var e, a, d, b;
+      (e = p.current) == null || e.dispatchEvent(new Event("input"));
+      let w = (a = p.current) == null ? void 0 : a.selectionStart, i = (d = p.current) == null ? void 0 : d.selectionEnd, v = (b = p.current) == null ? void 0 : b.selectionDirection;
+      w !== null && i !== null && (z(w), V(i), Z.current.prev = [w, i, v]);
+    });
+  }, [c, $]), t.useEffect(() => {
+    A !== void 0 && c !== A && A.length < s && c.length === s && I?.(c);
+  }, [s, I, A, c]);
+  let H = tt({ containerRef: U, inputRef: p, pushPasswordManagerStrategy: M, isFocused: $ }), ue = t.useCallback((e) => {
+    let a = e.currentTarget.value.slice(0, s);
+    if (a.length > 0 && P && !P.test(a)) {
+      e.preventDefault();
+      return;
+    }
+    typeof A == "string" && a.length < A.length && document.dispatchEvent(new Event("selectionchange")), G(a);
+  }, [s, G, A, P]), se = t.useCallback(() => {
+    var e;
+    if (p.current) {
+      let a = Math.min(p.current.value.length, s - 1), d = p.current.value.length;
+      (e = p.current) == null || e.setSelectionRange(a, d), z(a), V(d);
+    }
+    Y(!0);
+  }, [s]), ce = t.useCallback((e) => {
+    var a, d;
+    let b = p.current;
+    if (!m && (!X.current.isIOS || !e.clipboardData || !b)) return;
+    let w = e.clipboardData.getData("text/plain"), i = m ? m(w) : w;
+    e.preventDefault();
+    let v = (a = p.current) == null ? void 0 : a.selectionStart, J = (d = p.current) == null ? void 0 : d.selectionEnd, S = (v !== J ? c.slice(0, v) + i + c.slice(J) : c.slice(0, v) + i + c.slice(v)).slice(0, s);
+    if (S.length > 0 && P && !P.test(S)) return;
+    b.value = S, G(S);
+    let W = Math.min(S.length, s - 1), k = S.length;
+    b.setSelectionRange(W, k), z(W), V(k);
+  }, [s, G, P, c]), Oe = t.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), pe = t.useMemo(() => ({ position: "absolute", inset: 0, width: H.willPushPWMBadge ? `calc(100% + ${H.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: H.willPushPWMBadge ? `inset(0 ${H.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: C, 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" }), [H.PWM_BADGE_SPACE_WIDTH, H.willPushPWMBadge, C]), je = t.useMemo(() => t.createElement("input", Je(Ze({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": c.length === 0 || void 0, "data-input-otp-mss": N, "data-input-otp-mse": F, inputMode: D, pattern: P?.source, "aria-placeholder": h, style: pe, maxLength: s, value: c, ref: p, onPaste: (e) => {
+    var a;
+    ce(e), (a = o.onPaste) == null || a.call(o, e);
+  }, onChange: ue, onMouseOver: (e) => {
+    var a;
+    ie(!0), (a = o.onMouseOver) == null || a.call(o, e);
+  }, onMouseLeave: (e) => {
+    var a;
+    ie(!1), (a = o.onMouseLeave) == null || a.call(o, e);
+  }, onFocus: (e) => {
+    var a;
+    se(), (a = o.onFocus) == null || a.call(o, e);
+  }, onBlur: (e) => {
+    var a;
+    Y(!1), (a = o.onBlur) == null || a.call(o, e);
+  } })), [ue, se, ce, D, pe, s, F, N, o, P?.source, c]), ee = t.useMemo(() => ({ slots: Array.from({ length: s }).map((e, a) => {
+    var d;
+    let b = $ && N !== null && F !== null && (N === F && a === N || a >= N && a < F), w = c[a] !== void 0 ? c[a] : null, i = c[0] !== void 0 ? null : (d = h?.[a]) != null ? d : null;
+    return { char: w, placeholderChar: i, isActive: b, hasFakeCaret: b && w === null };
+  }), isFocused: $, isHovering: !o.disabled && oe }), [$, oe, s, F, N, o.disabled, c]), De = t.useMemo(() => x ? x(ee) : t.createElement(xe.Provider, { value: ee }, T), [T, ee, x]);
+  return t.createElement(t.Fragment, null, f !== null && t.createElement("noscript", null, t.createElement("style", null, f)), t.createElement("div", { ref: U, "data-input-otp-container": !0, style: Oe, className: E }, De, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
+});
+Se.displayName = "Input";
+function q(n, r) {
+  try {
+    n.insertRule(r);
+  } catch {
+    console.error("input-otp could not insert CSS rule:", r);
+  }
+}
+var nt = `
+[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;
+  }
+}`;
+const Ee = He({}), Pe = Q(
+  ({
+    className: n,
+    children: r,
+    id: l,
+    name: u,
+    errorMessage: g,
+    hasError: s,
+    inputMode: C = "numeric",
+    onComplete: y,
+    onChange: h,
+    value: D,
+    autoFocus: I = !1,
+    maxLength: M,
+    ...m
+  }, E) => {
+    const f = Be(l, u), x = (T) => {
+      const o = T.clipboardData.getData("text/plain").trim();
+      o.length === M && typeof h == "function" && (h(""), setTimeout(() => {
+        typeof h == "function" && h(o);
+      }, 0));
+    };
+    return /* @__PURE__ */ j(Ee.Provider, { value: { hasError: s }, children: /* @__PURE__ */ ge("div", { className: "flex w-max flex-col gap-y-1", children: [
+      /* @__PURE__ */ j(
+        Se,
+        {
+          ref: E,
+          value: D,
+          onChange: h,
+          onComplete: y,
+          containerClassName: he(
+            "flex items-center gap-2 has-[:disabled]:opacity-50 disabled:cursor-not-allowed",
+            n
+          ),
+          maxLength: M,
+          autoFocus: I,
+          id: f,
+          inputMode: C,
+          textAlign: "center",
+          onPaste: x,
+          ...m,
+          "data-testid": "input-otp",
+          pushPasswordManagerStrategy: "none",
+          "data-1p-ignore": "true",
+          "data-lpignore": "true",
+          "data-protonpass-ignore": "true",
+          "data-dashlane-disabled-on-field": "true",
+          children: r
+        }
+      ),
+      s && g && /* @__PURE__ */ j(_e, { id: Fe(f), message: g })
+    ] }) });
+  }
+);
+Pe.displayName = "InputOTP";
+const Ce = Q(({ ...n }, r) => /* @__PURE__ */ j(
+  "div",
+  {
+    ref: r,
+    className: "flex items-center justify-between gap-x-2 min-[390px]:gap-x-3 md:justify-center md:gap-x-4",
+    ...n,
+    "data-testid": "input-otp-group"
+  }
+));
+Ce.displayName = "InputOTP.Group";
+const Me = Q(
+  ({ index: n, ...r }, l) => {
+    const { slots: u } = fe(xe), { hasError: g } = fe(Ee), { char: s, hasFakeCaret: C, isActive: y } = u[n];
+    return /* @__PURE__ */ ge(
+      "div",
+      {
+        ref: l,
+        className: he(
+          "relative z-10 flex h-10 w-10 items-center justify-center rounded-[8px] text-sm transition duration-200 focus:outline-none",
+          y && "outline-input-border--focus outline-2 outline-offset-2",
+          g && "border-danger-400 focus-visible:outline-danger-400 border-2"
+        ),
+        ...r,
+        "data-testid": "input-otp-slot",
+        children: [
+          s,
+          C && /* @__PURE__ */ j("div", { className: "animate-caret-blink pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ j("div", { className: "bg-concrete h-8 w-px" }) })
+        ]
+      }
+    );
+  }
+);
+Me.displayName = "InputOTP.Slot";
+const ke = Q(({ ...n }, r) => /* @__PURE__ */ j("div", { ref: r, role: "separator", ...n, "data-testid": "input-otp-separator", children: /* @__PURE__ */ j($e, { className: "text-input-text-placeholder" }) }));
+ke.displayName = "InputOTP.Separator";
+const ut = Object.assign(Pe, {
+  Group: Ce,
+  Slot: Me,
+  Separator: ke
+});
+export {
+  ut as InputOTP
+};

package/dist/PasswordInput-ClY_hxuN.js

@@ -0,0 +1,261 @@
+import "./styles/main.css";
+import { jsx as p, Fragment as K, jsxs as I } from "react/jsx-runtime";
+import "./Icons/AnnotationsIcon.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/DeleteIcon.js";
+import "./Icons/DurationIcon.js";
+import "./Icons/EmailIcon.js";
+import "./Icons/EraserIcon.js";
+import "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as U } from "./Icons/EyeClosedIcon.js";
+import "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as V } from "./Icons/EyeOpenIcon.js";
+import "./Icons/GoToFirstIcon.js";
+import "./Icons/GoToLastIcon.js";
+import "./Icons/HarmonicCursorsIcon.js";
+import "./Icons/InfoIcon.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/MetadataIcon.js";
+import "./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/ResetIcon.js";
+import "./Icons/ScissorsIcon.js";
+import "./Icons/SettingsIcon.js";
+import "./Icons/TrashIcon.js";
+import "./Icons/UndoIcon.js";
+import "./Icons/UserIcon.js";
+import "./Icons/WarningIcon.js";
+import "./Icons/ZoomAllIcon.js";
+import "./Icons/ZoomXIcon.js";
+import "./Icons/ZoomYIcon.js";
+import { Input as X } from "./Input.js";
+import { calculatePasswordStrength as _ } from "./utils/sharedUtils.js";
+import * as b from "react";
+import { useId as A, useRef as E, useContext as T, useInsertionEffect as B, useMemo as k, Children as F, isValidElement as G, useState as M } from "react";
+import { M as Y, i as q, u as D, P as J, a as Q, b as Z, L as tt, m as L } from "./proxy-DD79Ok6n.js";
+function S(t, r) {
+  if (typeof t == "function")
+    return t(r);
+  t != null && (t.current = r);
+}
+function et(...t) {
+  return (r) => {
+    let e = !1;
+    const i = t.map((s) => {
+      const o = S(s, r);
+      return !e && typeof o == "function" && (e = !0), o;
+    });
+    if (e)
+      return () => {
+        for (let s = 0; s < i.length; s++) {
+          const o = i[s];
+          typeof o == "function" ? o() : S(t[s], null);
+        }
+      };
+  };
+}
+function ot(...t) {
+  return b.useCallback(et(...t), t);
+}
+class nt extends b.Component {
+  getSnapshotBeforeUpdate(r) {
+    const e = this.props.childRef.current;
+    if (e && r.isPresent && !this.props.isPresent) {
+      const i = e.offsetParent, s = q(i) && i.offsetWidth || 0, o = this.props.sizeRef.current;
+      o.height = e.offsetHeight || 0, o.width = e.offsetWidth || 0, o.top = e.offsetTop, o.left = e.offsetLeft, o.right = s - o.width - o.left;
+    }
+    return null;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function rt({ children: t, isPresent: r, anchorX: e, root: i }) {
+  const s = A(), o = E(null), f = E({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    right: 0
+  }), { nonce: u } = T(Y), g = ot(o, t?.ref);
+  return B(() => {
+    const { width: n, height: C, top: l, left: m, right: d } = f.current;
+    if (r || !o.current || !n || !C)
+      return;
+    const y = e === "left" ? `left: ${m}` : `right: ${d}`;
+    o.current.dataset.motionPopId = s;
+    const a = document.createElement("style");
+    u && (a.nonce = u);
+    const P = i ?? document.head;
+    return P.appendChild(a), a.sheet && a.sheet.insertRule(`
+          [data-motion-pop-id="${s}"] {
+            position: absolute !important;
+            width: ${n}px !important;
+            height: ${C}px !important;
+            ${y}px !important;
+            top: ${l}px !important;
+          }
+        `), () => {
+      P.contains(a) && P.removeChild(a);
+    };
+  }, [r]), p(nt, { isPresent: r, childRef: o, sizeRef: f, children: b.cloneElement(t, { ref: g }) });
+}
+const it = ({ children: t, initial: r, isPresent: e, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: f, anchorX: u, root: g }) => {
+  const n = D(st), C = A();
+  let l = !0, m = k(() => (l = !1, {
+    id: C,
+    initial: r,
+    isPresent: e,
+    custom: s,
+    onExitComplete: (d) => {
+      n.set(d, !0);
+      for (const y of n.values())
+        if (!y)
+          return;
+      i && i();
+    },
+    register: (d) => (n.set(d, !1), () => n.delete(d))
+  }), [e, n, i]);
+  return o && l && (m = { ...m }), k(() => {
+    n.forEach((d, y) => n.set(y, !1));
+  }, [e]), b.useEffect(() => {
+    !e && !n.size && i && i();
+  }, [e]), f === "popLayout" && (t = p(rt, { isPresent: e, anchorX: u, root: g, children: t })), p(J.Provider, { value: m, children: t });
+};
+function st() {
+  return /* @__PURE__ */ new Map();
+}
+const R = (t) => t.key || "";
+function j(t) {
+  const r = [];
+  return F.forEach(t, (e) => {
+    G(e) && r.push(e);
+  }), r;
+}
+const lt = ({ children: t, custom: r, initial: e = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: f = !1, anchorX: u = "left", root: g }) => {
+  const [n, C] = Q(f), l = k(() => j(t), [t]), m = f && !n ? [] : l.map(R), d = E(!0), y = E(l), a = D(() => /* @__PURE__ */ new Map()), [P, O] = M(l), [w, $] = M(l);
+  Z(() => {
+    d.current = !1, y.current = l;
+    for (let h = 0; h < w.length; h++) {
+      const c = R(w[h]);
+      m.includes(c) ? a.delete(c) : a.get(c) !== !0 && a.set(c, !1);
+    }
+  }, [w, m.length, m.join("-")]);
+  const v = [];
+  if (l !== P) {
+    let h = [...l];
+    for (let c = 0; c < w.length; c++) {
+      const x = w[c], N = R(x);
+      m.includes(N) || (h.splice(c, 0, x), v.push(x));
+    }
+    return o === "wait" && v.length && (h = v), $(j(h)), O(l), null;
+  }
+  process.env.NODE_ENV !== "production" && o === "wait" && w.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: W } = T(tt);
+  return p(K, { children: w.map((h) => {
+    const c = R(h), x = f && !n ? !1 : l === w || m.includes(c), N = () => {
+      if (a.has(c))
+        a.set(c, !0);
+      else
+        return;
+      let z = !0;
+      a.forEach((H) => {
+        H || (z = !1);
+      }), z && (W?.(), $(y.current), f && C?.(), i && i());
+    };
+    return p(it, { isPresent: x, initial: !d.current || e ? void 0 : !1, custom: r, presenceAffectsLayout: s, mode: o, root: g, onExitComplete: x ? void 0 : N, anchorX: u, children: h }, c);
+  }) });
+}, se = ({
+  value: t,
+  onChange: r,
+  id: e,
+  label: i,
+  placeholder: s = "••••••••",
+  showStrength: o = !1,
+  className: f = ""
+}) => {
+  const [u, g] = M(!1), n = t && o ? _(t) : null;
+  return /* @__PURE__ */ I("div", { children: [
+    /* @__PURE__ */ p(
+      X,
+      {
+        type: u ? "text" : "password",
+        value: t,
+        onChange: (C) => r(C.target.value),
+        className: f,
+        id: e,
+        label: i,
+        placeholder: s,
+        endIcon: u ? /* @__PURE__ */ p(
+          U,
+          {
+            size: 22,
+            onClick: () => g(!u),
+            className: "absolute top-1/2 right-4 -translate-y-1/2 cursor-pointer transition-colors"
+          }
+        ) : /* @__PURE__ */ p(
+          V,
+          {
+            size: 22,
+            onClick: () => g(!u),
+            className: "absolute top-1/2 right-4 -translate-y-1/2 cursor-pointer transition-colors"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ p(lt, { children: n && t.length > 0 && /* @__PURE__ */ I(
+      L.div,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        transition: { duration: 0.2 },
+        className: "mt-2",
+        children: [
+          /* @__PURE__ */ I("div", { className: "mb-1 flex items-center justify-between", children: [
+            /* @__PURE__ */ p("span", { className: "text-text-secondary text-xs", children: "Password strength" }),
+            /* @__PURE__ */ p("span", { className: "text-xs font-medium", style: { color: n.color }, children: n.label })
+          ] }),
+          /* @__PURE__ */ p("div", { className: "h-1.5 overflow-hidden rounded-full bg-white/5", children: /* @__PURE__ */ p(
+            L.div,
+            {
+              className: "h-full rounded-full",
+              style: { backgroundColor: n.color },
+              initial: { width: 0 },
+              animate: { width: `${n.score / 5 * 100}%` },
+              transition: { duration: 0.3, ease: "easeOut" }
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  lt as A,
+  se as P
+};

package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts

@@ -3,15 +3,15 @@ import { ReactNode } from 'react';
 export type RadioButtonGroupProps = {
     value?: string;
     onValueChange?: (value: string) => void;
-    children: ReactNode;
+    readonly children: ReactNode;
     className?: string;
-    isKeptActive?: boolean;
-    expanded?: boolean;
-    asChild?: boolean;
+    readonly isKeptActive?: boolean;
+    readonly expanded?: boolean;
+    readonly asChild?: boolean;
 };
 export type RadioButtonGroupItemProps = AsChildProp & {
-    value: string;
-    children: ReactNode;
+    readonly value: string;
+    readonly children: ReactNode;
     className?: string;
     disabled?: boolean;
     onSelect?: (value: string) => void;

package/dist/RadioGroup.d.ts

@@ -2,33 +2,33 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 type RadioGroupVariant = 'default' | 'tiles' | 'unstyled';
 export type RadioGroupProps = Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'onChange' | 'disabled'> & {
-    readonly onValueChange: (selected: string) => void;
+    onValueChange: (selected: string) => void;
     readonly selected?: string;
     readonly name: string;
     readonly required?: boolean;
     readonly orientation?: 'horizontal' | 'vertical';
     readonly variant?: RadioGroupVariant;
-    readonly className?: string;
+    className?: string;
     readonly disabled?: boolean | readonly string[];
-    readonly itemClassName?: string;
+    itemClassName?: string;
 };
 export interface RadioGroupItemProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
-    readonly className?: string;
+    className?: string;
     readonly children?: ReactNode;
     readonly id?: string;
     readonly value: string;
     readonly description?: string | ReactNode;
 }
 declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "onChange" | "disabled"> & {
-    readonly onValueChange: (selected: string) => void;
+    onValueChange: (selected: string) => void;
     readonly selected?: string;
     readonly name: string;
     readonly required?: boolean;
     readonly orientation?: "horizontal" | "vertical";
     readonly variant?: RadioGroupVariant;
-    readonly className?: string;
+    className?: string;
     readonly disabled?: boolean | readonly string[];
-    readonly itemClassName?: string;
+    itemClassName?: string;
 } & import('react').RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: import('react').ForwardRefExoticComponent<RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
 declare const RadioGroupLabel: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Label/Label').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;