@multiplatform.one/forms 6.1.0 → 6.4.0

package/dist/jsx/fieldLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Field","TanstackField","useResolvedKnobs","createContext","useContext","Label","Paragraph","YStack","formCommonColors","jsx","jsxs","FieldDescribedByContext","useFieldDescribedBy","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","FieldLayout","id","label","labelProps","error","propError","field","helperText","required","knobProps","knobPropsProp","onBlur","compactSpacing","children","resolvedKnobs","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","useCompact","gapProps","gap","describedBy","filter","join","Provider","value","theme","htmlFor","heading","color","textAccentColor","body","text","role"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Field","TanstackField","useResolvedKnobs","createContext","useContext","useEffect","useMemo","AccessibilityInfo","isWeb","Label","Paragraph","XStack","YStack","fieldWidthStyle","formatRequiredMarkSuffix","mapHouseRequiredMarking","useRequiredMarking","formCommonColors","warnBannedErrorWords","warnPlaceholderAsLabel","Fragment","jsx","jsxs","FieldDescribedByContext","useFieldDescribedBy","FieldA11yContext","useFieldA11y","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","FieldLayout","id","label","labelProps","error","propError","field","helperText","required","requiredMarking","requiredMarkingProp","disabled","_disabled","knobProps","knobPropsProp","onBlur","compactSpacing","purpose","autoComplete","placeholder","ariaLabel","maxWidth","width","children","resolvedKnobs","disabledState","markingCtx","markMode","mode","requiredSuffix","fieldError","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","disabledStyle","dimWhole","keepLabelReadable","labelPlacement","fieldLabelPlacement","sideLabel","component","useCompact","gapProps","gap","purposeWidth","widthProps","describedBy","filter","join","a11yLabel","a11yDescription","fieldA11y","description","announceForAccessibility","labelNode","htmlFor","body","color","textAccentColor","opacity","flexShrink","helperNode","text","errorNode","role","controlColumn","flex","Provider","value","theme","assemblyKnobProps","alignItems"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,IAASC,aAAA,QAAqB;AACvC,SAASC,gBAAA,QAAwB;AAGjC,SAASC,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,OAAA,QAAe;AAC9D,SAASC,iBAAA,QAAyB;AAElC,SAASC,KAAA,EAAOC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AACxD,SAASC,eAAA,QAAuB;AAChC,SACEC,wBAAA,EACAC,uBAAA,EAEAC,kBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AACjC,SAASC,oBAAA,EAAsBC,sBAAA,QAA8B;AAkOzD,SAuEQC,QAAA,EAtDNC,GAAA,EAjBFC,IAAA;AA/NJ,MAAMC,uBAAA,GAA0BpB,aAAA,CAAkC,MAAS;AACpE,SAASqB,oBAAA,EAAsB;EACpC,OAAOpB,UAAA,CAAWmB,uBAAuB;AAC3C;AAgBA,MAAME,gBAAA,GAAmBtB,aAAA,CAAqC,MAAS;AAChE,SAASuB,aAAA,EAAe;EAC7B,OAAOtB,UAAA,CAAWqB,gBAAgB;AACpC;AAIA,SAASE,kBAAkBC,IAAA,EAAmC;EAC5D,IAAI,CAACA,IAAA,EAAM,OAAO;EAClB,MAAMC,OAAA,GAA0C;IAC9CC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;IACLC,GAAA,EAAK;EACP;EACA,OAAOjB,OAAA,CAAQD,IAAA,CAAKmB,QAAA,CAAS,CAAC,KAAK;AACrC;AAkFO,SAASC,YAAY;EAC1BC,EAAA;EACAC,KAAA;EACAC,UAAA;EACAC,KAAA,EAAOC,SAAA;EACPC,KAAA;EACAC,UAAA;EACAC,QAAA;EACAC,eAAA,EAAiBC,mBAAA;EACjBC,QAAA,EAAUC,SAAA;EACVhC,IAAA;EACAiC,SAAA,EAAWC,aAAA;EACXC,MAAA;EACAC,cAAA;EACAC,OAAA;EACAC,YAAA;EACAC,WAAA;EACA,cAAcC,SAAA;EACdC,QAAA;EACAC,KAAA;EACAC;AACF,GAAqB;EACnB,MAAM;IAAEV,SAAA,EAAWW,aAAA;IAAeC;EAAc,IAAIvE,gBAAA,CAAiB;EACrE,MAAM2D,SAAA,GAAYC,aAAA,IAAiBU,aAAA;EACnC,MAAME,UAAA,GAAa1D,kBAAA,CAAmB;EACtC,MAAM2D,QAAA,GACJjB,mBAAA,IAAuBgB,UAAA,EAAYE,IAAA,IAAQ7D,uBAAA,CAAwB8C,SAAA,CAAUJ,eAAe;EAC9F,MAAMoB,cAAA,GAAiB/D,wBAAA,CAAyB0C,QAAA,EAAUmB,QAAQ;EAGlE,MAAMG,UAAA,GAAaxB,KAAA,EAAOyB,KAAA,CAAMC,IAAA,CAAKC,MAAA,CAAOC,MAAA,GACxCC,MAAA,CAAO7B,KAAA,CAAMyB,KAAA,CAAMC,IAAA,CAAKC,MAAA,CAAO,CAAC,CAAC,IACjC;EACJ,MAAM7B,KAAA,GAAQC,SAAA,IAAayB,UAAA;EAC3B,MAAMM,YAAA,GAAe,OAAOhC,KAAA,KAAU,YAAYA,KAAA,CAAM8B,MAAA,GAAS,IAAI9B,KAAA,GAAQ;EAC7E,MAAMiC,aAAA,GAAgBC,OAAA,CAAQlC,KAAK;EACnC,MAAMmC,UAAA,GAAa5D,iBAAA,CAAkBC,IAAA,IAAQiC,SAAA,CAAU2B,SAAS;EAChE,MAAMC,aAAA,GAAgB5B,SAAA,CAAU4B,aAAA,IAAiB;EACjD,MAAMC,QAAA,GAAWJ,OAAA,CAAQ1B,SAAS,KAAK6B,aAAA,KAAkB;EACzD,MAAME,iBAAA,GAAoBL,OAAA,CAAQ1B,SAAS,KAAK6B,aAAA,KAAkB;EAClE,MAAMG,cAAA,GAAiB/B,SAAA,CAAUgC,mBAAA,IAAuB;EACxD,MAAMC,SAAA,GAAYF,cAAA,KAAmB,UAAUN,OAAA,CAAQpC,KAAK,KAAK,CAACc,cAAA;EAElE7C,sBAAA,CAAuB;IACrBgD,WAAA;IACAjB,KAAA;IACAkB,SAAA;IACAnB,EAAA;IACA8C,SAAA,EAAW;EACb,CAAC;EACD,IAAIX,YAAA,EAAc;IAChBlE,oBAAA,CAAqBkE,YAAA,EAAc;MAAEW,SAAA,EAAW;MAAe9C;IAAG,CAAC;EACrE;EAGA,MAAM+C,UAAA,GAAahC,cAAA,IAAkB,CAACd,KAAA;EACtC,MAAM+C,QAAA,GAAWD,UAAA,GAAa;IAAEE,GAAA,EAAK;EAAK,IAAIrC,SAAA,CAAUqC,GAAA;EAGxD,MAAMC,YAAA,GACJ9B,QAAA,KAAa,UAAaC,KAAA,KAAU,SAChC,SACAzD,eAAA,CAAgBoD,OAAA,EAASC,YAAY;EAC3C,MAAMkC,UAAA,GAAa;IACjB,GAAGD,YAAA;IACH,IAAI9B,QAAA,KAAa,SAAY;MAAEA;IAAS,IAAI,CAAC;IAC7C,IAAIC,KAAA,KAAU,SAAY;MAAEA;IAAM,IAAI,CAAC;EACzC;EAEA,MAAM+B,WAAA,GACJ,CACE9C,UAAA,IAAcN,EAAA,GAAK,GAAGA,EAAE,iBAAiB,QACzCmC,YAAA,IAAgBnC,EAAA,GAAK,GAAGA,EAAE,WAAW,OACvC,CACGqD,MAAA,CAAOhB,OAAO,EACdiB,IAAA,CAAK,GAAG,KAAK;EAElB,MAAMC,SAAA,GAAY,OAAOtD,KAAA,KAAU,WAAW,GAAGA,KAAK,GAAG2B,cAAc,KAAKT,SAAA;EAC5E,MAAMqC,eAAA,GAAkBrB,YAAA,IAAgB7B,UAAA;EACxC,MAAMmD,SAAA,GAAYpG,OAAA,CAChB,OAAO;IAAE4C,KAAA,EAAOsD,SAAA;IAAWG,WAAA,EAAaF,eAAA;IAAiBjD;EAAS,IAClE,CAACgD,SAAA,EAAWC,eAAA,EAAiBjD,QAAQ,CACvC;EAIAnD,SAAA,CAAU,MAAM;IACd,IAAI,CAACG,KAAA,IAAS4E,YAAA,EAAc;MAC1B7E,iBAAA,CAAkBqG,wBAAA,CAAyBxB,YAAY;IACzD;EACF,GAAG,CAACA,YAAY,CAAC;EAEjB,MAAMyB,SAAA,GAAY3D,KAAA,GAChB,eAAA5B,IAAA,CAACb,KAAA;IACCwC,EAAA,EAAIA,EAAA,GAAK,GAAGA,EAAE,WAAW;IACzB6D,OAAA,EAAS7D,EAAA;IACTrB,IAAA,EAAMA,IAAA,IAAQiC,SAAA,CAAU2B,SAAA;IACvB,GAAG3B,SAAA,CAAUkD,IAAA;IACdC,KAAA,EAAO3B,aAAA,GAAgBpE,gBAAA,CAAiBmC,KAAA,GAAQS,SAAA,CAAUoD,eAAA;IAC1DC,OAAA,EAASvB,iBAAA,GAAoB,IAAI;IACjCwB,UAAA,EAAYrB,SAAA,GAAY,IAAI;IAC3B,GAAG3C,UAAA;IAEHoB,QAAA,GAAArB,KAAA,EACA2B,cAAA;EAAA,CACH,IACE;EAEJ,MAAMuC,UAAA,GACJ7D,UAAA,IAAc,CAAC6B,YAAA,GACb,eAAA/D,GAAA,CAACX,SAAA;IACCuC,EAAA,EAAIA,EAAA,GAAK,GAAGA,EAAE,iBAAiB;IAC/BrB,IAAA,EAAM2D,UAAA;IACL,GAAG1B,SAAA,CAAUkD,IAAA;IACdC,KAAA,EAAO/F,gBAAA,CAAiBoG,IAAA;IACxBH,OAAA,EAASvB,iBAAA,GAAoB,IAAI;IAEhCpB,QAAA,EAAAhB;EAAA,CACH,IACE;EAEN,MAAM+D,SAAA,GAAYlC,YAAA,GAChB,eAAA/D,GAAA,CAACX,SAAA;IACCuC,EAAA,EAAIA,EAAA,GAAK,GAAGA,EAAE,WAAW;IACzBrB,IAAA,EAAM2D,UAAA;IACL,GAAG1B,SAAA,CAAUkD,IAAA;IACdC,KAAA,EAAO/F,gBAAA,CAAiBmC,KAAA;IACxBmE,IAAA,EAAK;IACL,aAAU;IAEThD,QAAA,EAAAa;EAAA,CACH,IACE;EAEJ,MAAMoC,aAAA,GACJ,eAAAlG,IAAA,CAACV,MAAA;IAAO6G,IAAA,EAAM3B,SAAA,GAAY,IAAI;IAAY,GAAGG,QAAA;IAC1C1B,QAAA,GAAAA,QAAA,EACA6C,UAAA,EACAE,SAAA;EAAA,CACH;EAGF,OACE,eAAAjG,GAAA,CAACE,uBAAA,CAAwBmG,QAAA,EAAxB;IAAiCC,KAAA,EAAOtB,WAAA;IACvC9B,QAAA,iBAAAlD,GAAA,CAACI,gBAAA,CAAiBiG,QAAA,EAAjB;MAA0BC,KAAA,EAAOjB,SAAA;MAChCnC,QAAA,iBAAAlD,GAAA,CAACT,MAAA;QACCgH,KAAA,EAAOvC,aAAA,GAAgB,QAAQ;QAI/B6B,OAAA,EAAS;QACR,IAAIxB,QAAA,GAAWjB,aAAA,CAAcoD,iBAAA,GAAoB;QACjD,IAAI/B,SAAA,GAAY,CAAC,IAAIG,QAAA;QACrB,GAAGG,UAAA;QACJrC,MAAA;QACA,uBAAqB0B,aAAA;QACrB,wBAAsBC,QAAA,GAAW,SAAS;QAEzCnB,QAAA,EAAAuB,SAAA,GACC,eAAAxE,IAAA,CAACX,MAAA;UAAOmH,UAAA,EAAW;UAAa5B,GAAA,EAAI;UAAK5B,KAAA,EAAM;UAC5CC,QAAA,GAAAsC,SAAA,EACAW,aAAA;QAAA,CACH,IAEA,eAAAlG,IAAA,CAAAF,QAAA;UACGmD,QAAA,GAAAsC,SAAA,EACAtC,QAAA,EACA6C,UAAA,EACAE,SAAA;QAAA,CACH;MAAA,CAEJ;IAAA,CACF;EAAA,CACF;AAEJ;AA0BO,MAAMtH,KAAA,GAAQC,aAAA","ignoreList":[]}

