@multiplatform.one/forms 6.0.0

package/dist/esm/fields/PhoneInput/dialCodes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dialCodes","AC","AD","AE","AF","AG","AI","AL","AM","AO","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ","BR","BS","BT","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES","ET","FI","FJ","FK","FM","FO","FR","GA","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GT","GU","GW","GY","HK","HN","HR","HT","HU","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XK","YE","YT","ZA","ZM","ZW","regionCodes","Object","keys"],"sources":["../../../../src/fields/PhoneInput/dialCodes.ts"],"sourcesContent":[null],"mappings":"AACO,IAAAA,SAAM;EACXC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;AACN;AAEO,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO,CAAAxP,SAAK","ignoreList":[]}

package/dist/esm/fields/PhoneInput/index.mjs

@@ -0,0 +1,232 @@
+import { GlobeIcon } from "@phosphor-icons/react";
+import { useEffect, useRef, useState } from "react";
+import { useProps } from "tamagui";
+import { Text, View } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { Combobox } from "../Combobox/index.mjs";
+import { dialCodes, regionCodes } from "./dialCodes.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function countryCodeToFlag(countryCode) {
+  const codePoints = countryCode.toUpperCase().split("").map(char => 127397 + char.charCodeAt(0));
+  return String.fromCodePoint(...codePoints);
+}
+function dialPrefix(regionCode) {
+  return `+${dialCodes[regionCode] ?? 1} `;
+}
+const countryOptions = regionCodes.map(code => ({
+  value: code,
+  label: `${countryCodeToFlag(code)} ${code}  +${dialCodes[code]}`,
+  keywords: `+${dialCodes[code]} ${code}`
+}));
+function PhoneInputFieldRenderer({
+  field,
+  phoneNumber,
+  setPhoneNumber,
+  errorProp,
+  size,
+  knobProps,
+  onBlur,
+  id,
+  label,
+  labelProps,
+  helperText,
+  required,
+  renderPhoneRow
+}) {
+  const lastSyncedRef = useRef("");
+  const didInitRef = useRef(false);
+  useEffect(() => {
+    const fieldValue = field.state.value;
+    if (fieldValue && fieldValue !== lastSyncedRef.current) {
+      setPhoneNumber(fieldValue);
+      lastSyncedRef.current = fieldValue;
+    }
+  }, [field.state.value, setPhoneNumber]);
+  useEffect(() => {
+    if (!didInitRef.current) {
+      didInitRef.current = true;
+      const fieldValue = field.state.value;
+      lastSyncedRef.current = fieldValue || phoneNumber;
+      return;
+    }
+    if (phoneNumber !== lastSyncedRef.current) {
+      lastSyncedRef.current = phoneNumber;
+      field.handleChange(phoneNumber);
+    }
+  }, [field, phoneNumber]);
+  const resolvedError = getFieldError(field, errorProp);
+  return /* @__PURE__ */jsx(FieldLayout, {
+    id,
+    label,
+    labelProps,
+    error: resolvedError,
+    helperText,
+    required,
+    size,
+    knobProps,
+    onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+    children: /* @__PURE__ */jsx(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: renderPhoneRow(!!resolvedError)
+    })
+  });
+}
+function PhoneInput(props) {
+  const {
+    defaultValue,
+    form,
+    inputProps,
+    defaultCountry = "US",
+    showFlags = true,
+    placeholder = "Phone number",
+    mode,
+    name,
+    preserveValue,
+    validators,
+    disabled,
+    readOnly,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const [regionCode, setRegionCode] = useState(defaultCountry);
+  const [phoneNumber, setPhoneNumber] = useState(() => dialPrefix(defaultCountry));
+  const regionCodeMountedRef = useRef(false);
+  const handlePhoneChange = text => {
+    const filtered = text.replace(/[^0-9+\-() ]/g, "");
+    setPhoneNumber(filtered);
+  };
+  useEffect(() => {
+    if (!regionCodeMountedRef.current) {
+      regionCodeMountedRef.current = true;
+      return;
+    }
+    if (regionCode && dialCodes[regionCode]) {
+      setPhoneNumber(dialPrefix(regionCode));
+    }
+  }, [regionCode]);
+  if (skeleton) {
+    return /* @__PURE__ */jsxs(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */jsx(Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })]
+    });
+  }
+  const renderPhoneRow = hasError => /* @__PURE__ */jsxs(InputParts.Box, {
+    children: [/* @__PURE__ */jsx(InputParts.Section, {
+      children: /* @__PURE__ */jsx(View, {
+        "data-focus-skip": true,
+        ...(readOnly ? {
+          pointerEvents: "none"
+        } : void 0),
+        children: /* @__PURE__ */jsx(Combobox, {
+          options: countryOptions,
+          value: regionCode,
+          onValueChange: val => setRegionCode(typeof val === "string" ? val : val[0] ?? ""),
+          searchPlaceholder: "Search countries...",
+          emptyMessage: "No countries found.",
+          popoverWidth: 280,
+          tabIndex: -1,
+          trigger: selected => {
+            const opt = Array.isArray(selected) ? selected[0] : selected;
+            return /* @__PURE__ */jsx(InputParts.Button, {
+              tabIndex: -1,
+              children: opt && showFlags ? /* @__PURE__ */jsx(Text, {
+                fontSize: 20,
+                children: countryCodeToFlag(opt.value)
+              }) : /* @__PURE__ */jsx(InputParts.Icon, {
+                color: "$placeholderColor",
+                children: /* @__PURE__ */jsx(GlobeIcon, {})
+              })
+            });
+          }
+        })
+      })
+    }), /* @__PURE__ */jsx(InputParts.Section, {
+      children: /* @__PURE__ */jsx(InputParts.Area, {
+        keyboardType: "numeric",
+        value: phoneNumber,
+        onChangeText: handlePhoneChange,
+        placeholder,
+        disabled,
+        ...(readOnly ? {
+          readOnly: true
+        } : {}),
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
+        "aria-readonly": readOnly || void 0,
+        ...inputProps
+      })
+    })]
+  });
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPhoneRow(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: field => /* @__PURE__ */jsx(PhoneInputFieldRenderer, {
+      field,
+      phoneNumber,
+      setPhoneNumber,
+      errorProp,
+      size,
+      knobProps,
+      onBlur,
+      id,
+      label,
+      labelProps,
+      helperText,
+      required,
+      renderPhoneRow
+    })
+  });
+}
+export { PhoneInput };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/PhoneInput/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["GlobeIcon","useEffect","useRef","useState","useProps","Text","View","Skeleton","Field","FieldLayout","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Combobox","dialCodes","regionCodes","jsx","jsxs","countryCodeToFlag","countryCode","codePoints","toUpperCase","split","map","char","charCodeAt","String","fromCodePoint","dialPrefix","regionCode","countryOptions","code","value","label","keywords","PhoneInputFieldRenderer","field","phoneNumber","setPhoneNumber","errorProp","size","knobProps","onBlur","id","labelProps","helperText","required","renderPhoneRow","lastSyncedRef","didInitRef","fieldValue","state","current","handleChange","resolvedError","error","children","sizeToken","PhoneInput","props","defaultValue","form","inputProps","defaultCountry","showFlags","placeholder","mode","name","preserveValue","validators","disabled","readOnly","skeleton","compact","idProp","_restProps","resolvedForm","resolvedValidators","setRegionCode","regionCodeMountedRef","handlePhoneChange","text","filtered","replace","variant","width","height","hasError","Box","Section","pointerEvents","options","onValueChange","val","searchPlaceholder","emptyMessage","popoverWidth","tabIndex","trigger","selected","opt","Array","isArray","Button","fontSize","Icon","color","Area","keyboardType","onChangeText"],"sources":["../../../../src/fields/PhoneInput/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/PhoneInput/index.native.js

@@ -0,0 +1,248 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GlobeIcon } from "@phosphor-icons/react";
+import { useEffect, useRef, useState } from "react";
+import { useProps } from "tamagui";
+import { Text, View } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { Combobox } from "../Combobox/index.native.js";
+import { dialCodes, regionCodes } from "./dialCodes.native.js";
+function countryCodeToFlag(countryCode) {
+  var codePoints = countryCode.toUpperCase().split("").map(function (char) {
+    return 127397 + char.charCodeAt(0);
+  });
+  return String.fromCodePoint(...codePoints);
+}
+function dialPrefix(regionCode) {
+  var _dialCodes_regionCode;
+  return `+${(_dialCodes_regionCode = dialCodes[regionCode]) !== null && _dialCodes_regionCode !== void 0 ? _dialCodes_regionCode : 1} `;
+}
+var countryOptions = regionCodes.map(function (code) {
+  return {
+    value: code,
+    label: `${countryCodeToFlag(code)} ${code}  +${dialCodes[code]}`,
+    keywords: `+${dialCodes[code]} ${code}`
+  };
+});
+function PhoneInputFieldRenderer(param) {
+  var {
+    field,
+    phoneNumber,
+    setPhoneNumber,
+    errorProp,
+    size,
+    knobProps,
+    onBlur,
+    id,
+    label,
+    labelProps,
+    helperText,
+    required,
+    renderPhoneRow
+  } = param;
+  var lastSyncedRef = useRef("");
+  var didInitRef = useRef(false);
+  useEffect(function () {
+    var fieldValue = field.state.value;
+    if (fieldValue && fieldValue !== lastSyncedRef.current) {
+      setPhoneNumber(fieldValue);
+      lastSyncedRef.current = fieldValue;
+    }
+  }, [field.state.value, setPhoneNumber]);
+  useEffect(function () {
+    if (!didInitRef.current) {
+      didInitRef.current = true;
+      var fieldValue = field.state.value;
+      lastSyncedRef.current = fieldValue || phoneNumber;
+      return;
+    }
+    if (phoneNumber !== lastSyncedRef.current) {
+      lastSyncedRef.current = phoneNumber;
+      field.handleChange(phoneNumber);
+    }
+  }, [field, phoneNumber]);
+  var resolvedError = getFieldError(field, errorProp);
+  return /* @__PURE__ */_jsx(FieldLayout, {
+    id,
+    label,
+    labelProps,
+    error: resolvedError,
+    helperText,
+    required,
+    size,
+    knobProps,
+    onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+    children: /* @__PURE__ */_jsx(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: renderPhoneRow(!!resolvedError)
+    })
+  });
+}
+function PhoneInput(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps,
+    defaultCountry = "US",
+    showFlags = true,
+    placeholder = "Phone number",
+    mode,
+    name,
+    preserveValue,
+    validators,
+    disabled,
+    readOnly,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var [regionCode, setRegionCode] = useState(defaultCountry);
+  var [phoneNumber, setPhoneNumber] = useState(function () {
+    return dialPrefix(defaultCountry);
+  });
+  var regionCodeMountedRef = useRef(false);
+  var handlePhoneChange = function handlePhoneChange2(text) {
+    var filtered = text.replace(/[^0-9+\-() ]/g, "");
+    setPhoneNumber(filtered);
+  };
+  useEffect(function () {
+    if (!regionCodeMountedRef.current) {
+      regionCodeMountedRef.current = true;
+      return;
+    }
+    if (regionCode && dialCodes[regionCode]) {
+      setPhoneNumber(dialPrefix(regionCode));
+    }
+  }, [regionCode]);
+  if (skeleton) {
+    return /* @__PURE__ */_jsxs(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */_jsx(Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })]
+    });
+  }
+  var renderPhoneRow = function renderPhoneRow2(hasError) {
+    return /* @__PURE__ */_jsxs(InputParts.Box, {
+      children: [/* @__PURE__ */_jsx(InputParts.Section, {
+        children: /* @__PURE__ */_jsx(View, {
+          "data-focus-skip": true,
+          ...(readOnly ? {
+            pointerEvents: "none"
+          } : void 0),
+          children: /* @__PURE__ */_jsx(Combobox, {
+            options: countryOptions,
+            value: regionCode,
+            onValueChange: function onValueChange(val) {
+              var _val_;
+              return setRegionCode(typeof val === "string" ? val : (_val_ = val[0]) !== null && _val_ !== void 0 ? _val_ : "");
+            },
+            searchPlaceholder: "Search countries...",
+            emptyMessage: "No countries found.",
+            popoverWidth: 280,
+            tabIndex: -1,
+            trigger: function trigger(selected) {
+              var opt = Array.isArray(selected) ? selected[0] : selected;
+              return /* @__PURE__ */_jsx(InputParts.Button, {
+                tabIndex: -1,
+                children: opt && showFlags ? /* @__PURE__ */_jsx(Text, {
+                  fontSize: 20,
+                  children: countryCodeToFlag(opt.value)
+                }) : /* @__PURE__ */_jsx(InputParts.Icon, {
+                  color: "$placeholderColor",
+                  children: /* @__PURE__ */_jsx(GlobeIcon, {})
+                })
+              });
+            }
+          })
+        })
+      }), /* @__PURE__ */_jsx(InputParts.Section, {
+        children: (/* @ts-expect-error Tamagui Input type widening */
+        /* @__PURE__ */_jsx(InputParts.Area, {
+          keyboardType: "numeric",
+          value: phoneNumber,
+          onChangeText: handlePhoneChange,
+          placeholder,
+          disabled,
+          ...(readOnly ? {
+            readOnly: true
+          } : {}),
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          "aria-readonly": readOnly || void 0,
+          ...inputProps
+        }))
+      })]
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPhoneRow(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      return /* @__PURE__ */_jsx(PhoneInputFieldRenderer, {
+        field,
+        phoneNumber,
+        setPhoneNumber,
+        errorProp,
+        size,
+        knobProps,
+        onBlur,
+        id,
+        label,
+        labelProps,
+        helperText,
+        required,
+        renderPhoneRow
+      });
+    }
+  });
+}
+export { PhoneInput };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/PhoneInput/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","GlobeIcon","useEffect","useRef","useState","useProps","Text","View","Skeleton","Field","FieldLayout","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Combobox","dialCodes","regionCodes","countryCodeToFlag","countryCode","codePoints","toUpperCase","split","map","char","charCodeAt","String","fromCodePoint","dialPrefix","regionCode","_dialCodes_regionCode","countryOptions","code","value","label","keywords","PhoneInputFieldRenderer","param","field","phoneNumber","setPhoneNumber","errorProp","size","knobProps","onBlur","id","labelProps","helperText","required","renderPhoneRow","lastSyncedRef","didInitRef","fieldValue","state","current","handleChange","resolvedError","error","children","sizeToken","PhoneInput","props","defaultValue","form","inputProps","defaultCountry","showFlags","placeholder","mode","name","preserveValue","validators","disabled","readOnly","skeleton","compact","idProp","_restProps","resolvedForm","resolvedValidators","setRegionCode","regionCodeMountedRef","handlePhoneChange","handlePhoneChange2","text","filtered","replace","variant","width","height","renderPhoneRow2","hasError","Box","Section","pointerEvents","options","onValueChange","val","_val_","searchPlaceholder","emptyMessage","popoverWidth","tabIndex","trigger","selected","opt","Array","isArray","Button","fontSize","Icon","color","Area","keyboardType","onChangeText"],"sources":["../../../../src/fields/PhoneInput/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA;AAG1B,SAASC,SAAA,QAAW,uBAAwB;AAC5C,SAASC,SAAA,EAAAC,MAAgB,EAAAC,QAAA;AACzB,SAAgBC,QAAM,iBAAY;AAClC,SAASC,IAAA,EAAAC,IAAA,QAAgB;AACzB,SAASC,QAAO,wCAAmB;AAEnC,SAAAC,KAAA,EAAAC,WAAA;AAAA,SACEC,aAAA,EAAAC,iBAAA,EAAAC,YAAA,EAAAC,qBAAA;AAAA,SACAC,KAAA,IAAAC,UAAA;AAAA,SACAC,QAAA;AAAA,SACAC,SAAA,EAAAC,WAAA;AAAA,SACKC,kBAAAC,WAAA;EAEP,IAAAC,UAAS,GAASD,WAAA,CAAAE,WAAkB,GAAAC,KAAA,KAAAC,GAAA,WAAAC,IAAA;IAEpC,OAAS,SAAAA,IAAA,CAAqCC,UAAA;EAC9C;EAiIM,OAAAC,MAsEA,CAAAC,aAtEA,IAAAP,UAAA;AA7HN;AACE,SAAMQ,WAAAC,UAAa;EAInB,IAAAC,qBAAc;EAChB,YAAAA,qBAAA,GAAAd,SAAA,CAAAa,UAAA,eAAAC,qBAAA,cAAAA,qBAAA;AAEA;AACE,IAAAC,cAAW,GAAAd,WAAU,CAAUM,GAAA,WAAMS,IAAA;EACvC;IAEAC,KAAM,EAAAD,IAAA;IACJE,KAAO,KAAAhB,iBAAA,CAAAc,IAAA,KAAAA,IAAA,MAAAhB,SAAA,CAAAgB,IAAA;IACPG,QAAU,MAAAnB,SAAA,CAAAgB,IAAkB,KAAKA,IAAI;EACrC;AACF,EAAE;AAqDF,SAASI,wBAA+BC,KAAA;EACtC;IAAAC,KAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,SAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAX,KAAA;IAAAY,UAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAZ,KAAA;EACA,IAAAa,aAAA,GAAAjD,MAAA;EACA,IAAAkD,UAAA,GAAAlD,MAAA;EACAD,SAAA;IACA,IAAAoD,UAAA,GAAAd,KAAA,CAAAe,KAAA,CAAApB,KAAA;IACA,IAAAmB,UAAA,IAAAA,UAAA,KAAAF,aAAA,CAAAI,OAAA;MACAd,cAAA,CAAAY,UAAA;MACAF,aAAA,CAAAI,OAAA,GAAAF,UAAA;IACA;EACA,IACAd,KAAA,CAAAe,KAAA,CAAApB,KAAA,EACAO,cAAA,CACA;EACFxC,SAAwC;IACtC,IAAM,CAAAmD,UAAA,CAAAG,OAAgB;MACtBH,UAAM,CAAAG,OAAa,OAAO;MAE1B,IAAAF,UAAgB,GAAAd,KAAA,CAAAe,KAAA,CAAApB,KAAA;MACdiB,aAAM,CAAAI,OAAa,GAAMF,UAAM,IAAAb,WAAA;MAC/B;IACE;IACA,IAAAA,WAAA,KAAcW,aAAU,CAAAI,OAAA;MAC1BJ,aAAA,CAAAI,OAAA,GAAAf,WAAA;MACED,KAAA,CAAMiB,YAAM,CAAOhB,WAAA;IAEvB;EACE,IACED,KAAA,EAIAC,WAAM,CACN;EACA,IAAAiB,aAAA,GAAA/C,aAAA,CAAA6B,KAAA,EAAAG,SAAA;EAAA,OACF,eAAA7C,IAAA,CAAAY,WAAA;IACAqC,EAAA;IACEX,KAAA;IACAY,UAAM;IACRW,KAAA,EAAAD,aAAA;IACFT,UAAW;IAEXC,QAAM;IAENN,IAAA;IACGC,SAAA;IAAAC,MAAA,EAAAlC,iBAAA,CAAA4B,KAAA,gBAAAM,MAAA;IAAAc,QACC,iBAAA9D,IAAA,CAAAkB,UAAA;MACA4B,IAAA,EAAAA,IAAA,IAAAC,SAAA,CAAAgB,SAAA;MACAD,QAAA,EAAAT,cAAA,GAAAO,aAAA;IAAA;EACO;AACP;AACA,SACAI,WAAAC,KAAA;EAAA,IACA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAvC,KAAA;IAAAY,UAAA;IAAAW,KAAA,EAAAhB,SAAA;IAAAM,UAAA;IAAAC,QAAA;IAAAN,IAAA;IAAAE,MAAA;IAAA8B,QAAA;IAAAC,OAAA;IAAA9B,EAAA,EAAA+B,MAAA;IAAA,GAAAC;EAAA,IAAA1E,QAAA,CAAA0D,KAAA;EAAA,IACA;IAAAiB,YAAQ;IAAAnC,SAAA;IAAkBE;EAAA,IAA8BlC,YAAA,CAAc;IAAMoD,IAE5E;IAAgFlB,EAAA,EAAA+B,MAAA;IAClFD;EAEJ;EAIO,IAAAI,kBAML,GAAoFnE,qBAAA,CAAAoC,QAAA,EAAAuB,UAAA,EAAArC,KAAA,EAAAmC,IAAA;EACpF,KAAAxC,UAAM,EAAAmD,aAAA,IAAA9E,QAAA,CAAA+D,cAAA;EAAA,IACJ,CAAA1B,WAAA,EAAAC,cAAA,IAAAtC,QAAA;IACA,OAAA0B,UAAA,CAAAqC,cAAA;EAAA,EACA;EAAA,IACAgB,oBAAiB,GAAAhF,MAAA;EAAA,IACjBiF,iBAAY,YAAAC,mBAAAC,IAAA;IACZ,IAAAC,QAAA,GAAcD,IAAA,CAAAE,OAAA;IACd9C,cAAA,CAAA6C,QAAA;EAAA;EACArF,SACA;IACA,KAAAiF,oBAAA,CAAA3B,OAAA;MACA2B,oBAAA,CAAA3B,OAAA;MACA;IACA;IACA,IAAAzB,UAAA,IAAAb,SAAA,CAAAa,UAAA;MACAW,cAAO,CAAAZ,UAAA,CAAAC,UAAA;IACP;EAAA,GACA,CACAA,UAAA,EACA;EAAA,IACA6C,QAAA;IACA,sBAAA5E,KAAA,CAAAgB,UAAA;MACA4B,IAAI,EAAAA,IAAA,IAAAC,SAAA,CAAAgB,SAAA;MACJD,QAAG,GACDxB,KAAA,IAAS,eAAKtC,IAAA,CAAAU,QAAA;QAEViF,OAAA,QAAc;QAChBC,KAAA;QAECC,MAAA;MACD,CAAC,GACD,eAAA7F,IAAA,CAAAU,QAAuB,EAAO;QAG9BiF,OAAA,WAAoB;QAElBC,KAAA,QAAW;QACjBC,MAAA,EAAA9C,SAAuB,CAAAgB;MACzB;IAME;EACE;EACA,IAAAV,cAAA,YAAAyC,gBAAAC,QAAA;IACF,sBAAA7F,KAAA,CAAAgB,UAAA,CAAA8E,GAAA;MACAlC,QAAI,GACF,eAAe9D,IAAA,CAAAkB,UAAW,CAAA+E,OAAW;QACvCnC,QAAA,iBAAA9D,IAAA,CAAAS,IAAA;UACE,iBAAW;UAGX,IAAAoE,QAAU;YAEVqB,aAAA;UACG,IAAS;UACVpC,QAAA,iBAAU9D,IAAA,CAAAmB,QAAQ;YACpBgF,OAAA,EAAAhE,cAAA;YAEJE,KAAA,EAAAJ,UAAA;YAEMmE,aAAkB,WAAAA,aACtBA,CAAAC,GAAA;cACE,IAAAC,KAAC;cAEI,OAAAlB,aAAA,QAAAiB,GAAA,gBAAAA,GAAA,IAAAC,KAAA,GAAAD,GAAA,iBAAAC,KAAA,cAAAA,KAAA;YAAA;YACCC,iBAAS;YACTC,YAAO;YACPC,YAAgB;YAChBC,QAAA;YACAC,OAAA,EAAa,SAAAA,QAAAC,QAAA;cACb,IAAAC,GAAc,GAAAC,KAAA,CAAAC,OAAA,CAAAH,QAAA,IAAAA,QAAA,MAAAA,QAAA;cACd,OAAU,eAAA5G,IAAA,CAAAkB,UAAA,CAAA8F,MAAA;gBACAN,QAAA;gBACF5C,QAAM,EAAM+C,GAAA,IAAAvC,SAAgB,kBAAkBtE,IAAA,CAAAQ,IAAA;kBAElDyG,QAAA;kBAUJnD,QAAA,EAAAxC,iBAAA,CAAAuF,GAAA,CAAAxE,KAAA;gBAAA,oBAAArC,IAAA,CAAAkB,UAAA,CAAAgG,IAAA;kBAGNC,KAAA;kBACArD,QAAC,iBAEC9D,IAAA,CAAAG,SAAA;gBAAY;cAAX;YACC;UACA;QACA;MACA,IACA,eAAAH,IAAA,CAAAkB,UAAA,CAAA+E,OAAA;QACCnC,QAAI,GACL;QACA,eAAc9D,IAAA,CAAAkB,UAAY,CAAAkG,IAAA;UAC1BC,YAAe,WAAY;UACvBhF,KAAA,EAAAM,WAAA;UAAA2E,YAAA,EAAAhC,iBAAA;UAERf,WAAA;UACFK,QAAA;UAGG,IAAAC,QAAiB;YAElBA,QAAA;UAAC;UAAA,iBAAAzB,QAAA;UACC,gBAAA2C,QAAA;UACA,iBAAAlB,QAAA;UACA,GAAAT;QACA;MAEA;IACA;EACA;EACA,KAAAc,YAEA,KAAAT,IAAA;IAA4E,sBAAAzE,IAAA,CAAAY,WAAA;MAC9EqC,EAAA;MAEJX,KAAA;MAEAY,UACE;MAACW,KAAA,EAAAhB,SAAA;MAAAM,UAAA;MACCC,QAAA;MACAN,IAAA;MACAC,SAAA;MACAC,MAAA;MACAc,QAAA,iBAAA9D,IAAA,CAAAkB,UAAA;QACA4B,IAAA,EAAAA,IAAY,IAAAC,SAAA,CAAAgB,SAAA;QAEXD,QAAA,EAACT,cACA,GAAAR,SAAA;MAAA;IAAC;EAAA;EACC,sBACA7C,IAAA,CAAAW,KAAA;IAAAuD,YACA;IAAAC,IAAA,EACAe,YAAA;IAAAV,IAAA;IACAC,IAAA;IACAC,aACA;IAAAC,UACA,EAAAQ,kBAAA;IAAArB,QACA,WAAAA,SAAApB,KAAA;MAAA,OACA,eAAA1C,IAAA,CAAAwC,uBAAA;QAAAE,KACA;QAAAC,WACA;QAAAC,cACA;QAAAC,SAAA;QACFC,IAAA;QAAAC,SAAA;QAEJC,MAAA;QAEJC,EAAA","ignoreList":[]}

