@sheerid/jslib-nightly 2.232.0-alpha.2 → 2.233.0-alpha.1

package/chunk/{FormFieldText-CaWtYVur.js.map → FormFieldText-D5TNr9TU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormFieldText-CaWtYVur.js","sources":["../../src/components/FormFields/Country/countryUtils.ts","../../src/components/FormFields/FormFieldText/FormFieldText.tsx"],"sourcesContent":["import { getConfiguredCountries } from \"../../../lib/ProgramTheme/programThemeGetters\";\nimport { type Country, type ProgramTheme } from \"../../../lib/types/types\";\n\n/**\n * Returns true if there is a country picker on the form and the user has _not_ selected a country yet\n *\n * Returns false if there is only 1 country configured for the program (and thus no country picker on the form)\n *  _or_ if a user has selected a country\n */\nexport const isCountrySelectionNeeded = (\n  programTheme: ProgramTheme,\n  country: Country = undefined,\n) => (getConfiguredCountries(programTheme) || []).length >= 2 && !country;\n","import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { InputTextComponent, type InputTextProps } from \"../../FormInputs/InputText/InputText\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\n\n// Extend InputTextProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldTextComponentProps extends Omit<\n  InputTextProps,\n  \"onChange\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string; // Placeholder is required but hidden via CSS, so it can be easily shown with CSS only\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n}\n\n/**\n * Generic text field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\nexport const FormFieldText = ({\n  fieldId,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  required = true,\n  explanation = \"\",\n  ...inputTextProps\n}: FormFieldTextComponentProps) => {\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={required}\n      explanation={explanation}\n    >\n      <InputTextComponent\n        id={dashed(fieldId)} // InputTextComponent prefixes with 'sid-'\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={showPlaceholderAndHideLabel ? placeholder : \"\"}\n        hidePlaceholder={!showPlaceholderAndHideLabel}\n        refId={fieldId}\n        isErrored={!!errorMessage}\n        required={required}\n        aria-describedby={errorMessage ? errorHtmlId : undefined}\n        {...inputTextProps}\n      />\n    </FormFieldLayout>\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings in the calling component and pass them as props to this component.\nexport const FormFieldTextComponent = FormFieldText;\n"],"names":["isCountrySelectionNeeded","programTheme","country","getConfiguredCountries","FormFieldText","fieldId","value","onChange","placeholder","label","errorMessage","showPlaceholderAndHideLabel","required","explanation","inputTextProps","errorHtmlId","dashed","jsx","FormFieldLayout","InputTextComponent","e"],"mappings":";;;AASO,MAAMA,IAA2B,CACtCC,GACAC,IAAmB,YACfC,EAAuBF,CAAY,KAAK,CAAA,GAAI,UAAU,KAAK,CAACC,GCcrDE,IAAgB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,6BAAAC,IAA8B;AAAA,EAC9B,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAc,OAAOC,EAAOX,CAAO,CAAC;AAE1C,SACEY,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,OAAAI;AAAA,MACA,cAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,YAAYC;AAAA,MACZ,aAAAC;AAAA,MAEA,UAAAI,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIH,EAAOX,CAAO;AAAA,UAClB,OAAAC;AAAA,UACA,UAAU,CAACc,MAAMb,EAASa,EAAE,OAAO,KAAK;AAAA,UACxC,aAAaT,IAA8BH,IAAc;AAAA,UACzD,iBAAiB,CAACG;AAAA,UAClB,OAAON;AAAA,UACP,WAAW,CAAC,CAACK;AAAA,UACb,UAAAE;AAAA,UACA,oBAAkBF,IAAeK,IAAc;AAAA,UAC9C,GAAGD;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"FormFieldText-D5TNr9TU.js","sources":["../../src/components/FormFields/Country/countryUtils.ts","../../src/components/FormFields/FormFieldText/FormFieldText.tsx"],"sourcesContent":["import { getConfiguredCountries } from \"../../../lib/ProgramTheme/programThemeGetters\";\nimport { type Country, type ProgramTheme } from \"../../../lib/types/types\";\n\n/**\n * Returns true if there is a country picker on the form and the user has _not_ selected a country yet\n *\n * Returns false if there is only 1 country configured for the program (and thus no country picker on the form)\n *  _or_ if a user has selected a country\n */\nexport const isCountrySelectionNeeded = (\n  programTheme: ProgramTheme,\n  country: Country = undefined,\n) => (getConfiguredCountries(programTheme) || []).length >= 2 && !country;\n","import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { InputTextComponent, type InputTextProps } from \"../../FormInputs/InputText/InputText\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\n\n// Extend InputTextProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldTextComponentProps extends Omit<\n  InputTextProps,\n  \"onChange\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string; // Placeholder is required but hidden via CSS, so it can be easily shown with CSS only\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n}\n\n/**\n * Generic text field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\nexport const FormFieldText = ({\n  fieldId,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  required = true,\n  explanation = \"\",\n  ...inputTextProps\n}: FormFieldTextComponentProps) => {\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={required}\n      explanation={explanation}\n    >\n      <InputTextComponent\n        id={dashed(fieldId)} // InputTextComponent prefixes with 'sid-'\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={showPlaceholderAndHideLabel ? placeholder : \"\"}\n        hidePlaceholder={!showPlaceholderAndHideLabel}\n        refId={fieldId}\n        isErrored={!!errorMessage}\n        required={required}\n        aria-describedby={errorMessage ? errorHtmlId : undefined}\n        {...inputTextProps}\n      />\n    </FormFieldLayout>\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings in the calling component and pass them as props to this component.\nexport const FormFieldTextComponent = FormFieldText;\n"],"names":["isCountrySelectionNeeded","programTheme","country","getConfiguredCountries","FormFieldText","fieldId","value","onChange","placeholder","label","errorMessage","showPlaceholderAndHideLabel","required","explanation","inputTextProps","errorHtmlId","dashed","jsx","FormFieldLayout","InputTextComponent","e"],"mappings":";;;AASO,MAAMA,IAA2B,CACtCC,GACAC,IAAmB,YACfC,EAAuBF,CAAY,KAAK,CAAA,GAAI,UAAU,KAAK,CAACC,GCcrDE,IAAgB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,6BAAAC,IAA8B;AAAA,EAC9B,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAc,OAAOC,EAAOX,CAAO,CAAC;AAE1C,SACEY,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,OAAAI;AAAA,MACA,cAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,YAAYC;AAAA,MACZ,aAAAC;AAAA,MAEA,UAAAI,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIH,EAAOX,CAAO;AAAA,UAClB,OAAAC;AAAA,UACA,UAAU,CAACc,MAAMb,EAASa,EAAE,OAAO,KAAK;AAAA,UACxC,aAAaT,IAA8BH,IAAc;AAAA,UACzD,iBAAiB,CAACG;AAAA,UAClB,OAAON;AAAA,UACP,WAAW,CAAC,CAACK;AAAA,UACb,UAAAE;AAAA,UACA,oBAAkBF,IAAeK,IAAc;AAAA,UAC9C,GAAGD;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