package/dist/jsx/fieldLayout.native.js

@@ -26,6 +26,7 @@ var fieldLayout_exports = {};
 __export(fieldLayout_exports, {
   Field: () => Field,
   FieldLayout: () => FieldLayout,
+  useFieldA11y: () => useFieldA11y,
   useFieldDescribedBy: () => useFieldDescribedBy
 });
 module.exports = __toCommonJS(fieldLayout_exports);
@@ -33,12 +34,20 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_form = require("@tanstack/react-form");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
+var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
+var import_fieldDefaults = require("./fieldDefaults.native.js");
+var import_requiredMarking = require("./requiredMarking.native.js");
 var import_colorRamps = require("./shared/colorRamps.native.js");
+var import_devWarn = require("./shared/devWarn.native.js");
 var FieldDescribedByContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
 function useFieldDescribedBy() {
   return (0, import_react.useContext)(FieldDescribedByContext);
 }
+var FieldA11yContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
+function useFieldA11y() {
+  return (0, import_react.useContext)(FieldA11yContext);
+}
 function getHelperTextSize(size) {
   if (!size) return "$1";
   var sizeMap = {
@@ -71,53 +80,139 @@ function FieldLayout(param) {
     field,
     helperText,
     required,
+    requiredMarking: requiredMarkingProp,
+    disabled: _disabled,
     size,
     knobProps: knobPropsProp,
     onBlur,
     compactSpacing,
+    purpose,
+    autoComplete,
+    placeholder,
+    "aria-label": ariaLabel,
+    maxWidth,
+    width,
     children
   } = param;
+  var _ref, _knobProps_disabledStyle, _knobProps_fieldLabelPlacement;
   var {
-    knobProps: resolvedKnobs
+    knobProps: resolvedKnobs,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)();
   var knobProps = knobPropsProp !== null && knobPropsProp !== void 0 ? knobPropsProp : resolvedKnobs;
-  var error = (field === null || field === void 0 ? void 0 : field.state.meta.errors.length) ? String(field.state.meta.errors[0]) : propError;
+  var markingCtx = (0, import_requiredMarking.useRequiredMarking)();
+  var markMode = (_ref = requiredMarkingProp !== null && requiredMarkingProp !== void 0 ? requiredMarkingProp : markingCtx === null || markingCtx === void 0 ? void 0 : markingCtx.mode) !== null && _ref !== void 0 ? _ref : (0, import_requiredMarking.mapHouseRequiredMarking)(knobProps.requiredMarking);
+  var requiredSuffix = (0, import_requiredMarking.formatRequiredMarkSuffix)(required, markMode);
+  var fieldError = (field === null || field === void 0 ? void 0 : field.state.meta.errors.length) ? String(field.state.meta.errors[0]) : void 0;
+  var error = propError !== null && propError !== void 0 ? propError : fieldError;
   var errorMessage = typeof error === "string" && error.length > 0 ? error : void 0;
   var hasErrorState = Boolean(error);
   var helperSize = getHelperTextSize(size || knobProps.sizeToken);
+  var disabledStyle = (_knobProps_disabledStyle = knobProps.disabledStyle) !== null && _knobProps_disabledStyle !== void 0 ? _knobProps_disabledStyle : "keepLabel";
+  var dimWhole = Boolean(_disabled) && disabledStyle === "dimWhole";
+  var keepLabelReadable = Boolean(_disabled) && disabledStyle !== "dimWhole";
+  var labelPlacement = (_knobProps_fieldLabelPlacement = knobProps.fieldLabelPlacement) !== null && _knobProps_fieldLabelPlacement !== void 0 ? _knobProps_fieldLabelPlacement : "top";
+  var sideLabel = labelPlacement === "side" && Boolean(label) && !compactSpacing;
+  (0, import_devWarn.warnPlaceholderAsLabel)({
+    placeholder,
+    label,
+    ariaLabel,
+    id,
+    component: "FieldLayout"
+  });
+  if (errorMessage) {
+    (0, import_devWarn.warnBannedErrorWords)(errorMessage, {
+      component: "FieldLayout",
+      id
+    });
+  }
   var useCompact = compactSpacing || !label;
   var gapProps = useCompact ? {
     gap: "$1"
   } : knobProps.gap;
+  var purposeWidth = maxWidth !== void 0 || width !== void 0 ? void 0 : (0, import_fieldDefaults.fieldWidthStyle)(purpose, autoComplete);
+  var widthProps = {
+    ...purposeWidth,
+    ...(maxWidth !== void 0 ? {
+      maxWidth
+    } : {}),
+    ...(width !== void 0 ? {
+      width
+    } : {})
+  };
   var describedBy = [helperText && id ? `${id}-description` : void 0, errorMessage && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0;
+  var a11yLabel = typeof label === "string" ? `${label}${requiredSuffix}` : ariaLabel;
+  var a11yDescription = errorMessage !== null && errorMessage !== void 0 ? errorMessage : helperText;
+  var fieldA11y = (0, import_react.useMemo)(function () {
+    return {
+      label: a11yLabel,
+      description: a11yDescription,
+      required
+    };
+  }, [a11yLabel, a11yDescription, required]);
+  (0, import_react.useEffect)(function () {
+    if (!import_tamagui.isWeb && errorMessage) {
+      import_react_native.AccessibilityInfo.announceForAccessibility(errorMessage);
+    }
+  }, [errorMessage]);
+  var labelNode = label ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+    id: id ? `${id}-label` : void 0,
+    htmlFor: id,
+    size: size || knobProps.sizeToken,
+    ...knobProps.body,
+    color: hasErrorState ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor,
+    opacity: keepLabelReadable ? 1 : void 0,
+    flexShrink: sideLabel ? 0 : void 0,
+    ...labelProps,
+    children: [label, requiredSuffix]
+  }) : null;
+  var helperNode = helperText && !errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    id: id ? `${id}-description` : void 0,
+    size: helperSize,
+    ...knobProps.body,
+    color: import_colorRamps.formCommonColors.text,
+    opacity: keepLabelReadable ? 1 : void 0,
+    children: helperText
+  }) : null;
+  var errorNode = errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    id: id ? `${id}-error` : void 0,
+    size: helperSize,
+    ...knobProps.body,
+    color: import_colorRamps.formCommonColors.error,
+    role: "alert",
+    "aria-live": "polite",
+    children: errorMessage
+  }) : null;
+  var controlColumn = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    flex: sideLabel ? 1 : void 0,
+    ...gapProps,
+    children: [children, helperNode, errorNode]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldDescribedByContext.Provider, {
     value: describedBy,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      theme: hasErrorState ? "red" : void 0,
-      ...gapProps,
-      onBlur,
-      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
-        htmlFor: id,
-        size: size || knobProps.sizeToken,
-        ...knobProps.heading,
-        color: hasErrorState ? import_colorRamps.formCommonColors.error : knobProps.textAccentColor,
-        ...labelProps,
-        children: [label, required && " *"]
-      }), children, helperText && !errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        id: id ? `${id}-description` : void 0,
-        size: helperSize,
-        ...knobProps.body,
-        color: import_colorRamps.formCommonColors.text,
-        children: helperText
-      }) : null, errorMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-        id: id ? `${id}-error` : void 0,
-        size: helperSize,
-        ...knobProps.body,
-        color: import_colorRamps.formCommonColors.error,
-        role: "alert",
-        "aria-live": "polite",
-        children: errorMessage
-      }) : null]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldA11yContext.Provider, {
+      value: fieldA11y,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        theme: hasErrorState ? "red" : void 0,
+        // LC-40: the assembly-wide dim (label included) rides the resolved
+        // recipe and is populated only under `dimWhole`; `keepLabel`
+        // treatment lives on the control chrome itself.
+        opacity: 1,
+        ...(dimWhole ? disabledState.assemblyKnobProps : void 0),
+        ...(sideLabel ? {} : gapProps),
+        ...widthProps,
+        onBlur,
+        "data-disabled-style": disabledStyle,
+        "data-disabled-dimmed": dimWhole ? "true" : "false",
+        children: sideLabel ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "flex-start",
+          gap: "$3",
+          width: "100%",
+          children: [labelNode, controlColumn]
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [labelNode, children, helperNode, errorNode]
+        })
+      })
     })
   });
 }

