@multiplatform.one/components 0.7.0 → 0.7.1

package/dist/cjs/forms/FormField.native.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FormField_exports = {};
+__export(FormField_exports, {
+  FormField: () => FormField
+});
+module.exports = __toCommonJS(FormField_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, label && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0 }, label, required && " *"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, children, helperText && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0 }, helperText)));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormField
+});
+//# sourceMappingURL=FormField.js.map

package/dist/cjs/forms/FormField.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/forms/FormField.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAGlB,iBAAyC;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,6BAAAA,QAAA,cAAC,6BACE,SACC,6BAAAA,QAAA,cAAC,wBAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,UAC/E,OACA,YAAY,IACf,GAEF,6BAAAA,QAAA,cAAC,6BACE,UACA,cACC,6BAAAA,QAAA,cAAC,4BAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,UACjF,UACH,CAEJ,CACF;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/forms/FormInput/FormInput.stories.js

@@ -1,48 +1,34 @@
-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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var FormInput_stories_exports = {};
 __export(FormInput_stories_exports, {
   default: () => FormInput_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(FormInput_stories_exports);
-var import_react = __toESM(require("react"));
-var import_index = require("./index");
-var import_tamagui = require("tamagui");
-var import_addon_actions = require("@storybook/addon-actions");
-var FormInput_stories_default = {
+var import_index = require("./index"), import_tamagui = require("tamagui"), import_addon_actions = require("@storybook/addon-actions"), import_jsx_runtime = require("react/jsx-runtime"), FormInput_stories_default = {
   title: "forms/FormInput",
   component: import_index.FormInput,
   parameters: {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { padding: "$4", space: true }, /* @__PURE__ */ import_react.default.createElement(import_index.FormInput, { onChangeText: (0, import_addon_actions.action)("onTextChange"), name: "firstName", label: "First Name" }), /* @__PURE__ */ import_react.default.createElement(import_index.FormInput, { onChangeText: (0, import_addon_actions.action)("onTextChange"), name: "lastName", label: "Last Name" }));
+const main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$4", space: !0, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.FormInput, { onChangeText: (0, import_addon_actions.action)("onTextChange"), name: "firstName", label: "First Name" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.FormInput, { onChangeText: (0, import_addon_actions.action)("onTextChange"), name: "lastName", label: "Last Name" })
+] });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main

package/dist/cjs/forms/FormInput/FormInput.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormInput/FormInput.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA0B;AAC1B,qBAAuB;AACvB,2BAAuB;AAEvB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,6BAAAA,QAAA,cAAC,yBAAO,SAAQ,MAAK,OAAK,QACxB,6BAAAA,QAAA,cAAC,0BAAU,kBAAc,6BAAO,cAAc,GAAG,MAAK,aAAY,OAAM,cAAa,GACrF,6BAAAA,QAAA,cAAC,0BAAU,kBAAc,6BAAO,cAAc,GAAG,MAAK,YAAW,OAAM,aAAY,CACrF;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0B,oBAC1B,iBAAuB,oBACvB,uBAAuB,qCAWrB,mDATK,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,6CAAC,yBAAO,SAAQ,MAAK,OAAK,IACxB;AAAA,8CAAC,0BAAU,kBAAc,6BAAO,cAAc,GAAG,MAAK,aAAY,OAAM,cAAa;AAAA,EACrF,4CAAC,0BAAU,kBAAc,6BAAO,cAAc,GAAG,MAAK,YAAW,OAAM,aAAY;AAAA,GACrF;",
+  "names": []
 }

package/dist/cjs/forms/FormInput/FormInput.stories.native.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FormInput_stories_exports = {};
+__export(FormInput_stories_exports, {
+  default: () => FormInput_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormInput_stories_exports);
+var import_react = __toESM(require("react")), import_index = require("./index"), import_tamagui = require("tamagui"), import_addon_actions = require("@storybook/addon-actions"), FormInput_stories_default = {
+  title: "forms/FormInput",
+  component: import_index.FormInput,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { padding: "$4", space: !0 }, /* @__PURE__ */ import_react.default.createElement(import_index.FormInput, { onChangeText: (0, import_addon_actions.action)("onTextChange"), name: "firstName", label: "First Name" }), /* @__PURE__ */ import_react.default.createElement(import_index.FormInput, { onChangeText: (0, import_addon_actions.action)("onTextChange"), name: "lastName", label: "Last Name" }));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormInput.stories.js.map

package/dist/cjs/forms/FormInput/FormInput.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormInput/FormInput.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAA0B,oBAC1B,iBAAuB,oBACvB,uBAAuB,qCAEhB,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,6BAAAA,QAAA,cAAC,yBAAO,SAAQ,MAAK,OAAK,MACxB,6BAAAA,QAAA,cAAC,0BAAU,kBAAc,6BAAO,cAAc,GAAG,MAAK,aAAY,OAAM,cAAa,GACrF,6BAAAA,QAAA,cAAC,0BAAU,kBAAc,6BAAO,cAAc,GAAG,MAAK,YAAW,OAAM,aAAY,CACrF;",
+  "names": ["React"]
+}

