@multiplatform.one/forms 6.7.0 → 7.0.0

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

@@ -36,7 +36,7 @@ var import_tamagui = require("tamagui");
 var import_Button = require("../../Button/index.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_t = require("../../shared/t.native.js");
-var barcodeTypes = ["qr", "ean13", "ean8", "code128", "code39", "code93", "upc_a", "upc_e", "codabar", "itf14", "datamatrix", "pdf417", "aztec"];
+var import_scannerTypes = require("./scannerTypes.native.js");
 async function preflightCamera() {
   try {
     var status = await import_expo_camera.Camera.getCameraPermissionsAsync();
@@ -57,8 +57,12 @@ function BarcodeScanner(param) {
     onScan,
     onError,
     onClose,
-    knobProps
+    knobProps,
+    formats,
+    compact
   } = param;
+  var barcodeTypes = (0, import_scannerTypes.resolveNativeBarcodeTypes)(formats);
+  var viewportPx = (0, import_scannerTypes.scannerViewportHeight)(compact);
   var [permission, requestPermission] = (0, import_expo_camera.useCameraPermissions)();
   var handledRef = (0, import_react.useRef)(false);
   var [denied, setDenied] = (0, import_react.useState)(false);
@@ -123,7 +127,9 @@ function BarcodeScanner(param) {
       children: (0, import_t.t)("Requesting camera\u2026")
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       width: "100%",
-      height: 250,
+      height: viewportPx,
+      maxHeight: 320,
+      overflow: "hidden",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_expo_camera.CameraView, {
         style: import_react_native.StyleSheet.absoluteFill,
         facing: "back",

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

@@ -1 +1 @@
-{"version":3,"names":["BarcodeScanner_native_exports","__export","BarcodeScanner","preflightCamera","module","exports","__toCommonJS","import_jsx_runtime","require","import_expo_camera","import_react","import_react_native","import_tamagui","import_Button","import_colorRamps","import_t","barcodeTypes","status","Camera","getCameraPermissionsAsync","granted","canAskAgain","ok","reason","t","unused","param","active","onScan","onError","onClose","knobProps","permission","requestPermission","useCameraPermissions","handledRef","useRef","denied","setDenied","useState","useEffect","current","stale","then","res","jsx","YStack","testID","borderRadius","inputSurface","borderColor","formInputColors","border","base","overflow","children","jsxs","padding","gap","alignItems","minHeight","justifyContent","Text","body","color","formCommonColors","error","textAlign","XStack","Button","size","sizeToken","onPress","opacity","View","width","height","CameraView","style","StyleSheet","absoluteFill","facing","barcodeScannerSettings","onBarcodeScanned","param2","data"],"sources":["../../../../src/fields/Barcode/BarcodeScanner.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BarcodeScanner_native_exports","__export","BarcodeScanner","preflightCamera","module","exports","__toCommonJS","import_jsx_runtime","require","import_expo_camera","import_react","import_react_native","import_tamagui","import_Button","import_colorRamps","import_t","import_scannerTypes","status","Camera","getCameraPermissionsAsync","granted","canAskAgain","ok","reason","t","unused","param","active","onScan","onError","onClose","knobProps","formats","compact","barcodeTypes","resolveNativeBarcodeTypes","viewportPx","scannerViewportHeight","permission","requestPermission","useCameraPermissions","handledRef","useRef","denied","setDenied","useState","useEffect","current","stale","then","res","jsx","YStack","testID","borderRadius","inputSurface","borderColor","formInputColors","border","base","overflow","children","jsxs","padding","gap","alignItems","minHeight","justifyContent","Text","body","color","formCommonColors","error","textAlign","XStack","Button","size","sizeToken","onPress","opacity","View","width","height","maxHeight","CameraView","style","StyleSheet","absoluteFill","facing","barcodeScannerSettings","onBarcodeScanned","param2","data"],"sources":["../../../../src/fields/Barcode/BarcodeScanner.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,29 +1,29 @@
 import { ensureFocusVisibleRing } from "@multiplatform.one/theme";
 import { BarcodeIcon, CameraIcon, XIcon } from "@phosphor-icons/react";
 import { useRef, useState } from "react";
-import { Text, View } from "tamagui";
-import { Button } from "../../Button/index.mjs";
-import { ControlGroup } from "../../ControlGroup/index.mjs";
+import { Text } from "tamagui";
 import { Skeleton } from "../../Skeleton/index.mjs";
 import { Field, FieldLayout } from "../../fieldLayout.mjs";
-import { FocusContext, Input as InputParts } from "../../InputParts/index.mjs";
-import { formCommonColors } from "../../shared/colorRamps.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { formButtonColors, formCommonColors } from "../../shared/colorRamps.mjs";
+import { useIsInTableCell } from "../../shared/tableCellContext.mjs";
 import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
 import { t } from "../../shared/t.mjs";
+import { BarcodePreview } from "./BarcodePreview.mjs";
 import { BarcodeScanner, preflightCamera } from "./BarcodeScanner.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const suppressBoxFocusRing = {
-  focused: false,
-  setFocused: _val => {}
-};
+const adornmentRing = ensureFocusVisibleRing({
+  outlineOffset: -2
+});
 function BarcodeInput({
   value,
   onValueChange,
   disabled,
   readOnly,
   enableScan,
+  formats,
+  compact,
   knobProps,
-  areaFocusRing,
   barcodeIcon,
   scanIcon,
   stopIcon,
@@ -35,7 +35,11 @@ function BarcodeInput({
   const [isScanning, setIsScanning] = useState(false);
   const [scanError, setScanError] = useState(null);
   const preflightingRef = useRef(false);
+  const inTableCell = useIsInTableCell();
   const activeScanIcon = isScanning ? stopIcon : scanIcon;
+  const showScan = enableScan && !readOnly;
+  const showClear = Boolean(value) && !readOnly && !disabled && !isScanning;
+  const showPreview = Boolean(value) && !isScanning && !inTableCell;
   const handleScanPress = async () => {
     if (isScanning) {
       setIsScanning(false);
@@ -55,60 +59,80 @@ function BarcodeInput({
       preflightingRef.current = false;
     }
   };
+  const handleClear = () => {
+    if (disabled || readOnly) return;
+    onValueChange("");
+  };
   return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(InputParts, {
+    children: [/* @__PURE__ */jsxs(InputParts, {
       size: knobProps.sizeToken,
-      children: /* @__PURE__ */jsxs(ControlGroup, {
-        children: [/* @__PURE__ */jsx(View, {
-          width: 0
-        }), /* @__PURE__ */jsxs(InputParts.Box, {
-          children: [barcodeIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
-            adornment: "leading",
-            children: barcodeIcon
-          }) : null, /* @__PURE__ */jsx(FocusContext.Provider, {
-            ...suppressBoxFocusRing,
-            children: /* @__PURE__ */jsx(InputParts.Area, {
-              id,
-              value,
-              onChangeText: readOnly ? void 0 : onValueChange,
-              readOnly,
-              "aria-readonly": readOnly || void 0,
-              placeholder: t("Enter or scan barcode"),
-              disabled,
-              focusStyle: areaFocusRing,
-              focusVisibleStyle: areaFocusRing,
-              "aria-labelledby": hasLabel && id ? `${id}-label` : void 0,
-              "aria-label": hasLabel ? void 0 : t("Barcode"),
-              "aria-required": required || void 0,
-              "aria-invalid": hasError || void 0
-            })
-          })]
-        }), enableScan && !readOnly ?
-        // Icon when provided; otherwise a text label — an icon-less Button
-        // renders as a bare colored box (looks like a stuck skeleton).
-        /* @__PURE__ */
-        jsx(Button, {
-          size: knobProps.sizeToken,
+      children: [/* @__PURE__ */jsxs(InputParts.Box, {
+        testID: "barcode-field",
+        disabled,
+        theme: hasError ? "red" : void 0,
+        children: [barcodeIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
+          adornment: "leading",
+          children: barcodeIcon
+        }) : null, /* @__PURE__ */jsx(InputParts.Area, {
+          id,
+          value,
+          onChangeText: readOnly ? void 0 : onValueChange,
+          readOnly,
+          "aria-readonly": readOnly || void 0,
+          placeholder: t("Enter or scan barcode"),
+          disabled,
+          "aria-label": hasLabel ? void 0 : t("Barcode"),
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          autoComplete: "off",
+          autoCapitalize: "none",
+          spellCheck: false,
+          fontFamily: "$mono",
+          onKeyDown: readOnly || disabled ? void 0 : e => {
+            if (e.key === "Escape" && value) {
+              e.preventDefault?.();
+              handleClear();
+            }
+          }
+        }), showClear ? /* @__PURE__ */jsx(InputParts.Button, {
+          tabIndex: 0,
+          "aria-label": t("Clear barcode"),
+          disabled,
+          focusVisibleStyle: adornmentRing,
+          onPress: handleClear,
+          children: /* @__PURE__ */jsx(InputParts.Icon, {
+            children: /* @__PURE__ */jsx(XIcon, {})
+          })
+        }) : null, showScan ? /* @__PURE__ */jsx(InputParts.Button, {
+          tabIndex: 0,
           disabled,
           onPress: handleScanPress,
-          ...(activeScanIcon ? {
-            icon: activeScanIcon
-          } : void 0),
-          ...(isScanning ? {
-            theme: "red"
-          } : void 0),
           "aria-label": isScanning ? t("Stop scanning") : t("Scan barcode"),
-          children: activeScanIcon ? void 0 : isScanning ? t("Stop") : t("Scan")
-        }) : /* @__PURE__ */jsx(View, {
-          width: 0
-        })]
-      })
+          "aria-pressed": isScanning || void 0,
+          "aria-expanded": isScanning || void 0,
+          focusVisibleStyle: adornmentRing,
+          backgroundColor: isScanning ? formButtonColors.background.active : "transparent",
+          ...(!activeScanIcon ? {
+            width: "auto",
+            paddingHorizontal: "$3"
+          } : void 0),
+          children: activeScanIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
+            children: activeScanIcon
+          }) : isScanning ? t("Stop") : t("Scan")
+        }) : null]
+      }), showPreview ? /* @__PURE__ */jsx(BarcodePreview, {
+        value,
+        height: compact ? 24 : 36,
+        moduleWidth: 1
+      }) : null]
     }), /* @__PURE__ */jsx(BarcodeScanner, {
       active: isScanning,
       onScan: onValueChange,
       onError: setScanError,
       onClose: () => setIsScanning(false),
-      knobProps
+      knobProps,
+      formats,
+      compact
     }), scanError && /* @__PURE__ */jsx(Text, {
       ...knobProps.body,
       color: formCommonColors.error,
@@ -144,6 +168,7 @@ function Barcode({
   disabled,
   readOnly,
   enableScan = true,
+  formats,
   barcodeIcon = defaultBarcodeIcon,
   scanIcon = defaultScanIcon,
   stopIcon = defaultStopIcon,
@@ -153,7 +178,6 @@ function Barcode({
   const {
     resolvedForm,
     knobProps,
-    control,
     id
   } = useFormField({
     form: formProp,
@@ -161,15 +185,19 @@ function Barcode({
     compact
   });
   const resolvedValidators = useResolvedValidators(required, validators, label, name);
-  const areaFocusRing = ensureFocusVisibleRing({
-    ...control.focusVisibleKnobProps,
-    outlineOffset: -2
-  });
+  const isControlled = value !== void 0;
+  const [uncontrolled, setUncontrolled] = useState(() => String(defaultValue ?? ""));
   const iconProps = {
     barcodeIcon,
     scanIcon,
     stopIcon
   };
+  const standaloneValue = isControlled ? value ?? "" : uncontrolled;
+  const onStandaloneChange = next => {
+    if (disabled || readOnly) return;
+    if (!isControlled) setUncontrolled(next);
+    onChange?.(next);
+  };
   if (skeleton) {
     return /* @__PURE__ */jsx(FieldLayout, {
       id,
@@ -196,15 +224,14 @@ function Barcode({
       onBlur,
       disabled,
       children: /* @__PURE__ */jsx(BarcodeInput, {
-        value: value ?? defaultValue ?? "",
-        onValueChange: v => {
-          if (!disabled && !readOnly) onChange?.(v);
-        },
+        value: standaloneValue,
+        onValueChange: onStandaloneChange,
         disabled: !!disabled,
         readOnly: !!readOnly,
         enableScan,
+        formats,
+        compact,
         knobProps,
-        areaFocusRing,
         required,
         hasError: !!error,
         id,
@@ -241,8 +268,9 @@ function Barcode({
           disabled: !!disabled,
           readOnly: !!readOnly,
           enableScan,
+          formats,
+          compact,
           knobProps,
-          areaFocusRing,
           required,
           hasError: !!resolvedError,
           id,

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

@@ -1 +1 @@
-{"version":3,"names":["ensureFocusVisibleRing","BarcodeIcon","CameraIcon","XIcon","useRef","useState","Text","View","Button","ControlGroup","Skeleton","Field","FieldLayout","FocusContext","Input","InputParts","formCommonColors","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","t","BarcodeScanner","preflightCamera","Fragment","jsx","jsxs","suppressBoxFocusRing","focused","setFocused","_val","BarcodeInput","value","onValueChange","disabled","readOnly","enableScan","knobProps","areaFocusRing","barcodeIcon","scanIcon","stopIcon","required","hasError","id","hasLabel","isScanning","setIsScanning","scanError","setScanError","preflightingRef","activeScanIcon","handleScanPress","current","result","ok","reason","children","size","sizeToken","width","Box","Icon","adornment","Provider","Area","onChangeText","placeholder","focusStyle","focusVisibleStyle","onPress","icon","theme","active","onScan","onError","onClose","body","color","error","fontSize","defaultBarcodeIcon","defaultScanIcon","defaultStopIcon","Barcode","name","form","formProp","validators","label","labelProps","helperText","idProp","defaultValue","onChange","onBlur","skeleton","compact","resolvedForm","control","resolvedValidators","focusVisibleKnobProps","outlineOffset","iconProps","variant","height","v","Boolean","field","resolvedError","state","handleChange"],"sources":["../../../../src/fields/Barcode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ensureFocusVisibleRing","BarcodeIcon","CameraIcon","XIcon","useRef","useState","Text","Skeleton","Field","FieldLayout","Input","InputParts","formButtonColors","formCommonColors","useIsInTableCell","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","t","BarcodePreview","BarcodeScanner","preflightCamera","Fragment","jsx","jsxs","adornmentRing","outlineOffset","BarcodeInput","value","onValueChange","disabled","readOnly","enableScan","formats","compact","knobProps","barcodeIcon","scanIcon","stopIcon","required","hasError","id","hasLabel","isScanning","setIsScanning","scanError","setScanError","preflightingRef","inTableCell","activeScanIcon","showScan","showClear","Boolean","showPreview","handleScanPress","current","result","ok","reason","handleClear","children","size","sizeToken","Box","testID","theme","Icon","adornment","Area","onChangeText","placeholder","autoComplete","autoCapitalize","spellCheck","fontFamily","onKeyDown","e","key","preventDefault","Button","tabIndex","focusVisibleStyle","onPress","backgroundColor","background","active","width","paddingHorizontal","height","moduleWidth","onScan","onError","onClose","body","color","error","fontSize","defaultBarcodeIcon","defaultScanIcon","defaultStopIcon","Barcode","name","form","formProp","validators","label","labelProps","helperText","idProp","defaultValue","onChange","onBlur","skeleton","resolvedForm","resolvedValidators","isControlled","uncontrolled","setUncontrolled","String","iconProps","standaloneValue","onStandaloneChange","next","variant","field","resolvedError","state","v","handleChange"],"sources":["../../../../src/fields/Barcode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -32,19 +32,18 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = require("react");
 var import_tamagui = require("tamagui");
-var import_Button = require("../../Button/index.native.js");
-var import_ControlGroup = require("../../ControlGroup/index.native.js");
 var import_Skeleton = require("../../Skeleton/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_InputParts = require("../../InputParts/index.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_tableCellContext = require("../../shared/tableCellContext.native.js");
 var import_utils = require("../../shared/utils.native.js");
 var import_t = require("../../shared/t.native.js");
+var import_BarcodePreview = require("./BarcodePreview.native.js");
 var import_BarcodeScanner = require("./BarcodeScanner.native.js");
-var suppressBoxFocusRing = {
-  focused: false,
-  setFocused: function setFocused(_val) {}
-};
+var adornmentRing = (0, import_theme.ensureFocusVisibleRing)({
+  outlineOffset: -2
+});
 function BarcodeInput(param) {
   var {
     value,
@@ -52,8 +51,9 @@ function BarcodeInput(param) {
     disabled,
     readOnly,
     enableScan,
+    formats,
+    compact,
     knobProps,
-    areaFocusRing,
     barcodeIcon,
     scanIcon,
     stopIcon,
@@ -65,7 +65,11 @@ function BarcodeInput(param) {
   var [isScanning, setIsScanning] = (0, import_react2.useState)(false);
   var [scanError, setScanError] = (0, import_react2.useState)(null);
   var preflightingRef = (0, import_react2.useRef)(false);
+  var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   var activeScanIcon = isScanning ? stopIcon : scanIcon;
+  var showScan = enableScan && !readOnly;
+  var showClear = Boolean(value) && !readOnly && !disabled && !isScanning;
+  var showPreview = Boolean(value) && !isScanning && !inTableCell;
   var handleScanPress = async function handleScanPress2() {
     if (isScanning) {
       setIsScanning(false);
@@ -85,54 +89,78 @@ function BarcodeInput(param) {
       preflightingRef.current = false;
     }
   };
+  var handleClear = function handleClear2() {
+    if (disabled || readOnly) return;
+    onValueChange("");
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input, {
       size: knobProps.sizeToken,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ControlGroup.ControlGroup, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          width: 0
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
-          children: [barcodeIcon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
-            adornment: "leading",
-            children: barcodeIcon
-          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.FocusContext.Provider, {
-            ...suppressBoxFocusRing,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
-              id,
-              value,
-              onChangeText: readOnly ? void 0 : onValueChange,
-              readOnly,
-              "aria-readonly": readOnly || void 0,
-              placeholder: (0, import_t.t)("Enter or scan barcode"),
-              disabled,
-              focusStyle: areaFocusRing,
-              focusVisibleStyle: areaFocusRing,
-              "aria-labelledby": hasLabel && id ? `${id}-label` : void 0,
-              "aria-label": hasLabel ? void 0 : (0, import_t.t)("Barcode"),
-              "aria-required": required || void 0,
-              "aria-invalid": hasError || void 0
-            })
-          })]
-        }), enableScan && !readOnly ?
-        // Icon when provided; otherwise a text label — an icon-less Button
-        // renders as a bare colored box (looks like a stuck skeleton).
-        /* @__PURE__ */
-        (0, import_jsx_runtime.jsx)(import_Button.Button, {
-          size: knobProps.sizeToken,
+      children: [
+      /* LC-71: Scan (and Clear) live inside Input.Box so the composite ring
+      wraps the whole perceived control — never a sibling house Button
+      that the inner-Area ring would leave outside. */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
+        testID: "barcode-field",
+        disabled,
+        theme: hasError ? "red" : void 0,
+        children: [barcodeIcon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+          adornment: "leading",
+          children: barcodeIcon
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+          id,
+          value,
+          onChangeText: readOnly ? void 0 : onValueChange,
+          readOnly,
+          "aria-readonly": readOnly || void 0,
+          placeholder: (0, import_t.t)("Enter or scan barcode"),
+          disabled,
+          "aria-label": hasLabel ? void 0 : (0, import_t.t)("Barcode"),
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          autoComplete: "off",
+          autoCapitalize: "none",
+          spellCheck: false,
+          fontFamily: "$mono",
+          onKeyDown: readOnly || disabled ? void 0 : function (e) {
+            if (e.key === "Escape" && value) {
+              var _e_preventDefault;
+              (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+              handleClear();
+            }
+          }
+        }), showClear ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
+          tabIndex: 0,
+          "aria-label": (0, import_t.t)("Clear barcode"),
+          disabled,
+          focusVisibleStyle: adornmentRing,
+          onPress: handleClear,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {})
+          })
+        }) : null, showScan ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
+          tabIndex: 0,
           disabled,
           onPress: handleScanPress,
-          ...(activeScanIcon ? {
-            icon: activeScanIcon
-          } : void 0),
-          ...(isScanning ? {
-            theme: "red"
-          } : void 0),
           "aria-label": isScanning ? (0, import_t.t)("Stop scanning") : (0, import_t.t)("Scan barcode"),
-          children: activeScanIcon ? void 0 : isScanning ? (0, import_t.t)("Stop") : (0, import_t.t)("Scan")
-        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          width: 0
-        })]
-      })
+          "aria-pressed": isScanning || void 0,
+          "aria-expanded": isScanning || void 0,
+          focusVisibleStyle: adornmentRing,
+          backgroundColor: isScanning ? import_colorRamps.formButtonColors.background.active : "transparent",
+          ...(!activeScanIcon ? {
+            width: "auto",
+            paddingHorizontal: "$3"
+          } : void 0),
+          children: activeScanIcon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+            children: activeScanIcon
+          }) : isScanning ? (0, import_t.t)("Stop") : (0, import_t.t)("Scan")
+        }) : null]
+      }), showPreview ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BarcodePreview.BarcodePreview, {
+        value,
+        height: compact ? 24 : 36,
+        moduleWidth: 1
+      }) : null]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BarcodeScanner.BarcodeScanner, {
       active: isScanning,
       onScan: onValueChange,
@@ -140,7 +168,9 @@ function BarcodeInput(param) {
       onClose: function onClose() {
         return setIsScanning(false);
       },
-      knobProps
+      knobProps,
+      formats,
+      compact
     }), scanError && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       ...knobProps.body,
       color: import_colorRamps.formCommonColors.error,
@@ -177,6 +207,7 @@ function Barcode(param) {
     disabled,
     readOnly,
     enableScan = true,
+    formats,
     barcodeIcon = defaultBarcodeIcon,
     scanIcon = defaultScanIcon,
     stopIcon = defaultStopIcon,
@@ -186,7 +217,6 @@ function Barcode(param) {
   var {
     resolvedForm,
     knobProps,
-    control,
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
@@ -194,15 +224,21 @@ function Barcode(param) {
     compact
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
-  var areaFocusRing = (0, import_theme.ensureFocusVisibleRing)({
-    ...control.focusVisibleKnobProps,
-    outlineOffset: -2
+  var isControlled = value !== void 0;
+  var [uncontrolled, setUncontrolled] = (0, import_react2.useState)(function () {
+    return String(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
   });
   var iconProps = {
     barcodeIcon,
     scanIcon,
     stopIcon
   };
+  var standaloneValue = isControlled ? value !== null && value !== void 0 ? value : "" : uncontrolled;
+  var onStandaloneChange = function onStandaloneChange2(next) {
+    if (disabled || readOnly) return;
+    if (!isControlled) setUncontrolled(next);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+  };
   if (skeleton) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
       id,
@@ -217,7 +253,6 @@ function Barcode(param) {
     });
   }
   if (!resolvedForm || !name) {
-    var _ref;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
       id,
       label,
@@ -232,15 +267,14 @@ function Barcode(param) {
       // the sibling label/helper readable) — it needs the disabled state.
       disabled,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(BarcodeInput, {
-        value: (_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : "",
-        onValueChange: function onValueChange(v) {
-          if (!disabled && !readOnly) onChange === null || onChange === void 0 ? void 0 : onChange(v);
-        },
+        value: standaloneValue,
+        onValueChange: onStandaloneChange,
         disabled: !!disabled,
         readOnly: !!readOnly,
         enableScan,
+        formats,
+        compact,
         knobProps,
-        areaFocusRing,
         required,
         hasError: !!error,
         id,
@@ -279,8 +313,9 @@ function Barcode(param) {
           disabled: !!disabled,
           readOnly: !!readOnly,
           enableScan,
+          formats,
+          compact,
           knobProps,
-          areaFocusRing,
           required,
           hasError: !!resolvedError,
           id,