package/dist/jsx/fieldLayout.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","fieldLayout_exports","Field","FieldLayout","useFieldDescribedBy","module","exports","import_jsx_runtime","require","import_react_form","import_theme","import_react","import_tamagui","import_colorRamps","FieldDescribedByContext","createContext","useContext","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","param","id","label","labelProps","error","propError","field","helperText","required","knobProps","knobPropsProp","onBlur","compactSpacing","children","resolvedKnobs","useResolvedKnobs","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","useCompact","gapProps","gap","describedBy","filter","join","jsx","Provider","jsxs","YStack","theme","Label","htmlFor","heading","color","formCommonColors","textAccentColor","Paragraph","body","text"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","fieldLayout_exports","Field","FieldLayout","useFieldA11y","useFieldDescribedBy","module","exports","import_jsx_runtime","require","import_react_form","import_theme","import_react","import_react_native","import_tamagui","import_fieldDefaults","import_requiredMarking","import_colorRamps","import_devWarn","FieldDescribedByContext","createContext","useContext","FieldA11yContext","getHelperTextSize","size","sizeMap","$1","$2","$3","$4","$5","$6","$7","$8","$9","$10","$11","$12","$13","$14","$15","$16","$17","toString","param","id","label","labelProps","error","propError","field","helperText","required","requiredMarking","requiredMarkingProp","disabled","_disabled","knobProps","knobPropsProp","onBlur","compactSpacing","purpose","autoComplete","placeholder","ariaLabel","maxWidth","width","children","_ref","_knobProps_disabledStyle","_knobProps_fieldLabelPlacement","resolvedKnobs","disabledState","useResolvedKnobs","markingCtx","useRequiredMarking","markMode","mode","mapHouseRequiredMarking","requiredSuffix","formatRequiredMarkSuffix","fieldError","state","meta","errors","length","String","errorMessage","hasErrorState","Boolean","helperSize","sizeToken","disabledStyle","dimWhole","keepLabelReadable","labelPlacement","fieldLabelPlacement","sideLabel","warnPlaceholderAsLabel","component","warnBannedErrorWords","useCompact","gapProps","gap","purposeWidth","fieldWidthStyle","widthProps","describedBy","filter","join","a11yLabel","a11yDescription","fieldA11y","useMemo","description","useEffect","isWeb","AccessibilityInfo","announceForAccessibility","labelNode","jsxs","Label","htmlFor","body","color","formCommonColors","textAccentColor","opacity","flexShrink","helperNode","jsx","Paragraph","text","errorNode","role","controlColumn","YStack","flex","Provider","theme"],"sources":["../../src/fieldLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Barcode/BarcodePreview.mjs

@@ -0,0 +1,62 @@
+import { Text, View, XStack } from "tamagui";
+import { t } from "../../shared/t.mjs";
+import { encodeCode128B } from "./code128.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BarcodePreview({
+  value,
+  height = 18,
+  moduleWidth = 1,
+  showText = false
+}) {
+  if (!value) return null;
+  const runs = encodeCode128B(value);
+  if (!runs) {
+    return /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    });
+  }
+  const quietZone = moduleWidth * 10;
+  return /* @__PURE__ */jsxs(View, {
+    role: "img",
+    "aria-label": t("Barcode: {{value}}", {
+      value
+    }),
+    testID: "barcode-preview",
+    flexDirection: "column",
+    alignItems: "center",
+    maxWidth: "100%",
+    minWidth: 0,
+    flexShrink: 1,
+    overflow: "hidden",
+    children: [/* @__PURE__ */jsx(XStack, {
+      height,
+      maxWidth: "100%",
+      minWidth: 0,
+      flexShrink: 1,
+      overflow: "hidden",
+      paddingHorizontal: quietZone,
+      backgroundColor: "$background",
+      "aria-hidden": true,
+      children: runs.map((run, index) => /* @__PURE__ */jsx(View, {
+        width: run.modules * moduleWidth,
+        height: "100%",
+        flexShrink: 1,
+        backgroundColor: run.bar ? "$color" : "transparent"
+      }, index))
+    }), showText && /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    })]
+  });
+}
+export { BarcodePreview };
+//# sourceMappingURL=BarcodePreview.mjs.map

package/dist/jsx/fields/Barcode/BarcodePreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","View","XStack","t","encodeCode128B","jsx","jsxs","BarcodePreview","value","height","moduleWidth","showText","runs","fontFamily","fontSize","numberOfLines","color","flexShrink","children","quietZone","role","testID","flexDirection","alignItems","maxWidth","minWidth","overflow","paddingHorizontal","backgroundColor","map","run","index","width","modules","bar"],"sources":["../../../../src/fields/Barcode/BarcodePreview.tsx"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAc;AACnC,SAASC,CAAA,QAAS;AAClB,SAASC,cAAA,QAAsB;AAsBzB,SAAAC,GAAA,EAOFC,IAAA,QAPE;AAVC,SAASC,eAAe;EAC7BC,KAAA;EACAC,MAAA,GAAS;EACTC,WAAA,GAAc;EACdC,QAAA,GAAW;AACb,GAAwB;EACtB,IAAI,CAACH,KAAA,EAAO,OAAO;EACnB,MAAMI,IAAA,GAAOR,cAAA,CAAeI,KAAK;EACjC,IAAI,CAACI,IAAA,EAAM;IACT,OACE,eAAAP,GAAA,CAACL,IAAA;MAAKa,UAAA,EAAW;MAAQC,QAAA,EAAS;MAAKC,aAAA,EAAe;MAAGC,KAAA,EAAM;MAASC,UAAA,EAAY;MACjFC,QAAA,EAAAV;IAAA,CACH;EAEJ;EACA,MAAMW,SAAA,GAAYT,WAAA,GAAc;EAChC,OACE,eAAAJ,IAAA,CAACL,IAAA;IACCmB,IAAA,EAAK;IACL,cAAYjB,CAAA,CAAE,sBAAsB;MAAEK;IAAM,CAAC;IAC7Ca,MAAA,EAAO;IACPC,aAAA,EAAc;IACdC,UAAA,EAAW;IACXC,QAAA,EAAS;IACTC,QAAA,EAAU;IACVR,UAAA,EAAY;IACZS,QAAA,EAAS;IAETR,QAAA,kBAAAb,GAAA,CAACH,MAAA;MACCO,MAAA;MACAe,QAAA,EAAS;MACTC,QAAA,EAAU;MACVR,UAAA,EAAY;MACZS,QAAA,EAAS;MACTC,iBAAA,EAAmBR,SAAA;MACnBS,eAAA,EAAgB;MAChB,eAAW;MAEVV,QAAA,EAAAN,IAAA,CAAKiB,GAAA,CAAI,CAACC,GAAA,EAAKC,KAAA,KACd,eAAA1B,GAAA,CAACJ,IAAA;QAEC+B,KAAA,EAAOF,GAAA,CAAIG,OAAA,GAAUvB,WAAA;QACrBD,MAAA,EAAO;QACPQ,UAAA,EAAY;QACZW,eAAA,EAAiBE,GAAA,CAAII,GAAA,GAAM,WAAW;MAAA,GAJjCH,KAKP,CACD;IAAA,CACH,GACCpB,QAAA,IACC,eAAAN,GAAA,CAACL,IAAA;MAAKa,UAAA,EAAW;MAAQC,QAAA,EAAS;MAAKC,aAAA,EAAe;MAAGC,KAAA,EAAM;MAASC,UAAA,EAAY;MACjFC,QAAA,EAAAV;IAAA,CACH;EAAA,CAEJ;AAEJ","ignoreList":[]}