package/dist/cjs/forms/FormInput/index.js

@@ -1,39 +1,23 @@
-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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var FormInput_exports = {};
 __export(FormInput_exports, {
   FormInput: () => FormInput
 });
 module.exports = __toCommonJS(FormInput_exports);
-var import_react = __toESM(require("react"));
-var import_react_hook_form = require("react-hook-form");
-var import_FormField = require("../FormField");
-var import_tamagui = require("tamagui");
+var import_react = require("react"), import_react_hook_form = require("react-hook-form"), import_FormField = require("../FormField"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function FormInput({
   control,
   defaultValue,
@@ -46,19 +30,15 @@ function FormInput({
   rules,
   ...inputProps
 }) {
-  const formContext = (0, import_react_hook_form.useFormContext)();
-  const id = (0, import_react.useId)();
-  if (!formContext) {
-    return /* @__PURE__ */ import_react.default.createElement(import_FormField.FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { ...inputProps }));
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
+  const formContext = (0, import_react_hook_form.useFormContext)(), id = (0, import_react.useId)();
+  return formContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_hook_form.Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ import_react.default.createElement(
+      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_FormField.FormField,
         {
           id,
@@ -66,28 +46,24 @@ function FormInput({
           helperText: error2 ? error2.message : helperText,
           label,
           required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_tamagui.Input,
-          {
-            ...inputProps,
-            value: value ?? "",
-            onBlur: (e) => {
-              onBlur();
-              if (inputProps.onBlur)
-                inputProps.onBlur(e);
-            },
-            onChange: (e) => {
-              onChange(e);
-              if (inputProps.onChange)
-                inputProps.onChange(e);
+          ...fieldProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui.Input,
+            {
+              ...inputProps,
+              value: value ?? "",
+              onBlur: (e) => {
+                onBlur(), inputProps.onBlur && inputProps.onBlur(e);
+              },
+              onChange: (e) => {
+                onChange(e), inputProps.onChange && inputProps.onChange(e);
+              }
             }
-          }
-        )
+          )
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormField.FormField, { id, error: !!error, helperText, label, required, ...fieldProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { ...inputProps }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/forms/FormInput/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormInput/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAI7B,6BAA2C;AAC3C,uBAA0B;AAC1B,qBAAsB;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,kBAAc,uCAAe;AACnC,QAAM,SAAK,oBAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,6BAAAA,QAAA,cAAC,8BAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,6BAAAA,QAAA,cAAC,wBAAO,GAAG,YAAY,CACzB;AAAA,EAEJ;AACA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAC,OAAM,EAAE,MACnE,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACC;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,6BAAAD,QAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,SAAS;AAAA,YAChB,QAAQ,CAAC,MAAM;AACb,qBAAO;AACP,kBAAI,WAAW;AAAQ,2BAAW,OAAO,CAAC;AAAA,YAC5C;AAAA,YACA,UAAU,CAAC,MAAM;AACf,uBAAS,CAAC;AACV,kBAAI,WAAW;AAAU,2BAAW,SAAS,CAAC;AAAA,YAChD;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
-  "names": ["React", "error"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B,kBAI7B,yBAA2C,4BAC3C,mBAA0B,yBAC1B,iBAAsB,oBAwBd;AAjBD,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,kBAAc,uCAAe,GAC7B,SAAK,oBAAM;AACjB,SAAK,cAQH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO,SAAS;AAAA,cAChB,QAAQ,CAAC,MAAM;AACb,uBAAO,GACH,WAAW,UAAQ,WAAW,OAAO,CAAC;AAAA,cAC5C;AAAA,cACA,UAAU,CAAC,MAAM;AACf,yBAAS,CAAC,GACN,WAAW,YAAU,WAAW,SAAS,CAAC;AAAA,cAChD;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAlCE,4CAAC,8BAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,YAC/F,sDAAC,wBAAO,GAAG,YAAY,GACzB;AAkCN;",
+  "names": ["error"]
 }

package/dist/cjs/forms/FormInput/index.native.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FormInput_exports = {};
+__export(FormInput_exports, {
+  FormInput: () => FormInput
+});
+module.exports = __toCommonJS(FormInput_exports);
+var import_react = __toESM(require("react")), import_react_hook_form = require("react-hook-form"), import_FormField = require("../FormField"), import_tamagui = require("tamagui");
+function FormInput({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...inputProps
+}) {
+  const formContext = (0, import_react_hook_form.useFormContext)(), id = (0, import_react.useId)();
+  return formContext ? /* @__PURE__ */ import_react.default.createElement(
+    import_react_hook_form.Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ import_react.default.createElement(
+        import_FormField.FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_tamagui.Input,
+          {
+            ...inputProps,
+            value: value ?? "",
+            onBlur: (e) => {
+              onBlur(), inputProps.onBlur && inputProps.onBlur(e);
+            },
+            onChange: (e) => {
+              onChange(e), inputProps.onChange && inputProps.onChange(e);
+            }
+          }
+        )
+      )
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_FormField.FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { ...inputProps }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormInput
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/FormInput/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormInput/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B,2BAI7B,yBAA2C,4BAC3C,mBAA0B,yBAC1B,iBAAsB;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,kBAAc,uCAAe,GAC7B,SAAK,oBAAM;AACjB,SAAK,cAQH,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAC,OAAM,EAAE,MACnE,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACC;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,6BAAAD,QAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,SAAS;AAAA,YAChB,QAAQ,CAAC,MAAM;AACb,qBAAO,GACH,WAAW,UAAQ,WAAW,OAAO,CAAC;AAAA,YAC5C;AAAA,YACA,UAAU,CAAC,MAAM;AACf,uBAAS,CAAC,GACN,WAAW,YAAU,WAAW,SAAS,CAAC;AAAA,YAChD;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ,IAlCE,6BAAAA,QAAA,cAAC,8BAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,6BAAAA,QAAA,cAAC,wBAAO,GAAG,YAAY,CACzB;AAkCN;",
+  "names": ["React", "error"]
+}

package/dist/cjs/forms/FormProgress/FormProgress.stories.js

@@ -1,30 +1,17 @@
-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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var FormProgress_stories_exports = {};
 __export(FormProgress_stories_exports, {
   default: () => FormProgress_stories_default,
@@ -32,9 +19,7 @@ __export(FormProgress_stories_exports, {
   vertical: () => vertical
 });
 module.exports = __toCommonJS(FormProgress_stories_exports);
-var import_index = require("./index");
-var import_react = __toESM(require("react"));
-var FormProgress_stories_default = {
+var import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime"), FormProgress_stories_default = {
   title: "forms/FormProgress",
   component: import_index.FormProgress,
   parameters: {
@@ -43,8 +28,7 @@ var FormProgress_stories_default = {
     }
   }
 };
-const vertical = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.FormProgress, { value: 80, size: 3, width: 20, vertical: true, name: "progress", ...args });
-const horizontal = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.FormProgress, { value: 80, size: 3, width: 20, name: "progress", ...args });
+const vertical = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.FormProgress, { value: 80, size: 3, width: 20, vertical: !0, name: "progress", ...args }), horizontal = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.FormProgress, { value: 80, size: 3, width: 20, name: "progress", ...args });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   horizontal,

package/dist/cjs/forms/FormProgress/FormProgress.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormProgress/FormProgress.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,mBAAkB;AAElB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,WAAW,CAAC,SAAS,6BAAAA,QAAA,cAAC,6BAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,UAAQ,MAAC,MAAK,YAAY,GAAG,MAAM;AAE3G,MAAM,aAAa,CAAC,SAAS,6BAAAA,QAAA,cAAC,6BAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAK,YAAY,GAAG,MAAM;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B,oBAaK,mDAV3B,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,WAAW,CAAC,SAAS,4CAAC,6BAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,UAAQ,IAAC,MAAK,YAAY,GAAG,MAAM,GAErG,aAAa,CAAC,SAAS,4CAAC,6BAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAK,YAAY,GAAG,MAAM;",
+  "names": []
 }

package/dist/cjs/forms/FormProgress/FormProgress.stories.native.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FormProgress_stories_exports = {};
+__export(FormProgress_stories_exports, {
+  default: () => FormProgress_stories_default,
+  horizontal: () => horizontal,
+  vertical: () => vertical
+});
+module.exports = __toCommonJS(FormProgress_stories_exports);
+var import_index = require("./index"), import_react = __toESM(require("react")), FormProgress_stories_default = {
+  title: "forms/FormProgress",
+  component: import_index.FormProgress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const vertical = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.FormProgress, { value: 80, size: 3, width: 20, vertical: !0, name: "progress", ...args }), horizontal = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.FormProgress, { value: 80, size: 3, width: 20, name: "progress", ...args });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  horizontal,
+  vertical
+});
+//# sourceMappingURL=FormProgress.stories.js.map

package/dist/cjs/forms/FormProgress/FormProgress.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormProgress/FormProgress.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B,oBAC7B,eAAkB,2BAEX,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,WAAW,CAAC,SAAS,6BAAAA,QAAA,cAAC,6BAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,UAAQ,IAAC,MAAK,YAAY,GAAG,MAAM,GAErG,aAAa,CAAC,SAAS,6BAAAA,QAAA,cAAC,6BAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAK,YAAY,GAAG,MAAM;",
+  "names": ["React"]
+}

package/dist/cjs/forms/FormProgress/index.js

@@ -1,39 +1,23 @@
-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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var FormProgress_exports = {};
 __export(FormProgress_exports, {
   FormProgress: () => FormProgress
 });
 module.exports = __toCommonJS(FormProgress_exports);
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-var import_react_hook_form = require("react-hook-form");
-var import_FormField = require("../FormField");
+var import_react = require("react"), import_tamagui = require("tamagui"), import_react_hook_form = require("react-hook-form"), import_FormField = require("../FormField"), import_jsx_runtime = require("react/jsx-runtime");
 function FormProgress({
   control,
   defaultValue,
@@ -48,31 +32,15 @@ function FormProgress({
   vertical,
   ...progressProps
 }) {
-  const formContext = (0, import_react_hook_form.useFormContext)();
-  const id = (0, import_react.useId)();
-  const propSize = typeof size === "number" ? `$${size}` : size;
-  if (!formContext) {
-    console.log("FormProgress", progressProps);
-    return /* @__PURE__ */ import_react.default.createElement(import_FormField.FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ import_react.default.createElement(
-      import_tamagui.Progress,
-      {
-        mt: vertical ? 86 : void 0,
-        ml: vertical ? -80 : void 0,
-        rotate: vertical ? "270deg" : void 0,
-        ...progressProps,
-        size: propSize
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Progress.Indicator, { animation: "bouncy" })
-    ));
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
+  const formContext = (0, import_react_hook_form.useFormContext)(), id = (0, import_react.useId)(), propSize = typeof size == "number" ? `$${size}` : size;
+  return formContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_hook_form.Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { value }, fieldState: { error: error2 } }) => /* @__PURE__ */ import_react.default.createElement(
+      render: ({ field: { value }, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_FormField.FormField,
         {
           id,
@@ -80,22 +48,32 @@ function FormProgress({
           helperText: error2 ? error2.message : helperText,
           label,
           required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_tamagui.Progress,
-          {
-            mt: vertical ? 86 : void 0,
-            ml: vertical ? -80 : void 0,
-            rotate: vertical ? "270deg" : void 0,
-            ...progressProps,
-            size: propSize,
-            value: value ?? 0
-          }
-        )
+          ...fieldProps,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui.Progress,
+            {
+              mt: vertical ? 86 : void 0,
+              ml: vertical ? -80 : void 0,
+              rotate: vertical ? "270deg" : void 0,
+              ...progressProps,
+              size: propSize,
+              value: value ?? 0
+            }
+          )
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormField.FormField, { id, error: !!error, helperText, label, required, ...fieldProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tamagui.Progress,
+    {
+      mt: vertical ? 86 : void 0,
+      ml: vertical ? -80 : void 0,
+      rotate: vertical ? "270deg" : void 0,
+      ...progressProps,
+      size: propSize,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" })
+    }
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {