@incodetech/web 0.0.0-dev-20260317-ce5d28b → 0.0.0-dev-20260317-6ffceac

package/dist/{phoneInputComposed-D0oBe-el.js → phoneInputComposed-CwtJKvGh.js}

@@ -1,9 +1,10 @@
 import { u as n } from "./button-Ca1tRSTI.js";
 import { D as Y, d as S, A as k, T as D, y as q, q as y } from "./vendor-preact-BXf0bkEs.js";
 import { g as u, c as G } from "./countries-C9bhJe4u.js";
-import { D as J, I as K } from "./dropdownComposed-DBm7cotT.js";
-import { E as Q } from "./errorIcon-BL647nVh.js";
-import { S as X } from "./successIcon-BybULRRU.js";
+import { D as J } from "./dropdownComposed-B5ZuQS8C.js";
+import { E as K } from "./errorIcon-BL647nVh.js";
+import { S as Q } from "./successIcon-BybULRRU.js";
+import { I as X } from "./inputComposed-BHi-MSpP.js";
 import { A as E, p as W } from "./AsYouType-CpH-Rmtj.js";
 const Z = Y(
   ({
@@ -106,7 +107,7 @@ const Z = Y(
           },
           class: "IncodePhoneInputComposedDropdown",
           siblingElement: /* @__PURE__ */ n(
-            K,
+            X,
             {
               id: i,
               ref: F,
@@ -134,7 +135,7 @@ const Z = Y(
           class: "IncodePhoneInputComposedErrorWrapper",
           "data-testid": `${a}-error-wrapper`,
           children: [
-            j && /* @__PURE__ */ n("div", { class: "IncodePhoneInputComposedIconWrapper", children: /* @__PURE__ */ n(Q, { size: 16 }) }),
+            j && /* @__PURE__ */ n("div", { class: "IncodePhoneInputComposedIconWrapper", children: /* @__PURE__ */ n(K, { size: 16 }) }),
             /* @__PURE__ */ n("p", { id: v, class: "IncodePhoneInputComposedError", children: r })
           ]
         }
@@ -145,7 +146,7 @@ const Z = Y(
           class: "IncodePhoneInputComposedHelperWrapper",
           "data-testid": `${a}-helper-wrapper`,
           children: [
-            B && /* @__PURE__ */ n("div", { class: "IncodePhoneInputComposedIconWrapper", children: /* @__PURE__ */ n(X, { size: 16 }) }),
+            B && /* @__PURE__ */ n("div", { class: "IncodePhoneInputComposedIconWrapper", children: /* @__PURE__ */ n(Q, { size: 16 }) }),
             /* @__PURE__ */ n("p", { id: g, class: "IncodePhoneInputComposedHelper", children: h })
           ]
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260317-ce5d28b",
+  "version": "0.0.0-dev-20260317-6ffceac",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -119,7 +119,7 @@
     "preact-custom-element": "^4.6.0",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260317-ce5d28b"
+    "@incodetech/core": "0.0.0-dev-20260317-6ffceac"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/dropdownComposed-DBm7cotT.js

@@ -1,440 +0,0 @@
-import { u as e, d as A } from "./button-Ca1tRSTI.js";
-import { D as G, d as E, A as w, y as R } from "./vendor-preact-BXf0bkEs.js";
-import { C as ie } from "./closeIcon-BM7WLbKp.js";
-import { E as J } from "./errorIcon-BL647nVh.js";
-import { S as M } from "./successIcon-BybULRRU.js";
-import { C as pe } from "./chevronDown-BUaOuf9J.js";
-const ue = ({ size: r = 20 }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: r,
-    height: r,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    class: "IncodeSearchIcon",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ e("title", { children: "Search" }),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z",
-          stroke: "var(--icon-neutral-300)",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M19 19L14.65 14.65",
-          stroke: "var(--icon-neutral-300)",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }
-      )
-    ]
-  }
-), he = G((r, d) => {
-  const { class: h, type: I = "text", ...i } = r;
-  return /* @__PURE__ */ e(
-    "input",
-    {
-      ...i,
-      ref: d,
-      type: I,
-      class: A("IncodeInput", h)
-    }
-  );
-}), be = G(
-  ({
-    id: r,
-    label: d,
-    "aria-label": h,
-    type: I,
-    error: i,
-    showErrorIcon: F,
-    helper: p,
-    showHelperIcon: D,
-    closeButton: k,
-    required: y,
-    suppressMessages: m = !1,
-    class: f,
-    value: v,
-    ...C
-  }, $) => {
-    const S = `${r}-helper`, b = `${r}-error`, H = m ? "" : [p ? S : null, i ? b : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { class: A("IncodeInputComposed", f), children: [
-      d && /* @__PURE__ */ e(
-        "label",
-        {
-          class: "IncodeInputComposedLabel",
-          htmlFor: r,
-          "data-testid": `${r}-label`,
-          children: d
-        }
-      ),
-      /* @__PURE__ */ e("div", { class: "IncodeInputComposedWrapper", children: [
-        /* @__PURE__ */ e(
-          he,
-          {
-            id: r,
-            type: I,
-            ...C,
-            ref: $,
-            required: y,
-            "data-has-value": !!(v && String(v).length > 0),
-            ...!d && h ? { "aria-label": h } : {},
-            "aria-describedby": H || void 0,
-            "aria-required": y ? "true" : void 0,
-            "aria-invalid": i ? "true" : void 0,
-            value: v
-          }
-        ),
-        k?.show && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Clear",
-            class: "IncodeInputComposedClearButton",
-            onClick: k.onClose,
-            "data-testid": `${r}-clear`,
-            children: /* @__PURE__ */ e(ie, {})
-          }
-        )
-      ] }),
-      !m && i && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeInputComposedErrorWrapper",
-          "data-testid": `${r}-error-wrapper`,
-          children: [
-            F && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(J, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: b, class: "IncodeInputComposedError", children: i })
-          ]
-        }
-      ),
-      !m && p && !i && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeInputComposedHelperWrapper",
-          "data-testid": `${r}-helper-wrapper`,
-          children: [
-            D && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(M, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: S, class: "IncodeInputComposedHelper", children: p })
-          ]
-        }
-      )
-    ] });
-  }
-), ge = ({
-  id: r,
-  label: d,
-  placeholder: h = "Choose an option",
-  value: I,
-  options: i,
-  onChange: F,
-  error: p,
-  helper: D,
-  showErrorIcon: k,
-  showHelperIcon: y,
-  suppressMessages: m = !1,
-  disabled: f = !1,
-  required: v,
-  searchable: C = !1,
-  searchPlaceholder: $ = "Search...",
-  noResultsText: S = "No results found",
-  name: b,
-  tabIndex: H,
-  onKeyDown: X,
-  onBlur: Y,
-  renderSelectedLabel: N,
-  siblingElement: B,
-  enterKeyHint: fe,
-  class: ee,
-  "data-testid": oe
-}) => {
-  const [t, l] = E(!1), [re, q] = E(!1), [s, a] = E(-1), [K, Q] = E(""), U = w(null), T = w(null), V = w(null), L = w([]), O = w(null), z = w(""), g = w(), x = i.find((o) => o.value === I), c = C && K ? i.filter(
-    (o) => o.label.toLowerCase().includes(K.toLowerCase())
-  ) : i, j = `${r}-label`, Z = `${r}-listbox`, P = `${r}-helper`, _ = `${r}-error`, ne = m ? "" : [D ? P : null, p ? _ : null].filter(Boolean).join(" ");
-  R(() => {
-    if (!t) return;
-    const o = requestAnimationFrame(() => {
-      C && O.current && O.current.focus(), requestAnimationFrame(() => {
-        V.current?.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest",
-          inline: "nearest"
-        });
-      });
-    });
-    return () => cancelAnimationFrame(o);
-  }, [t, C]), R(() => {
-    t || (a(-1), Q(""));
-  }, [t]), R(() => {
-    s >= 0 && L.current[s] && L.current[s]?.scrollIntoView({
-      block: "nearest",
-      inline: "nearest"
-    });
-  }, [s]), R(() => () => {
-    g.current && clearTimeout(g.current);
-  }, []);
-  const te = () => {
-    f || l((o) => !o);
-  }, W = (o) => {
-    F(o), l(!1), a(-1), T.current?.focus();
-  }, ae = () => {
-    q(!0);
-  }, se = (o) => {
-    q(!1), U.current?.contains(o.relatedTarget) || (l(!1), Y?.());
-  }, ce = (o) => {
-    if (f) return;
-    X?.(o);
-    const { key: u } = o;
-    if (u.length === 1 && /^[a-zA-Z0-9]$/.test(u)) {
-      o.preventDefault(), g.current && clearTimeout(g.current), z.current += u.toLowerCase();
-      const n = c.findIndex(
-        (le) => le.label.toLowerCase().startsWith(z.current)
-      );
-      n !== -1 && (t || l(!0), a(n)), g.current = setTimeout(() => {
-        z.current = "";
-      }, 500);
-      return;
-    }
-    switch (u) {
-      case "ArrowDown":
-        o.preventDefault(), t ? a(
-          (n) => n < c.length - 1 ? n + 1 : n
-        ) : (l(!0), a(0));
-        break;
-      case "ArrowUp":
-        o.preventDefault(), t ? a((n) => n > 0 ? n - 1 : n) : (l(!0), a(c.length - 1));
-        break;
-      case "Home":
-        o.preventDefault(), t && a(0);
-        break;
-      case "End":
-        o.preventDefault(), t && a(c.length - 1);
-        break;
-      case "Enter":
-        o.preventDefault(), t && s >= 0 && c[s] ? W(c[s].value) : t || l(!0);
-        break;
-      case " ":
-        o.preventDefault(), t && s >= 0 && c[s] ? W(c[s].value) : t || (l(!0), a(0));
-        break;
-      case "Escape":
-        o.preventDefault(), t && (l(!1), a(-1), T.current?.focus());
-        break;
-      case "Tab":
-        t && (l(!1), a(-1));
-        break;
-    }
-  }, de = (o) => {
-    const { key: u } = o;
-    switch (u) {
-      case "ArrowDown":
-        o.preventDefault(), a(
-          (n) => n < c.length - 1 ? n + 1 : n
-        );
-        break;
-      case "ArrowUp":
-        o.preventDefault(), a((n) => n > 0 ? n - 1 : n);
-        break;
-      case "Home":
-        o.preventDefault(), a(0);
-        break;
-      case "End":
-        o.preventDefault(), a(c.length - 1);
-        break;
-      case "Enter":
-        o.preventDefault(), s >= 0 && c[s] && W(c[s].value);
-        break;
-      case "Escape":
-        o.preventDefault(), l(!1), a(-1), T.current?.focus();
-        break;
-      case "Tab":
-        l(!1), a(-1);
-        break;
-    }
-  };
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      class: A("IncodeDropdownComposed", ee),
-      ref: U,
-      onBlur: se,
-      children: [
-        b && /* @__PURE__ */ e(
-          "input",
-          {
-            type: "hidden",
-            name: b,
-            value: I || "",
-            disabled: f,
-            required: v
-          }
-        ),
-        d && /* @__PURE__ */ e(
-          "label",
-          {
-            class: "IncodeDropdownComposedLabel",
-            id: j,
-            htmlFor: r,
-            "data-testid": `${r}-label`,
-            children: [
-              d,
-              v && /* @__PURE__ */ e("span", { class: "IncodeDropdownComposedRequired", children: " *" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedWrapper", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              class: A("IncodeDropdownComposedTriggerRow", {
-                IncodeDropdownComposedTriggerRowWithSibling: !!B
-              }),
-              children: [
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    ref: T,
-                    type: "button",
-                    id: r,
-                    class: "IncodeDropdownComposedTrigger",
-                    onClick: te,
-                    onFocus: ae,
-                    onKeyDown: ce,
-                    tabIndex: f ? -1 : H ?? 0,
-                    disabled: f,
-                    "aria-haspopup": "listbox",
-                    "aria-expanded": t ? "true" : "false",
-                    "aria-disabled": f ? "true" : void 0,
-                    "aria-labelledby": d ? j : void 0,
-                    "aria-label": d ? void 0 : h,
-                    "aria-controls": t ? Z : void 0,
-                    "aria-activedescendant": t && s >= 0 ? `${r}-option-${s}` : void 0,
-                    "aria-invalid": p ? "true" : void 0,
-                    "aria-required": v ? "true" : void 0,
-                    "aria-describedby": ne || void 0,
-                    "data-error": p ? "true" : void 0,
-                    "data-focused": re || t ? "true" : void 0,
-                    "data-testid": oe,
-                    children: [
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          class: x ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
-                          children: x ? N ? N(x) : x.label : h
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          class: "IncodeDropdownComposedTriggerIcon",
-                          "aria-hidden": "true",
-                          "data-open": t,
-                          children: /* @__PURE__ */ e(pe, {})
-                        }
-                      )
-                    ]
-                  }
-                ),
-                B && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSibling", children: B })
-              ]
-            }
-          ),
-          t && /* @__PURE__ */ e(
-            "div",
-            {
-              ref: V,
-              id: Z,
-              class: "IncodeDropdownComposedList",
-              role: "listbox",
-              "aria-labelledby": d ? j : void 0,
-              "aria-label": d ? void 0 : h,
-              "data-error": p ? "true" : void 0,
-              children: [
-                C && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchInner", children: [
-                  /* @__PURE__ */ e(
-                    "input",
-                    {
-                      ref: O,
-                      type: "text",
-                      class: "IncodeDropdownComposedSearchInput",
-                      value: K,
-                      onInput: (o) => {
-                        Q(o.target.value), a(0);
-                      },
-                      onKeyDown: de,
-                      placeholder: $,
-                      "aria-label": $,
-                      autocomplete: "off"
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      class: "IncodeDropdownComposedSearchIcon",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ e(ue, { size: 20 })
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedOptionsScroll", children: c.length === 0 ? /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedNoResults", children: S }) : c.map((o, u) => /* @__PURE__ */ e(
-                  "div",
-                  {
-                    id: `${r}-option-${u}`,
-                    role: "option",
-                    "aria-selected": I === o.value ? "true" : "false",
-                    class: "IncodeDropdownComposedOption",
-                    "data-highlighted": s === u,
-                    ref: (n) => {
-                      L.current[u] = n;
-                    },
-                    onClick: () => W(o.value),
-                    onMouseDown: (n) => n.preventDefault(),
-                    onMouseEnter: () => a(u),
-                    children: o.label
-                  },
-                  o.value
-                )) })
-              ]
-            }
-          )
-        ] }),
-        !m && p && /* @__PURE__ */ e(
-          "div",
-          {
-            class: "IncodeDropdownComposedErrorWrapper",
-            "data-testid": `${r}-error-wrapper`,
-            children: [
-              k && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(J, { size: 17 }) }),
-              /* @__PURE__ */ e("p", { id: _, class: "IncodeDropdownComposedError", children: p })
-            ]
-          }
-        ),
-        !m && D && !p && /* @__PURE__ */ e(
-          "div",
-          {
-            class: "IncodeDropdownComposedHelperWrapper",
-            "data-testid": `${r}-helper-wrapper`,
-            children: [
-              y && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(M, { size: 17 }) }),
-              /* @__PURE__ */ e("p", { id: P, class: "IncodeDropdownComposedHelper", children: D })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  ge as D,
-  be as I,
-  ue as S,
-  he as a
-};