package/dist/jsx/fields/Barcode/BarcodePreview.native.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BarcodePreview_exports = {};
+__export(BarcodePreview_exports, {
+  BarcodePreview: () => BarcodePreview
+});
+module.exports = __toCommonJS(BarcodePreview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
+var import_code128 = require("./code128.native.js");
+function BarcodePreview(param) {
+  var {
+    value,
+    height = 18,
+    moduleWidth = 1,
+    showText = false
+  } = param;
+  if (!value) return null;
+  var runs = (0, import_code128.encodeCode128B)(value);
+  if (!runs) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    });
+  }
+  var quietZone = moduleWidth * 10;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    role: "img",
+    "aria-label": (0, import_t.t)("Barcode: {{value}}", {
+      value
+    }),
+    testID: "barcode-preview",
+    flexDirection: "column",
+    alignItems: "center",
+    maxWidth: "100%",
+    minWidth: 0,
+    flexShrink: 1,
+    overflow: "hidden",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      height,
+      maxWidth: "100%",
+      minWidth: 0,
+      flexShrink: 1,
+      overflow: "hidden",
+      paddingHorizontal: quietZone,
+      backgroundColor: "$background",
+      "aria-hidden": true,
+      children: runs.map(function (run, index) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          width: run.modules * moduleWidth,
+          height: "100%",
+          flexShrink: 1,
+          backgroundColor: run.bar ? "$color" : "transparent"
+        }, index);
+      })
+    }), showText && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: "$2",
+      numberOfLines: 1,
+      color: "$color",
+      flexShrink: 1,
+      children: value
+    })]
+  });
+}
+//# sourceMappingURL=BarcodePreview.native.js.map