package/chunk/{FormFieldTypeahead-CyKKVK89.js → FormFieldTypeahead-8mywdHOl.js}

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.232.0-alpha.2
- *   BUILD_TIMESTAMP: 1779218546706
- *   BUILD_DATE: Tue May 19 2026 19:22:26 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: e2c23e54ba6fc3b35cb24b5b0cb59bd07dbdc3a1
+ *   VERSION: 2.233.0-alpha.1
+ *   BUILD_TIMESTAMP: 1779231359982
+ *   BUILD_DATE: Tue May 19 2026 22:55:59 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 5a2425d625d875ef656bb4cf2539177a8f02c67d
  */
-import { b as s, j as r, aB as xe, R as ee, aC as ne, aD as Te, aE as De, aF as oe, aG as S, aH as Ze, aI as Ae, aJ as Vt, aK as Ht, aL as ke, aM as Je, aN as Wt, aO as qt, aP as Yt, aQ as Xt, aR as Qt, aS as Zt, aT as Jt, aU as en, aV as et, a4 as ae, ak as tt, C as tn, E as ue, r as le, l as Z, aW as nn, G as on, F as te, aX as rn, aY as He, H as sn, i as nt, aZ as an, N as Q, s as cn, a_ as Oe, d as ye, h as be, e as un } from "../_mysheerid-preview.js";
+import { r as s, j as r, aC as xe, R as ee, aD as ne, aE as Te, aF as De, aG as oe, aH as S, aI as Ze, aJ as Ae, aK as Vt, aL as Ht, aM as ke, aN as Je, aO as Wt, aP as qt, aQ as Yt, aR as Xt, aS as Qt, aT as Zt, aU as Jt, aV as en, aW as et, a5 as ae, al as tt, D as tn, E as ue, t as le, l as Z, aX as nn, H as on, F as te, aY as rn, aZ as He, I as sn, i as nt, a_ as an, O as Q, s as cn, a$ as Oe, d as ye, e as be, b as un } from "../_mysheerid-preview.js";
 import { F as ln, g as dn } from "./FormFieldLayout-DDEEmlGC.js";