package/dist/otpInput-cazUY73p.js

@@ -1,151 +0,0 @@
-import { u as n, S as h, B as T } from "./button-Ca1tRSTI.js";
-import { d as $, A as K, y as I, k as R } from "./vendor-preact-BXf0bkEs.js";
-const c = 6, S = ({
-  resendTimer: g,
-  canResend: m,
-  error: i,
-  onSubmit: y,
-  onResend: D,
-  onBack: k,
-  backLinkText: w = "change phone number",
-  disabled: f = !1,
-  isLoading: l = !1
-}) => {
-  const [p, d] = $(Array(c).fill("")), a = K([]);
-  I(() => {
-    a.current[0]?.focus();
-  }, []), I(() => {
-    i && (d(Array(c).fill("")), setTimeout(() => {
-      a.current[0]?.focus();
-    }, 0));
-  }, [i]);
-  const A = (t, e) => {
-    let o = e.target.value.replace(/[^a-zA-Z0-9]/g, "").toUpperCase();
-    o.length > 1 && (o = o.charAt(0));
-    const r = [...p];
-    r[t] = o, d(r), o && t < c - 1 && a.current[t + 1]?.focus();
-  }, O = (t, e) => {
-    const s = e.target;
-    if (![
-      "Backspace",
-      "Delete",
-      "Tab",
-      "Escape",
-      "Enter",
-      "ArrowLeft",
-      "ArrowRight",
-      "ArrowUp",
-      "ArrowDown"
-    ].includes(e.key) && !/^[a-zA-Z0-9]$/.test(e.key) && !e.ctrlKey && !e.metaKey) {
-      e.preventDefault();
-      return;
-    }
-    if (e.key === "Backspace") {
-      if (!s.value && t > 0) {
-        a.current[t - 1]?.focus();
-        const r = [...p];
-        r[t - 1] = "", d(r);
-      }
-    } else e.key === "ArrowLeft" && t > 0 ? a.current[t - 1]?.focus() : e.key === "ArrowRight" && t < c - 1 && a.current[t + 1]?.focus();
-  }, b = (t, e) => {
-    e.preventDefault();
-    const o = (e.clipboardData?.getData("text") || "").replace(/[^a-zA-Z0-9]/g, "").toUpperCase().slice(0, c);
-    if (o) {
-      const r = [...p];
-      for (let u = 0; u < o.length && t + u < c; u++)
-        r[t + u] = o[u];
-      d(r);
-      const B = Math.min(t + o.length, c - 1);
-      a.current[B]?.focus();
-    }
-  }, v = (t) => {
-    t.target.select();
-  }, C = (t) => {
-    const e = Math.floor(t / 60), s = t % 60;
-    return `${e}:${s.toString().padStart(2, "0")}`;
-  };
-  return /* @__PURE__ */ n("div", { class: "IncodeOtpInput", children: [
-    /* @__PURE__ */ n("div", { class: "IncodeOtpInputContainer", children: [
-      /* @__PURE__ */ n(
-        "div",
-        {
-          class: `IncodeOtpInputBoxes ${i ? "IncodeOtpInputBoxesError" : ""}`,
-          children: p.map((t, e) => /* @__PURE__ */ n(
-            "input",
-            {
-              type: "text",
-              inputMode: "text",
-              maxLength: 1,
-              value: t,
-              onInput: (s) => A(e, s),
-              onKeyDown: (s) => O(e, s),
-              onPaste: (s) => b(e, s),
-              onFocus: v,
-              ref: (s) => {
-                a.current[e] = s;
-              },
-              class: "IncodeOtpInputBox",
-              autocomplete: "one-time-code",
-              "data-testid": `otp-input-${e}`,
-              "aria-label": `Character ${e + 1} of ${c}`,
-              disabled: f || l
-            },
-            e
-          ))
-        }
-      ),
-      i && /* @__PURE__ */ n(R, { children: [
-        /* @__PURE__ */ n(h, { size: 8 }),
-        /* @__PURE__ */ n("p", { class: "IncodeOtpInputError", "data-testid": "otp-error", children: i })
-      ] })
-    ] }),
-    /* @__PURE__ */ n(h, {}),
-    /* @__PURE__ */ n(
-      T,
-      {
-        onClick: () => {
-          const t = p.join("");
-          t.length === c && y(t);
-        },
-        disabled: p.join("").length < c,
-        isLoading: l,
-        "data-testid": "otp-submit",
-        children: "Continue"
-      }
-    ),
-    /* @__PURE__ */ n(h, { size: 16 }),
-    /* @__PURE__ */ n("div", { class: "IncodeOtpInputActions", children: m && !l ? /* @__PURE__ */ n("p", { class: "IncodeOtpInputResendText", "data-testid": "otp-resend-section", children: [
-      "Didn't get it?",
-      " ",
-      /* @__PURE__ */ n(
-        "button",
-        {
-          type: "button",
-          class: "IncodeOtpInputLink",
-          onClick: D,
-          disabled: f || l,
-          "data-testid": "otp-resend",
-          children: "Resend code"
-        }
-      ),
-      " or ",
-      /* @__PURE__ */ n(
-        "button",
-        {
-          type: "button",
-          class: "IncodeOtpInputLink",
-          onClick: k,
-          disabled: f || l,
-          "data-testid": "otp-back",
-          children: w
-        }
-      )
-    ] }) : l ? null : /* @__PURE__ */ n("p", { class: "IncodeOtpInputTimer", "data-testid": "otp-timer", children: [
-      "Resend code in ",
-      C(g)
-    ] }) })
-  ] });
-};
-export {
-  S as O
-};