package/dist/jsx/fields/Barcode/BarcodePreview.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BarcodePreview_exports","BarcodePreview","module","exports","import_jsx_runtime","require","import_tamagui","import_t","import_code128","param","height","moduleWidth","showText","runs","encodeCode128B","jsx","Text","fontFamily","fontSize","numberOfLines","color","flexShrink","children","quietZone","jsxs","View","role","t","testID","flexDirection","alignItems","maxWidth","minWidth","overflow","XStack"],"sources":["../../../../src/fields/Barcode/BarcodePreview.tsx"],"sourcesContent":[null],"mappings":"AAgBA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAS,CAAAC,cAAA;AAClB,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAsB;AAsBzB,IAAAC,iBAOF,GAAAJ,MAPE,CAAAK,mBAAA;AAVC,IAAAC,YAAS,GAAAN,MAAe,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAC7BC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAASC,IAAA,IAAAD,GAAA,EACTZ,SAAA,CAAAW,MAAc,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEhB,IAAwBC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACtB,IAAIF,IAAC,IAAO,OAAOA,IAAA,wBAAAA,IAAA;IACnB,KAAM,IAAAG,GAAO,IAAAhB,iBAAoB,CAAAa,IAAA,GAC7B,IAAC,CAAAX,YAAM,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACTnB,SACE,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAC,EAAAA,CAAA,KAAKI,IAAA,CAAAG,GAAA;MAAWN,UAAQ,IAAAK,IAAA,GAASjB,gBAAK,CAAAe,IAAe,EAAGG,GAAA,MAAMD,IAAA,CAAAL;IAAS;EAI5E;EACA,OAAME,EAAA;AACN;AACE,IAACM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,sBAAA;AAAAhB,QACC,CAAAgB,sBAAK;EAAAC,cACL,EAAAA,CAAA,KAAcA;AAA+B;AACtCC,MACP,CAAAC,OAAA,GAAAN,YAAc,CAAAG,sBAAA;AAAA,IAAAI,kBACH,GAAAC,OAAA;AAAA,IAAAC,cACF,GAAAD,OAAA;AAAA,IAAAE,QACT,GAAAF,OAAU;AAAA,IAAAG,cACE,GAAAH,OAAA;AAAA,SACZJ,cAASA,CAAAQ,KAAA;EAAA,IAET;IAAAV,KAAA;IAAAW,MAAA;IAAAC,WAAA;IAAAC,QAAA;EAAA,IAAAH,KAAA;EAAA,KAAAV,KAAA;EAAA,IAAAc,IAAC,OAAAL,cAAA,CAAAM,cAAA,EAAAf,KAAA;EAAA,KAAAc,IAAA;IAAA,sBACC,IAAAT,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAAU,IAAA;MAAAC,UACA,SAAS;MAAAC,QACT;MAAUC,aACV;MAAYC,KAAA,EACZ;MAASC,UACT;MAAmBC,QACnB,EAAAvB;IAAgB;EACL;EAGT,IAAAwB,SAAC,GAAAZ,WAAA;EAAA,0BAAAP,kBAAA,CAAAoB,IAAA,EAAAlB,cAAA,CAAAmB,IAAA;IAAAC,IAAA;IAEsB,YACrB,MAAAnB,QAAO,CAAAoB,CAAA;MAAA5B;IACK;IAC0B6B,MAAA;IAAAC,aAJjC;IAAAC,UAMR;IAAAC,QAAA;IAAAC,QACH;IAAAX,UACC;IAGCY,QAAA;IAAAX,QAAA,GAEJ,mBAAAlB,kBAAA,CAAAW,GAAA,EAAAT,cAAA,CAAA4B,MAAA;MAEJxB,MAAA","ignoreList":[]}