-import { u as Ne } from "./downshift.esm-CtrbqQGL.js";
-import { u as ot, M as X } from "./useMetrics-D2fG6cgw.js";
-import { i as fn } from "./FormFieldText-CJ-GVpZE.js";
+import { u as Ne } from "./downshift.esm-DdJojPIu.js";
+import { u as ot, M as X } from "./useMetrics-CUyKTp9h.js";
+import { i as fn } from "./FormFieldText-D5TNr9TU.js";
 const rt = s.createContext({
   showOverlay: !1,
   setShowOverlay: () => {
@@ -86,8 +86,8 @@ const hn = ({ children: e }) => {
       if (u.key !== "Tab") return;
       const d = c.current;
       if (!d) return;
-      const g = d.querySelectorAll(gn), R = g[0], w = g[g.length - 1];
-      u.shiftKey && document.activeElement === R ? (u.preventDefault(), w?.focus()) : !u.shiftKey && document.activeElement === w && (u.preventDefault(), R?.focus());
+      const g = d.querySelectorAll(gn), C = g[0], w = g[g.length - 1];
+      u.shiftKey && document.activeElement === C ? (u.preventDefault(), w?.focus()) : !u.shiftKey && document.activeElement === w && (u.preventDefault(), C?.focus());
     };
     return document.addEventListener("keydown", f, !0), () => document.removeEventListener("keydown", f, !0);
   }, [i]), t ? /* @__PURE__ */ r.jsx(rt.Provider, { value: { showOverlay: i, setShowOverlay: p }, children: /* @__PURE__ */ r.jsx(hn, { children: /* @__PURE__ */ r.jsx("div", { className: i && "sid-search-overlay__overlay", children: /* @__PURE__ */ r.jsxs("div", { className: i && "sid-search-overlay__container", ref: c, children: [
@@ -133,10 +133,10 @@ function xn(e, t, n, o) {
   return _n * p;
 }
 const Mn = ["en-us", "en-gb"];
-function Cn(e) {
+function Rn(e) {
   return Mn.includes(e.toLowerCase()) ? "miles" : "kilometers";
 }
-function Rn(e, t) {
+function Cn(e, t) {
   const n = t === "miles" ? "mi" : "km", o = t === "miles" ? e * 0.621371 : e, a = Math.round(o * 10) / 10;
   return a >= 10 ? `${Math.round(o)} ${n}` : `${a} ${n}`;
 }
@@ -151,20 +151,20 @@ function at(e) {
   i.displayName = t;
   const l = e + "CollectionSlot", p = Te(l), f = ee.forwardRef(
     (v, m) => {
-      const { scope: _, children: y } = v, x = c(l, _), C = ne(m, x.collectionRef);
-      return /* @__PURE__ */ r.jsx(p, { ref: C, children: y });
+      const { scope: _, children: y } = v, x = c(l, _), R = ne(m, x.collectionRef);
+      return /* @__PURE__ */ r.jsx(p, { ref: R, children: y });
     }
   );
   f.displayName = l;
-  const u = e + "CollectionItemSlot", d = "data-radix-collection-item", g = Te(u), R = ee.forwardRef(
+  const u = e + "CollectionItemSlot", d = "data-radix-collection-item", g = Te(u), C = ee.forwardRef(
     (v, m) => {
-      const { scope: _, children: y, ...x } = v, C = ee.useRef(null), T = ne(m, C), j = c(u, _);
-      return ee.useEffect(() => (j.itemMap.set(C, { ref: C, ...x }), () => {
-        j.itemMap.delete(C);
+      const { scope: _, children: y, ...x } = v, R = ee.useRef(null), T = ne(m, R), j = c(u, _);
+      return ee.useEffect(() => (j.itemMap.set(R, { ref: R, ...x }), () => {
+        j.itemMap.delete(R);
       })), /* @__PURE__ */ r.jsx(g, { [d]: "", ref: T, children: y });
     }
   );
-  R.displayName = u;
+  C.displayName = u;
   function w(v) {
     const m = c(e + "CollectionConsumer", v);
     return ee.useCallback(() => {
@@ -177,7 +177,7 @@ function at(e) {
     }, [m.collectionRef, m.itemMap]);
   }
   return [
-    { Provider: i, Slot: f, ItemSlot: R },
+    { Provider: i, Slot: f, ItemSlot: C },
     w,
     o
   ];
@@ -206,12 +206,12 @@ var Dn = s.forwardRef((e, t) => {
     onEntryFocus: f,
     preventScrollOnEntryFocus: u = !1,
     ...d
-  } = e, g = s.useRef(null), R = ne(t, g), w = ct(c), [v, m] = Ze({
+  } = e, g = s.useRef(null), C = ne(t, g), w = ct(c), [v, m] = Ze({
     prop: i,
     defaultProp: l ?? null,
     onChange: p,
     caller: pe
-  }), [_, y] = s.useState(!1), x = Ae(f), C = it(n), T = s.useRef(!1), [j, E] = s.useState(0);
+  }), [_, y] = s.useState(!1), x = Ae(f), R = it(n), T = s.useRef(!1), [j, E] = s.useState(0);
   return s.useEffect(() => {
     const b = g.current;
     if (b)
@@ -243,7 +243,7 @@ var Dn = s.forwardRef((e, t) => {
           tabIndex: _ || j === 0 ? -1 : 0,
           "data-orientation": o,
           ...d,
-          ref: R,
+          ref: C,
           style: { outline: "none", ...e.style },
           onMouseDown: S(e.onMouseDown, () => {
             T.current = !0;
@@ -253,7 +253,7 @@ var Dn = s.forwardRef((e, t) => {
             if (b.target === b.currentTarget && L && !_) {
               const I = new CustomEvent(Ee, yn);
               if (b.currentTarget.dispatchEvent(I), !I.defaultPrevented) {
-                const V = C().filter((D) => D.focusable), O = V.find((D) => D.active), q = V.find((D) => D.id === v), U = [O, q, ...V].filter(
+                const V = R().filter((D) => D.focusable), O = V.find((D) => D.active), q = V.find((D) => D.id === v), U = [O, q, ...V].filter(
                   Boolean
                 ).map((D) => D.ref.current);
                 pt(U, u);
@@ -275,11 +275,11 @@ var Dn = s.forwardRef((e, t) => {
       tabStopId: c,
       children: i,
       ...l
-    } = e, p = De(), f = c || p, u = Tn(dt, n), d = u.currentTabStopId === f, g = it(n), { onFocusableItemAdd: R, onFocusableItemRemove: w, currentTabStopId: v } = u;
+    } = e, p = De(), f = c || p, u = Tn(dt, n), d = u.currentTabStopId === f, g = it(n), { onFocusableItemAdd: C, onFocusableItemRemove: w, currentTabStopId: v } = u;
     return s.useEffect(() => {
       if (o)
-        return R(), () => w();
-    }, [o, R, w]), /* @__PURE__ */ r.jsx(
+        return C(), () => w();
+    }, [o, C, w]), /* @__PURE__ */ r.jsx(
       je.ItemSlot,
       {
         scope: n,
@@ -307,12 +307,12 @@ var Dn = s.forwardRef((e, t) => {
               if (_ !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
-                let x = g().filter((C) => C.focusable).map((C) => C.ref.current);
+                let x = g().filter((R) => R.focusable).map((R) => R.ref.current);
                 if (_ === "last") x.reverse();
                 else if (_ === "prev" || _ === "next") {
                   _ === "prev" && x.reverse();
-                  const C = x.indexOf(m.currentTarget);
-                  x = u.loop ? Pn(x, C + 1) : x.slice(C + 1);
+                  const R = x.indexOf(m.currentTarget);
+                  x = u.loop ? Pn(x, R + 1) : x.slice(R + 1);
                 }
                 setTimeout(() => pt(x));
               }
@@ -364,11 +364,11 @@ var An = lt, kn = ft, Pe = ["Enter", " "], Ln = ["ArrowDown", "PageUp", "Home"],
 ]), Me = Je(), gt = ut(), [$n, ce] = se(me), [zn, he] = se(me), vt = (e) => {
   const { __scopeMenu: t, open: n = !1, children: o, dir: a, onOpenChange: c, modal: i = !0 } = e, l = Me(t), [p, f] = s.useState(null), u = s.useRef(!1), d = Ae(c), g = ct(a);
   return s.useEffect(() => {
-    const R = () => {
+    const C = () => {
       u.current = !0, document.addEventListener("pointerdown", w, { capture: !0, once: !0 }), document.addEventListener("pointermove", w, { capture: !0, once: !0 });
     }, w = () => u.current = !1;
-    return document.addEventListener("keydown", R, { capture: !0 }), () => {
-      document.removeEventListener("keydown", R, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
+    return document.addEventListener("keydown", C, { capture: !0 }), () => {
+      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
     };
   }, []), /* @__PURE__ */ r.jsx(Vt, { ...l, children: /* @__PURE__ */ r.jsx(
     $n,
@@ -400,7 +400,7 @@ var Vn = "MenuAnchor", Fe = s.forwardRef(
   }
 );
 Fe.displayName = Vn;
-var Hn = "MenuPortal", [Rr, wt] = se(Hn, {
+var Hn = "MenuPortal", [Cr, wt] = se(Hn, {
   forceMount: void 0
 }), z = "MenuContent", [Wn, Ge] = se(z), _t = s.forwardRef(
   (e, t) => {
@@ -457,11 +457,11 @@ var Hn = "MenuPortal", [Rr, wt] = se(Hn, {
       onPointerDownOutside: u,
       onFocusOutside: d,
       onInteractOutside: g,
-      onDismiss: R,
+      onDismiss: C,
       disableOutsideScroll: w,
       ...v
-    } = e, m = ce(z, n), _ = he(z, n), y = Me(n), x = gt(n), C = Un(n), [T, j] = s.useState(null), E = s.useRef(null), b = ne(t, E, m.onContentChange), L = s.useRef(0), I = s.useRef(""), V = s.useRef(0), O = s.useRef(null), q = s.useRef("right"), F = s.useRef(0), U = w ? Xt : s.Fragment, D = w ? { as: Xn, allowPinchZoom: !0 } : void 0, K = (h) => {
-      const G = I.current + h, k = C().filter((P) => !P.disabled), A = document.activeElement, H = k.find((P) => P.ref.current === A)?.textValue, $ = k.map((P) => P.textValue), Y = io($, G, H), W = k.find((P) => P.textValue === Y)?.ref.current;
+    } = e, m = ce(z, n), _ = he(z, n), y = Me(n), x = gt(n), R = Un(n), [T, j] = s.useState(null), E = s.useRef(null), b = ne(t, E, m.onContentChange), L = s.useRef(0), I = s.useRef(""), V = s.useRef(0), O = s.useRef(null), q = s.useRef("right"), F = s.useRef(0), U = w ? Xt : s.Fragment, D = w ? { as: Xn, allowPinchZoom: !0 } : void 0, K = (h) => {
+      const G = I.current + h, k = R().filter((P) => !P.disabled), A = document.activeElement, H = k.find((P) => P.ref.current === A)?.textValue, $ = k.map((P) => P.textValue), Y = io($, G, H), W = k.find((P) => P.textValue === Y)?.ref.current;
       (function P(ge) {
         I.current = ge, window.clearTimeout(L.current), ge !== "" && (L.current = window.setTimeout(() => P(""), 1e3));
       })(G), W && setTimeout(() => W.focus());
@@ -513,7 +513,7 @@ var Hn = "MenuPortal", [Rr, wt] = se(Hn, {
                 onPointerDownOutside: u,
                 onFocusOutside: d,
                 onInteractOutside: g,
-                onDismiss: R,
+                onDismiss: C,
                 children: /* @__PURE__ */ r.jsx(
                   An,
                   {
@@ -546,7 +546,7 @@ var Hn = "MenuPortal", [Rr, wt] = se(Hn, {
                           const $ = E.current;
                           if (h.target !== $ || !Fn.includes(h.key)) return;
                           h.preventDefault();
-                          const W = C().filter((P) => !P.disabled).map((P) => P.ref.current);
+                          const W = R().filter((P) => !P.disabled).map((P) => P.ref.current);
                           mt.includes(h.key) && W.reverse(), ao(W);
                         }),
                         onBlur: S(e.onBlur, (h) => {
@@ -589,13 +589,13 @@ var Zn = "MenuLabel", xt = s.forwardRef(
   }
 );
 xt.displayName = Zn;
-var we = "MenuItem", We = "menu.itemSelect", Ce = s.forwardRef(
+var we = "MenuItem", We = "menu.itemSelect", Re = s.forwardRef(
   (e, t) => {
     const { disabled: n = !1, onSelect: o, ...a } = e, c = s.useRef(null), i = he(we, e.__scopeMenu), l = Ge(we, e.__scopeMenu), p = ne(t, c), f = s.useRef(!1), u = () => {
       const d = c.current;
       if (!n && d) {
         const g = new CustomEvent(We, { bubbles: !0, cancelable: !0 });
-        d.addEventListener(We, (R) => o?.(R), { once: !0 }), qt(d, g), g.defaultPrevented ? f.current = !1 : i.onClose();
+        d.addEventListener(We, (C) => o?.(C), { once: !0 }), qt(d, g), g.defaultPrevented ? f.current = !1 : i.onClose();
       }
     };
     return /* @__PURE__ */ r.jsx(
@@ -619,13 +619,13 @@ var we = "MenuItem", We = "menu.itemSelect", Ce = s.forwardRef(
     );
   }
 );
-Ce.displayName = we;
+Re.displayName = we;
 var Mt = s.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: o = !1, textValue: a, ...c } = e, i = Ge(we, n), l = gt(n), p = s.useRef(null), f = ne(t, p), [u, d] = s.useState(!1), [g, R] = s.useState("");
+    const { __scopeMenu: n, disabled: o = !1, textValue: a, ...c } = e, i = Ge(we, n), l = gt(n), p = s.useRef(null), f = ne(t, p), [u, d] = s.useState(!1), [g, C] = s.useState("");
     return s.useEffect(() => {
       const w = p.current;
-      w && R((w.textContent ?? "").trim());
+      w && C((w.textContent ?? "").trim());
     }, [c.children]), /* @__PURE__ */ r.jsx(
       de.ItemSlot,
       {
@@ -658,11 +658,11 @@ var Mt = s.forwardRef(
       }
     );
   }
-), Jn = "MenuCheckboxItem", Ct = s.forwardRef(
+), Jn = "MenuCheckboxItem", Rt = s.forwardRef(
   (e, t) => {
     const { checked: n = !1, onCheckedChange: o, ...a } = e;
     return /* @__PURE__ */ r.jsx(Et, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ r.jsx(
-      Ce,
+      Re,
       {
         role: "menuitemcheckbox",
         "aria-checked": _e(n) ? "mixed" : n,
@@ -678,9 +678,9 @@ var Mt = s.forwardRef(
     ) });
   }
 );
-Ct.displayName = Jn;
-var Rt = "MenuRadioGroup", [eo, to] = se(
-  Rt,
+Rt.displayName = Jn;
+var Ct = "MenuRadioGroup", [eo, to] = se(
+  Ct,
   { value: void 0, onValueChange: () => {
   } }
 ), St = s.forwardRef(
@@ -689,12 +689,12 @@ var Rt = "MenuRadioGroup", [eo, to] = se(
     return /* @__PURE__ */ r.jsx(eo, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ r.jsx(Ue, { ...a, ref: t }) });
   }
 );
-St.displayName = Rt;
+St.displayName = Ct;
 var yt = "MenuRadioItem", bt = s.forwardRef(
   (e, t) => {
     const { value: n, ...o } = e, a = to(yt, e.__scopeMenu), c = n === a.value;
     return /* @__PURE__ */ r.jsx(Et, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ r.jsx(
-      Ce,
+      Re,
       {
         role: "menuitemradio",
         "aria-checked": c,
@@ -793,7 +793,7 @@ var so = "MenuSub", [Sr, Ot] = se(so), ie = "MenuSubTrigger", Nt = s.forwardRef(
             u();
             const g = n.content?.getBoundingClientRect();
             if (g) {
-              const R = n.content?.dataset.side, w = R === "right", v = w ? -5 : 5, m = g[w ? "left" : "right"], _ = g[w ? "right" : "left"];
+              const C = n.content?.dataset.side, w = C === "right", v = w ? -5 : 5, m = g[w ? "left" : "right"], _ = g[w ? "right" : "left"];
               c.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
@@ -804,7 +804,7 @@ var so = "MenuSub", [Sr, Ot] = se(so), ie = "MenuSubTrigger", Nt = s.forwardRef(
                   { x: _, y: g.bottom },
                   { x: m, y: g.bottom }
                 ],
-                side: R
+                side: C
               }), window.clearTimeout(l.current), l.current = window.setTimeout(
                 () => c.onPointerGraceIntentChange(null),
                 300
@@ -901,10 +901,10 @@ function lo(e, t) {
 function fe(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var fo = vt, po = Fe, mo = _t, ho = Ue, go = xt, vo = Ce, wo = Ct, _o = St, xo = bt, Mo = It, Co = Tt, Ro = Dt, So = Nt, yo = Pt, Re = "DropdownMenu", [bo] = xe(
-  Re,
+var fo = vt, po = Fe, mo = _t, ho = Ue, go = xt, vo = Re, wo = Rt, _o = St, xo = bt, Mo = It, Ro = Tt, Co = Dt, So = Nt, yo = Pt, Ce = "DropdownMenu", [bo] = xe(
+  Ce,
   [ht]
-), B = ht(), [Eo, kt] = bo(Re), Lt = (e) => {
+), B = ht(), [Eo, kt] = bo(Ce), Lt = (e) => {
   const {
     __scopeDropdownMenu: t,
     children: n,
@@ -917,7 +917,7 @@ var fo = vt, po = Fe, mo = _t, ho = Ue, go = xt, vo = Ce, wo = Ct, _o = St, xo =
     prop: a,
     defaultProp: c ?? !1,
     onChange: i,
-    caller: Re
+    caller: Ce
   });
   return /* @__PURE__ */ r.jsx(
     Eo,
@@ -934,7 +934,7 @@ var fo = vt, po = Fe, mo = _t, ho = Ue, go = xt, vo = Ce, wo = Ct, _o = St, xo =
     }
   );
 };
-Lt.displayName = Re;
+Lt.displayName = Ce;
 var Ft = "DropdownMenuTrigger", Gt = s.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, disabled: o = !1, ...a } = e, c = kt(Ft, n), i = B(n);
@@ -1036,13 +1036,13 @@ var Go = "DropdownMenuItemIndicator", Bo = s.forwardRef((e, t) => {
 Bo.displayName = Go;
 var Uo = "DropdownMenuSeparator", Ko = s.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...o } = e, a = B(n);
-  return /* @__PURE__ */ r.jsx(Co, { ...a, ...o, ref: t });
+  return /* @__PURE__ */ r.jsx(Ro, { ...a, ...o, ref: t });
 });
 Ko.displayName = Uo;
 var $o = "DropdownMenuArrow", zo = s.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...o } = e, a = B(n);
-    return /* @__PURE__ */ r.jsx(Ro, { ...a, ...o, ref: t });
+    return /* @__PURE__ */ r.jsx(Co, { ...a, ...o, ref: t });
   }
 );
 zo.displayName = $o;
@@ -1190,7 +1190,7 @@ const or = 42, rr = 26, sr = ({
   children: a,
   maxItemsToDisplay: c = rr
 }) => {
-  const i = s.Children.count(a), l = (n.length + i) * or, p = {}, f = ae("org-search-overlay") === "overlay", u = Le(), d = tt(), g = s.useMemo(() => Cn(d), [d]), R = (v) => {
+  const i = s.Children.count(a), l = (n.length + i) * or, p = {}, f = ae("org-search-overlay") === "overlay", u = Le(), d = tt(), g = s.useMemo(() => Rn(d), [d]), C = (v) => {
     if (!u?.userLocation || v.latitude == null || v.longitude == null) return null;
     const m = xn(
       u.userLocation.latitude,
@@ -1198,14 +1198,14 @@ const or = 42, rr = 26, sr = ({
       v.latitude,
       v.longitude
     );
-    return Rn(m, g);
+    return Cn(m, g);
   };
   s.useEffect(() => {
     const v = document.getElementsByClassName("sid-organization-list__item--highlighted").item(0);
     v && ("scrollIntoViewIfNeeded" in v && typeof v.scrollIntoViewIfNeeded == "function" ? v.scrollIntoViewIfNeeded(!0) : v.scrollIntoView({ behavior: "instant", block: "center" }));
   }, [t]);
   const w = (v, m) => {
-    const _ = [v.city, v.state].filter(Boolean).join(", "), y = R(v);
+    const _ = [v.city, v.state].filter(Boolean).join(", "), y = C(v);
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
@@ -1354,11 +1354,11 @@ const or = 42, rr = 26, sr = ({
   openOrgSearchEnabled: u,
   onClickAddSchool: d,
   onTipsShown: g,
-  searchUrlParams: R,
+  searchUrlParams: C,
   searchValue: w
 }) => {
-  const [v, m] = s.useState(!1), [_, y] = s.useState(null), [x, C] = s.useState(null), T = s.useRef(!1), j = s.useRef(null), E = Le(), b = s.useRef({ orgSearchUrl: l, searchValue: w, searchUrlParams: R, onLoaded: c });
-  b.current = { orgSearchUrl: l, searchValue: w, searchUrlParams: R, onLoaded: c };
+  const [v, m] = s.useState(!1), [_, y] = s.useState(null), [x, R] = s.useState(null), T = s.useRef(!1), j = s.useRef(null), E = Le(), b = s.useRef({ orgSearchUrl: l, searchValue: w, searchUrlParams: C, onLoaded: c });
+  b.current = { orgSearchUrl: l, searchValue: w, searchUrlParams: C, onLoaded: c };
   const L = s.useRef(E);
   L.current = E;
   const I = w || Qe(l) || "", V = s.useCallback(async () => {
@@ -1401,7 +1401,7 @@ const or = 42, rr = 26, sr = ({
     T.current = !1, O.current && O.current.clear();
   }), []), s.useEffect(() => {
     const K = j.current;
-    K !== I && (I.length >= a ? (C(null), m(!0), y(null), O.current && O.current()) : (C(null), m(!1), y(null), K !== null ? Z.info(
+    K !== I && (I.length >= a ? (R(null), m(!0), y(null), O.current && O.current()) : (R(null), m(!1), y(null), K !== null ? Z.info(
       `No organizations fetched. Search searchTterm "${I}" is less than ${a} characters.`
     ) : I.length > 0 && Z.info(
       `No organizations fetched. Search searchTerm "${I}" is less than ${a} characters.`
@@ -1409,7 +1409,7 @@ const or = 42, rr = 26, sr = ({
   }, [I, a]);
   const q = E?.sortMode, F = E?.userLocation?.latitude, U = E?.userLocation?.longitude;
   s.useEffect(() => {
-    I.length >= a && (C(null), m(!0), y(null), O.current?.());
+    I.length >= a && (R(null), m(!0), y(null), O.current?.());
   }, [q, F, U, I, a]);
   const D = ir(_);
   return v ? /* @__PURE__ */ r.jsx("div", { className: "sid-organization-list__menu", children: /* @__PURE__ */ r.jsx("div", { className: "sid-organization-list__message sid-organization-list__spinner-container", children: /* @__PURE__ */ r.jsx("div", { id: "sid-spinner-container", children: /* @__PURE__ */ r.jsx(on, {}) }) }) }) : x ? /* @__PURE__ */ r.jsx("div", { className: "sid-organization-list__menu", children: /* @__PURE__ */ r.jsx("div", { className: "sid-organization-list__message", children: /* @__PURE__ */ r.jsx(
@@ -1503,7 +1503,7 @@ const or = 42, rr = 26, sr = ({
   orgSearchUrl: u,
   isRequired: d,
   locale: g,
-  urlAddSchoolForm: R,
+  urlAddSchoolForm: C,
   isErrored: w,
   ariaDescribedBy: v,
   autoFocus: m = !1,
@@ -1511,7 +1511,7 @@ const or = 42, rr = 26, sr = ({
   },
   intl: y
 }) => {
-  const [x, C] = s.useState(l ? l.name : ""), [T, j] = s.useState([]), E = s.useRef(0), b = s.useRef(0), L = s.useRef(!1), I = s.useRef(!1), [V, O] = s.useState(!1), [q, F] = s.useState(!1), { recordNumericMetric: U, trackEvent: D } = ot({ programId: t }), K = ae("org-search-overlay") === "overlay", { showOverlay: N, setShowOverlay: h } = pn();
+  const [x, R] = s.useState(l ? l.name : ""), [T, j] = s.useState([]), E = s.useRef(0), b = s.useRef(0), L = s.useRef(!1), I = s.useRef(!1), [V, O] = s.useState(!1), [q, F] = s.useState(!1), { recordNumericMetric: U, trackEvent: D } = ot({ programId: t }), K = ae("org-search-overlay") === "overlay", { showOverlay: N, setShowOverlay: h } = pn();
   an(e);
   const G = (M) => M ? M.name : "", { isOpen: k, highlightedIndex: A, getMenuProps: H, getItemProps: $, getInputProps: Y } = Ne({
     itemToString: G,
@@ -1525,13 +1525,13 @@ const or = 42, rr = 26, sr = ({
     selectedItem: l,
     onSelectedItemChange: ({ selectedItem: M }) => {
       if (!M) {
-        C(""), h(!1), e({
+        R(""), h(!1), e({
           id: 0,
           name: ""
         });
         return;
       }
-      C(G(M));
+      R(G(M));
       const J = T.findIndex((re) => re.id === M.id) + 1, ve = Date.now() - b.current;
       try {
         const re = {
@@ -1583,7 +1583,7 @@ const or = 42, rr = 26, sr = ({
     } catch (ve) {
       Z.error(ve);
     }
-    C(J), e({
+    R(J), e({
       id: 0,
       name: J
     });
@@ -1596,7 +1596,7 @@ const or = 42, rr = 26, sr = ({
   }, ze = (M) => {
     M.relatedTarget?.id !== `${p}-clear-button` && (O(!1), _());
   }, Ve = (M) => {
-    (M.type === "mousedown" || "key" in M && M.key === "Enter") && (C(""), e({
+    (M.type === "mousedown" || "key" in M && M.key === "Enter") && (R(""), e({
       id: void 0,
       name: ""
     }), Se.current.focus());
@@ -1680,7 +1680,7 @@ const or = 42, rr = 26, sr = ({
         programId: t,
         orgSearchUrl: u,
         locale: g,
-        urlAddSchoolForm: R,
+        urlAddSchoolForm: C,
         onClickAddSchool: W,
         onTipsShown: P,
         openOrgSearchEnabled: f,
@@ -1702,11 +1702,11 @@ const or = 42, rr = 26, sr = ({
   isRequired: u = !0,
   explanation: d = "",
   orgSearchUrl: g,
-  urlAddSchoolForm: R,
+  urlAddSchoolForm: C,
   disabled: w = !1,
   intl: v
 }) => {
-  const m = `sid-${ye(e)}`, _ = `sid-${ye(e)}-error`, y = `sid-${ye(e)}-warning`, { programId: x, programTheme: C, verificationResponse: T, viewModel: j } = n, E = be(() => j.countryChoice.value), b = fn(C, E), L = tt(j, T), [I, V] = s.useState(!1), O = ae("org-search-overlay") === "overlay", q = O || ae("org-selected-display") === "box-display", F = ae("hc-open-org-warning") === "warning-orange", U = ae("hc-open-org-warning") === "warning-gray", D = F || U, [K, N] = s.useState(!1), h = be(() => C.openOrgSearchEnabled), G = () => {
+  const m = `sid-${ye(e)}`, _ = `sid-${ye(e)}-error`, y = `sid-${ye(e)}-warning`, { programId: x, programTheme: R, verificationResponse: T, viewModel: j } = n, E = be(() => j.countryChoice.value), b = fn(R, E), L = tt(j, T), [I, V] = s.useState(!1), O = ae("org-search-overlay") === "overlay", q = O || ae("org-selected-display") === "box-display", F = ae("hc-open-org-warning") === "warning-orange", U = ae("hc-open-org-warning") === "warning-gray", D = F || U, [K, N] = s.useState(!1), h = be(() => R.openOrgSearchEnabled), G = () => {
     h && $t(t) ? N(!0) : N(!1);
   }, k = (P) => {
     K && N(!1), o(P);
@@ -1768,10 +1768,10 @@ const or = 42, rr = 26, sr = ({
               programId: x,
               value: t,
               inputHtmlId: m,
-              openOrgSearchEnabled: C.openOrgSearchEnabled,
+              openOrgSearchEnabled: R.openOrgSearchEnabled,
               locale: L,
-              orgSearchUrl: g || be(() => C.config.orgSearchUrl),
-              urlAddSchoolForm: R,
+              orgSearchUrl: g || be(() => R.config.orgSearchUrl),
+              urlAddSchoolForm: C,
               isRequired: u,
               isErrored: !!i,
               ariaDescribedBy: W(),