@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Barcode/Barcode.stories.cjs

@@ -0,0 +1,238 @@
+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 Barcode_stories_exports = {};
+__export(Barcode_stories_exports, {
+  Basic: () => Basic,
+  Disabled: () => Disabled,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  default: () => Barcode_stories_default
+});
+module.exports = __toCommonJS(Barcode_stories_exports);
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.cjs");
+var import_Form = require("../../Form/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const iconProps = {
+  barcodeIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BarcodeIcon, {
+    size: 18
+  }),
+  scanIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CameraIcon, {
+    size: 18
+  }),
+  stopIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+    size: 18
+  })
+};
+const meta = {
+  title: "Forms/Barcode",
+  component: import_index.Barcode,
+  parameters: {
+    docs: {
+      description: {
+        component: "A barcode input field with optional camera-based scanning via html5-qrcode."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    },
+    enableScan: {
+      control: "boolean",
+      description: "Enable camera scanner"
+    }
+  }
+};
+var Barcode_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = (0, import_react_form.useForm)({
+        defaultValues: {
+          barcode: ""
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+            label: "Item Barcode",
+            name: "barcode",
+            helperText: "Scan or type the barcode",
+            enableScan: true,
+            ...iconProps
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Look Up"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Barcode",
+    helperText: "Scan or enter barcode",
+    enableScan: true
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+    ...args,
+    ...iconProps
+  })
+};
+const Basic = {
+  args: {
+    label: "Product Barcode",
+    helperText: "Enter or scan a barcode",
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+    ...args,
+    ...iconProps
+  })
+};
+const Disabled = {
+  args: {
+    label: "Product Barcode",
+    helperText: "This field is disabled",
+    disabled: true,
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+    ...args,
+    ...iconProps
+  })
+};
+const WithError = {
+  args: {
+    label: "Product Barcode",
+    helperText: "Enter or scan a barcode",
+    required: true,
+    error: "Barcode is required",
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+    ...args,
+    ...iconProps
+  })
+};
+const Sizes = {
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "bold",
+      children: "Size $2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      label: "Small",
+      size: "$2",
+      ...iconProps,
+      onChange: (0, import_storybook.action)("onChange")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "bold",
+      children: "Size $3"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      label: "Medium",
+      size: "$3",
+      ...iconProps,
+      onChange: (0, import_storybook.action)("onChange")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "bold",
+      children: "Size $4"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      label: "Large",
+      size: "$4",
+      ...iconProps,
+      onChange: (0, import_storybook.action)("onChange")
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [value, setValue] = (0, import_react2.useState)("");
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+          label: "Scan Product",
+          helperText: value ? `Scanned: ${value}` : "Enter a barcode",
+          value,
+          onChange: v => {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          ...iconProps
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+          label: "Without Camera",
+          enableScan: false,
+          value,
+          onChange: v => {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          ...iconProps
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};

package/dist/cjs/fields/Barcode/Barcode.stories.native.js

@@ -0,0 +1,252 @@
+"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 Barcode_stories_exports = {};
+__export(Barcode_stories_exports, {
+  Basic: () => Basic,
+  Disabled: () => Disabled,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  default: () => Barcode_stories_default
+});
+module.exports = __toCommonJS(Barcode_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var iconProps = {
+  barcodeIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BarcodeIcon, {
+    size: 18
+  }),
+  scanIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CameraIcon, {
+    size: 18
+  }),
+  stopIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+    size: 18
+  })
+};
+var meta = {
+  title: "Forms/Barcode",
+  component: import_index.Barcode,
+  parameters: {
+    docs: {
+      description: {
+        component: "A barcode input field with optional camera-based scanning via html5-qrcode."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    },
+    enableScan: {
+      control: "boolean",
+      description: "Enable camera scanner"
+    }
+  }
+};
+var Barcode_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = (0, import_react_form.useForm)({
+        defaultValues: {
+          barcode: ""
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+            label: "Item Barcode",
+            name: "barcode",
+            helperText: "Scan or type the barcode",
+            enableScan: true,
+            ...iconProps
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Look Up"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Barcode",
+    helperText: "Scan or enter barcode",
+    enableScan: true
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Product Barcode",
+    helperText: "Enter or scan a barcode",
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: function render3(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var Disabled = {
+  args: {
+    label: "Product Barcode",
+    helperText: "This field is disabled",
+    disabled: true,
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: function render4(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var WithError = {
+  args: {
+    label: "Product Barcode",
+    helperText: "Enter or scan a barcode",
+    required: true,
+    error: "Barcode is required",
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: function render5(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+      ...args,
+      ...iconProps
+    });
+  }
+};
+var Sizes = {
+  render: function render6() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "bold",
+        children: "Size $2"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+        label: "Small",
+        size: "$2",
+        ...iconProps,
+        onChange: (0, import_storybook.action)("onChange")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "bold",
+        children: "Size $3"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+        label: "Medium",
+        size: "$3",
+        ...iconProps,
+        onChange: (0, import_storybook.action)("onChange")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "bold",
+        children: "Size $4"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+        label: "Large",
+        size: "$4",
+        ...iconProps,
+        onChange: (0, import_storybook.action)("onChange")
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render7() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = (0, import_react2.useState)("");
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+          label: "Scan Product",
+          helperText: value ? `Scanned: ${value}` : "Enter a barcode",
+          value,
+          onChange: function onChange(v) {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          ...iconProps
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Barcode, {
+          label: "Without Camera",
+          enableScan: false,
+          value,
+          onChange: function onChange(v) {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          ...iconProps
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+//# sourceMappingURL=Barcode.stories.native.js.map

package/dist/cjs/fields/Barcode/Barcode.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Barcode_stories_exports","__export","Basic","Disabled","Interactive","Main","Sizes","Standalone","WithError","default","Barcode_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_Button","import_Form","import_index","iconProps","barcodeIcon","jsx","BarcodeIcon","size","scanIcon","CameraIcon","stopIcon","XIcon","meta","title","component","Barcode","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","options","enableScan","name","render","FormExample","FormExample2","form","useForm","defaultValues","barcode","onSubmit","param","action","Form","maxWidth","children","jsxs","YStack","gap","Button","args","render2","onChange","render3","render4"],"sources":["../../../../src/fields/Barcode/Barcode.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Barcode/BarcodeScanner.cjs

@@ -0,0 +1,116 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BarcodeScanner_exports = {};
+__export(BarcodeScanner_exports, {
+  BarcodeScanner: () => BarcodeScanner
+});
+module.exports = __toCommonJS(BarcodeScanner_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function BarcodeScanner({
+  active,
+  onScan,
+  onError,
+  onClose,
+  knobProps
+}) {
+  const scannerRef = (0, import_react.useRef)(null);
+  const containerId = (0, import_react.useRef)(`barcode-scanner-${Math.random().toString(36).slice(2, 9)}`);
+  (0, import_react.useEffect)(() => {
+    if (!active) return;
+    let cancelled = false;
+    onError(null);
+    (async () => {
+      try {
+        const {
+          Html5Qrcode
+        } = await import("html5-qrcode");
+        if (cancelled) return;
+        const scanner = new Html5Qrcode(containerId.current);
+        scannerRef.current = scanner;
+        await scanner.start({
+          facingMode: "environment"
+        }, {
+          fps: 10,
+          qrbox: {
+            width: 250,
+            height: 150
+          },
+          aspectRatio: 1.5
+        }, decodedText => {
+          onScan(decodedText);
+          onClose();
+        }, () => {});
+      } 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();
+      }
+    })();
+    return () => {
+      cancelled = true;
+      const scanner = scannerRef.current;
+      if (scanner) {
+        try {
+          const state = scanner.getState?.();
+          if (state === 2 || state === void 0) scanner.stop().catch(() => {});
+        } catch {}
+        try {
+          scanner.clear();
+        } catch {}
+        scannerRef.current = null;
+      }
+    };
+  }, [active]);
+  if (!active) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    borderColor: import_colorRamps.formInputColors.border.base,
+    overflow: "hidden",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      id: containerId.current,
+      width: "100%",
+      minHeight: 250
+    })
+  });
+}

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

@@ -0,0 +1,88 @@
+"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 BarcodeScanner_native_exports = {};
+__export(BarcodeScanner_native_exports, {
+  BarcodeScanner: () => BarcodeScanner
+});
+module.exports = __toCommonJS(BarcodeScanner_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_expo_camera = require("expo-camera");
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var barcodeTypes = ["qr", "ean13", "ean8", "code128", "code39", "code93", "upc_a", "upc_e", "codabar", "itf14", "datamatrix", "pdf417", "aztec"];
+function BarcodeScanner(param) {
+  var {
+    active,
+    onScan,
+    onError,
+    onClose,
+    knobProps
+  } = param;
+  var [permission, requestPermission] = (0, import_expo_camera.useCameraPermissions)();
+  var handledRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(function () {
+    if (!active) return;
+    handledRef.current = false;
+    onError(null);
+    if (permission && !permission.granted) {
+      requestPermission().then(function (res) {
+        if (!res.granted) {
+          onError("Camera permission denied. Please allow camera access.");
+          onClose();
+        }
+      });
+    }
+  }, [active, permission === null || permission === void 0 ? void 0 : permission.granted]);
+  if (!active || !(permission === null || permission === void 0 ? void 0 : permission.granted)) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    borderColor: import_colorRamps.formInputColors.border.base,
+    overflow: "hidden",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      width: "100%",
+      height: 250,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_expo_camera.CameraView, {
+        style: import_react_native.StyleSheet.absoluteFill,
+        facing: "back",
+        barcodeScannerSettings: {
+          barcodeTypes: [...barcodeTypes]
+        },
+        onBarcodeScanned: function onBarcodeScanned(param2) {
+          var {
+            data
+          } = param2;
+          if (handledRef.current) return;
+          handledRef.current = true;
+          onScan(data);
+          onClose();
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=BarcodeScanner.native.js.map