package/dist/jsx/fields/Barcode/BarcodeScanner.mjs

@@ -1,7 +1,53 @@
-import { useEffect, useRef } from "react";
-import { View, YStack } from "tamagui";
-import { formInputColors } from "../../shared/colorRamps.mjs";
-import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Text, View, XStack, YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { queryPermissionState } from "../../shared/capabilityPreflight.mjs";
+import { formCommonColors, formInputColors } from "../../shared/colorRamps.mjs";
+import { t } from "../../shared/t.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function mapCameraError(err) {
+  const message = err instanceof Error ? err.message : String(err);
+  if (message.includes("Permission") || message.includes("NotAllowed")) {
+    return t("Camera permission denied. Please allow camera access.");
+  }
+  if (message.includes("NotFound") || message.includes("no camera")) {
+    return t("No camera found on this device.");
+  }
+  if (message.includes("NotReadable") || message.includes("in use")) {
+    return t("Camera is in use by another application.");
+  }
+  return t("Scanner error: {{message}}", {
+    message
+  });
+}
+async function preflightCamera() {
+  if (typeof navigator === "undefined" || !navigator.mediaDevices?.getUserMedia) {
+    const insecure = typeof window !== "undefined" && window.isSecureContext === false;
+    return {
+      ok: false,
+      reason: insecure ? t("Camera unavailable: insecure context (HTTPS required).") : t("Camera unavailable: not supported in this browser.")
+    };
+  }
+  try {
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    if (!devices.some(d => d.kind === "videoinput")) {
+      return {
+        ok: false,
+        reason: t("Camera unavailable: no camera found on this device.")
+      };
+    }
+  } catch {}
+  const permission = await queryPermissionState("camera");
+  if (permission === "denied") {
+    return {
+      ok: false,
+      reason: t("Camera unavailable: permission denied. Allow camera access in browser settings.")
+    };
+  }
+  return {
+    ok: true
+  };
+}
 function BarcodeScanner({
   active,
   onScan,
@@ -11,9 +57,14 @@ function BarcodeScanner({
 }) {
   const scannerRef = useRef(null);
   const containerId = useRef(`barcode-scanner-${Math.random().toString(36).slice(2, 9)}`);
+  const [attempt, setAttempt] = useState(0);
+  const [status, setStatus] = useState("starting");
+  const [errorMessage, setErrorMessage] = useState(null);
   useEffect(() => {
     if (!active) return;
     let cancelled = false;
+    setStatus("starting");
+    setErrorMessage(null);
     onError(null);
     (async () => {
       try {
@@ -36,16 +87,11 @@ function BarcodeScanner({
           onScan(decodedText);
           onClose();
         }, () => {});
+        if (!cancelled) setStatus("streaming");
       } catch (err) {
-        const message = err instanceof Error ? err.message : String(err);
-        if (message.includes("Permission") || message.includes("NotAllowed")) {
-          onError("Camera permission denied. Please allow camera access.");
-        } else if (message.includes("NotFound") || message.includes("no camera")) {
-          onError("No camera found on this device.");
-        } else {
-          onError(`Scanner error: ${message}`);
-        }
-        onClose();
+        if (cancelled) return;
+        setStatus("error");
+        setErrorMessage(mapCameraError(err));
       }
     })();
     return () => {
@@ -62,19 +108,56 @@ function BarcodeScanner({
         scannerRef.current = null;
       }
     };
-  }, [active]);
+  }, [active, attempt]);
   if (!active) return null;
   return /* @__PURE__ */jsx(YStack, {
+    testID: "barcode-scanner-popup",
     ...knobProps.borderRadius,
     ...knobProps.inputSurface,
     borderColor: formInputColors.border.base,
     overflow: "hidden",
-    children: /* @__PURE__ */jsx(View, {
-      id: containerId.current,
-      width: "100%",
-      minHeight: 250
+    children: status === "error" ? /* @__PURE__ */jsxs(YStack, {
+      padding: "$4",
+      gap: "$3",
+      alignItems: "center",
+      minHeight: 120,
+      justifyContent: "center",
+      children: [/* @__PURE__ */jsx(Text, {
+        ...knobProps.body,
+        color: formCommonColors.error,
+        textAlign: "center",
+        children: errorMessage
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */jsx(Button, {
+          size: knobProps.sizeToken,
+          onPress: () => setAttempt(a => a + 1),
+          "aria-label": t("Retry camera"),
+          children: t("Retry")
+        }), /* @__PURE__ */jsx(Button, {
+          size: knobProps.sizeToken,
+          onPress: onClose,
+          "aria-label": t("Close scanner"),
+          children: t("Close")
+        })]
+      })]
+    }) : /* @__PURE__ */jsxs(Fragment, {
+      children: [status === "starting" && /* @__PURE__ */jsx(Text, {
+        ...knobProps.body,
+        padding: "$3",
+        textAlign: "center",
+        opacity: 0.7,
+        children: t("Requesting camera\u2026")
+      }), /* @__PURE__ */jsx("style", {
+        children: `#${containerId.current} video { width: 100%; height: 100%; object-fit: cover; }`
+      }), /* @__PURE__ */jsx(View, {
+        id: containerId.current,
+        width: "100%",
+        height: 320,
+        overflow: "hidden"
+      })]
     })
   });
 }
-export { BarcodeScanner };
+export { BarcodeScanner, preflightCamera };
 //# sourceMappingURL=BarcodeScanner.mjs.map

package/dist/jsx/fields/Barcode/BarcodeScanner.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","View","YStack","formInputColors","jsx","BarcodeScanner","active","onScan","onError","onClose","knobProps","scannerRef","containerId","Math","random","toString","slice","cancelled","Html5Qrcode","scanner","current","start","facingMode","fps","qrbox","width","height","aspectRatio","decodedText","err","message","Error","String","includes","state","getState","stop","catch","clear","borderRadius","inputSurface","borderColor","border","base","overflow","children","id","minHeight"],"sources":["../../../../src/fields/Barcode/BarcodeScanner.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,eAAA,QAAuB;AA0F1B,SAAAC,GAAA;AAtEC,SAASC,eAAe;EAC7BC,MAAA;EACAC,MAAA;EACAC,OAAA;EACAC,OAAA;EACAC;AACF,GAAwB;EACtB,MAAMC,UAAA,GAAaX,MAAA,CAAkC,IAAI;EACzD,MAAMY,WAAA,GAAcZ,MAAA,CAAO,mBAAmBa,IAAA,CAAKC,MAAA,CAAO,EAAEC,QAAA,CAAS,EAAE,EAAEC,KAAA,CAAM,GAAG,CAAC,CAAC,EAAE;EAEtFjB,SAAA,CAAU,MAAM;IACd,IAAI,CAACO,MAAA,EAAQ;IACb,IAAIW,SAAA,GAAY;IAChBT,OAAA,CAAQ,IAAI;IACZ,CAAC,YAAY;MACX,IAAI;QACF,MAAM;UAAEU;QAAY,IAAI,MAAM,OAAO,cAAc;QACnD,IAAID,SAAA,EAAW;QACf,MAAME,OAAA,GAAU,IAAID,WAAA,CAAYN,WAAA,CAAYQ,OAAO;QACnDT,UAAA,CAAWS,OAAA,GAAUD,OAAA;QACrB,MAAMA,OAAA,CAAQE,KAAA,CACZ;UAAEC,UAAA,EAAY;QAAc,GAC5B;UAAEC,GAAA,EAAK;UAAIC,KAAA,EAAO;YAAEC,KAAA,EAAO;YAAKC,MAAA,EAAQ;UAAI;UAAGC,WAAA,EAAa;QAAI,GAC/DC,WAAA,IAAwB;UACvBrB,MAAA,CAAOqB,WAAW;UAClBnB,OAAA,CAAQ;QACV,GACA,MAAM,CAAC,CACT;MACF,SAASoB,GAAA,EAAK;QACZ,MAAMC,OAAA,GAAUD,GAAA,YAAeE,KAAA,GAAQF,GAAA,CAAIC,OAAA,GAAUE,MAAA,CAAOH,GAAG;QAC/D,IAAIC,OAAA,CAAQG,QAAA,CAAS,YAAY,KAAKH,OAAA,CAAQG,QAAA,CAAS,YAAY,GAAG;UACpEzB,OAAA,CAAQ,uDAAuD;QACjE,WAAWsB,OAAA,CAAQG,QAAA,CAAS,UAAU,KAAKH,OAAA,CAAQG,QAAA,CAAS,WAAW,GAAG;UACxEzB,OAAA,CAAQ,iCAAiC;QAC3C,OAAO;UACLA,OAAA,CAAQ,kBAAkBsB,OAAO,EAAE;QACrC;QACArB,OAAA,CAAQ;MACV;IACF,GAAG;IACH,OAAO,MAAM;MACXQ,SAAA,GAAY;MACZ,MAAME,OAAA,GAAUR,UAAA,CAAWS,OAAA;MAC3B,IAAID,OAAA,EAAS;QACX,IAAI;UACF,MAAMe,KAAA,GAAQf,OAAA,CAAQgB,QAAA,GAAW;UACjC,IAAID,KAAA,KAAU,KAAKA,KAAA,KAAU,QAAWf,OAAA,CAAQiB,IAAA,CAAK,EAAEC,KAAA,CAAM,MAAM,CAAC,CAAC;QACvE,QAAQ,CAER;QACA,IAAI;UACFlB,OAAA,CAAQmB,KAAA,CAAM;QAChB,QAAQ,CAER;QACA3B,UAAA,CAAWS,OAAA,GAAU;MACvB;IACF;EACF,GAAG,CAACd,MAAM,CAAC;EAEX,IAAI,CAACA,MAAA,EAAQ,OAAO;EAEpB,OACE,eAAAF,GAAA,CAACF,MAAA;IACE,GAAGQ,SAAA,CAAU6B,YAAA;IACb,GAAG7B,SAAA,CAAU8B,YAAA;IACdC,WAAA,EAAatC,eAAA,CAAgBuC,MAAA,CAAOC,IAAA;IACpCC,QAAA,EAAS;IAETC,QAAA,iBAAAzC,GAAA,CAACH,IAAA;MAAK6C,EAAA,EAAIlC,WAAA,CAAYQ,OAAA;MAASK,KAAA,EAAM;MAAOsB,SAAA,EAAW;IAAA,CAAK;EAAA,CAC9D;AAEJ","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","Text","View","XStack","YStack","Button","queryPermissionState","formCommonColors","formInputColors","t","Fragment","jsx","jsxs","mapCameraError","err","message","Error","String","includes","preflightCamera","navigator","mediaDevices","getUserMedia","insecure","window","isSecureContext","ok","reason","devices","enumerateDevices","some","d","kind","permission","BarcodeScanner","active","onScan","onError","onClose","knobProps","scannerRef","containerId","Math","random","toString","slice","attempt","setAttempt","status","setStatus","errorMessage","setErrorMessage","cancelled","Html5Qrcode","scanner","current","start","facingMode","fps","qrbox","width","height","aspectRatio","decodedText","state","getState","stop","catch","clear","testID","borderRadius","inputSurface","borderColor","border","base","overflow","children","padding","gap","alignItems","minHeight","justifyContent","body","color","error","textAlign","size","sizeToken","onPress","a","opacity","id"],"sources":["../../../../src/fields/Barcode/BarcodeScanner.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}