package/dist/esm/fields/Progress/Progress.spec.mjs

@@ -0,0 +1,74 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Progress } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Progress", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Progress, {
+        label: "Loading",
+        name: "p",
+        value: 50
+      }));
+      expect(result.findTextElement("Loading")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Progress, {
+        label: "Required",
+        name: "req",
+        value: 0,
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Progress, {
+        label: "Progress",
+        name: "p",
+        value: 75,
+        helperText: "75% complete"
+      }));
+      expect(result.findTextElement("75% complete")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Progress, {
+        label: "Loading",
+        name: "l",
+        value: 0,
+        skeleton: true
+      }));
+      const progressbar = result.container.querySelector("[role='progressbar']");
+      expect(progressbar).toBeNull();
+    });
+    it("renders progress bar element", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Progress, {
+        label: "Progress",
+        name: "p",
+        value: 40
+      }));
+      const progressbar = result.container.querySelector("[role='progressbar']");
+      expect(progressbar).toBeTruthy();
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            progress: 0
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Progress, {
+          name: "progress",
+          label: "Progress",
+          value: 50
+        })
+      }));
+      expect(result.findTextElement("Progress")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Progress.spec.mjs.map

package/dist/esm/fields/Progress/Progress.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","Progress","jsx","result","label","name","value","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","progressbar","toBeNull","toBeTruthy","formOptions","defaultValues","progress","submitText","children"],"sources":["../../../../src/fields/Progress/Progress.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,EAAQC,EAAA,QAAU;AACrC,SAASC,mBAAA,QAA2B;AACpC,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AAKgB,SAAAC,GAAA;AAHzCN,QAAA,CAAS,YAAY,MAAM;EACzBA,QAAA,CAAS,wBAAwB,MAAM;IACrCE,EAAA,CAAG,sBAAsB,MAAM;MAC7B,MAAMK,MAAA,GAASJ,mBAAA,CAAoB,eAAAG,GAAA,CAACD,QAAA;QAASG,KAAA,EAAM;QAAUC,IAAA,EAAK;QAAIC,KAAA,EAAO;MAAA,CAAI,CAAE;MACnFT,MAAA,CAAOM,MAAA,CAAOI,eAAA,CAAgB,SAAS,CAAC,EAAEC,WAAA,CAAY;IACxD,CAAC;IAEDV,EAAA,CAAG,wCAAwC,MAAM;MAC/C,MAAMK,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASG,KAAA,EAAM;QAAWC,IAAA,EAAK;QAAMC,KAAA,EAAO;QAAGG,QAAA,EAAQ;MAAA,CAAC,CAC3D;MACA,MAAML,KAAA,GAAQD,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpDd,MAAA,CAAOO,KAAA,EAAOQ,WAAW,EAAEC,SAAA,CAAU,GAAG;IAC1C,CAAC;IAEDf,EAAA,CAAG,4BAA4B,MAAM;MACnC,MAAMK,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACD,QAAA;QAASG,KAAA,EAAM;QAAWC,IAAA,EAAK;QAAIC,KAAA,EAAO;QAAIQ,UAAA,EAAW;MAAA,CAAe,CAC3E;MACAjB,MAAA,CAAOM,MAAA,CAAOI,eAAA,CAAgB,cAAc,CAAC,EAAEC,WAAA,CAAY;IAC7D,CAAC;IAEDV,EAAA,CAAG,gCAAgC,MAAM;MACvC,MAAMK,MAAA,GAASJ,mBAAA,CAAoB,eAAAG,GAAA,CAACD,QAAA;QAASG,KAAA,EAAM;QAAUC,IAAA,EAAK;QAAIC,KAAA,EAAO;QAAGS,QAAA,EAAQ;MAAA,CAAC,CAAE;MAC3F,MAAMC,WAAA,GAAcb,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,sBAAsB;MACzEd,MAAA,CAAOmB,WAAW,EAAEC,QAAA,CAAS;IAC/B,CAAC;IAEDnB,EAAA,CAAG,gCAAgC,MAAM;MACvC,MAAMK,MAAA,GAASJ,mBAAA,CAAoB,eAAAG,GAAA,CAACD,QAAA;QAASG,KAAA,EAAM;QAAWC,IAAA,EAAK;QAAIC,KAAA,EAAO;MAAA,CAAI,CAAE;MACpF,MAAMU,WAAA,GAAcb,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,sBAAsB;MACzEd,MAAA,CAAOmB,WAAW,EAAEE,UAAA,CAAW;IACjC,CAAC;EACH,CAAC;EAEDtB,QAAA,CAAS,qBAAqB,MAAM;IAClCE,EAAA,CAAG,uBAAuB,MAAM;MAC9B,MAAMK,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACF,IAAA;QAAKmB,WAAA,EAAa;UAAEC,aAAA,EAAe;YAAEC,QAAA,EAAU;UAAE;QAAE;QAAGC,UAAA,EAAW;QAChEC,QAAA,iBAAArB,GAAA,CAACD,QAAA;UAASI,IAAA,EAAK;UAAWD,KAAA,EAAM;UAAWE,KAAA,EAAO;QAAA,CAAI;MAAA,CACxD,CACF;MACAT,MAAA,CAAOM,MAAA,CAAOI,eAAA,CAAgB,UAAU,CAAC,EAAEC,WAAA,CAAY;IACzD,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}