@multiplatform.one/components 2.0.4 → 2.0.5

package/dist/cjs/forms/Checkbox/FieldCheckbox.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/FieldCheckbox.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAA6B,kBAM7B,eAA2C,wBAC3C,kBAAyB,uBACzB,oBAA+B,iCAC/B,iBAA2D,oBA6DzC;AA/CX,SAAS,cAMd,OAAuF;AACvF,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,yBAAS,KAAK;AAClB,SAAO,YAAQ,2BAAQ;AACvB,QAAM,KAAK,WAAW,UAAM,oBAAM;AAElC,SADA,aAAa,SAAS,OAAO,SAAU,WAAW,QAAQ,YACtD,CAAC,QAAQ,CAAC,OAEV,6CAAC,yBAAO,OAAO,QAAQ,QAAQ,QAAY,GAAG,YAAY,QACxD;AAAA,iDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,SAAS,WAAY;AAAA,UACrB;AAAA,UAEC,sBACC,4CAAC,yBAAS,WAAT,EACG,sBAAY,kBAAgD,kBAC5D,4CAAC,6BAAa,IAEd,4CAAC,6BAAa,GAElB;AAAA;AAAA,MAEJ;AAAA,MACC,SACC,6CAAC,wBAAM,SAAS,IAAI,MAAM,QAAQ,MAAM,OAAO,QAAQ,WAAW,QAAY,GAAG,YAC9E;AAAA;AAAA,QACA,YAAY;AAAA,SACf;AAAA,OAEJ;AAAA,IACC,cACC,4CAAC,4BAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA,KAEJ,IAIF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,WACA,QAAQ,MAAM,MAAM,KAAK,OAAO,SAAS,MAAM,MAAM,KAAK,OAAO,KAAK,IAAI,IAAI,OAC9E,aAAa,OAAO,SAAU,WAAW,QAAQ,YAE/C;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,QAAQ,QAAQ;AAAA,UACtB,GAAG;AAAA,UACJ,QAAQ,CAAC,OACP,MAAM,WAAW,GACV,SAAS,CAAC;AAAA,UAGnB;AAAA,yDAAC,yBAAO,KAAI,MAAK,YAAW,UAC1B;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG;AAAA,kBACJ,SAAS,WAAY,MAAM,MAAM;AAAA,kBACjC;AAAA,kBACA,iBAAiB,CAACA,cAChB,MAAM,aAAaA,QAAgB,GAC5B,kBAAkBA,QAAO;AAAA,kBAGjC,sBACC,4CAAC,yBAAS,WAAT,EACG,sBAAY,MAAM,MAAM,WAA4B,kBACpD,4CAAC,6BAAa,IAEd,4CAAC,6BAAa,GAElB;AAAA;AAAA,cAEJ;AAAA,cACC,SACC,6CAAC,wBAAM,SAAS,IAAI,MAAM,QAAQ,MAAM,OAAO,QAAQ,WAAW,QAAY,GAAG,YAC9E;AAAA;AAAA,gBACA,YAAY;AAAA,iBACf;AAAA,eAEJ;AAAA,YACC,cACC,4CAAC,4BAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA;AAAA;AAAA,MAEJ;AAAA;AAAA,EAGN;AAEJ;",
+  "names": ["checked"]
+}

package/dist/cjs/forms/Checkbox/FieldCheckbox.native.js

@@ -0,0 +1,194 @@
+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: !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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FieldCheckbox_exports = {};
+__export(FieldCheckbox_exports, {
+  FieldCheckbox: () => FieldCheckbox
+});
+module.exports = __toCommonJS(FieldCheckbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_icons = require("../../icons"), import_Checkbox = require("./Checkbox"), import_react_form = require("@tanstack/react-form"), import_tamagui = require("tamagui");
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null) return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null) return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function FieldCheckbox(props) {
+  var _useProps = (0, import_tamagui.useProps)(props), asyncAlways = _useProps.asyncAlways, asyncDebounceMs = _useProps.asyncDebounceMs, checkboxProps = _useProps.checkboxProps, checked = _useProps.checked, children = _useProps.children, defaultMeta = _useProps.defaultMeta, defaultValue = _useProps.defaultValue, error = _useProps.error, form = _useProps.form, helperText = _useProps.helperText, label = _useProps.label, labelProps = _useProps.labelProps, mode = _useProps.mode, name = _useProps.name, onBlur = _useProps.onBlur, onCheckedChange = _useProps.onCheckedChange, preserveValue = _useProps.preserveValue, required = _useProps.required, size = _useProps.size, validatorAdapter = _useProps.validatorAdapter, validators = _useProps.validators, fieldProps = _object_without_properties(_useProps, [
+    "asyncAlways",
+    "asyncDebounceMs",
+    "checkboxProps",
+    "checked",
+    "children",
+    "defaultMeta",
+    "defaultValue",
+    "error",
+    "form",
+    "helperText",
+    "label",
+    "labelProps",
+    "mode",
+    "name",
+    "onBlur",
+    "onCheckedChange",
+    "preserveValue",
+    "required",
+    "size",
+    "validatorAdapter",
+    "validators"
+  ]);
+  form = form || (0, import_react_form.useForm)();
+  var id = fieldProps.id || (0, import_react.useId)();
+  return helperText = error && typeof error == "string" ? error : helperText, !form || !name ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, _object_spread_props(_object_spread({
+    theme: error ? "red" : void 0
+  }, fieldProps), {
+    onBlur,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, _object_spread_props(_object_spread({}, checkboxProps), {
+            onCheckedChange,
+            checked: checked ?? defaultValue,
+            id,
+            children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox.Indicator, {
+              children: (checked ?? defaultValue) === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusRegular, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckRegular, {})
+            })
+          })),
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Label, _object_spread_props(_object_spread({
+            htmlFor: id,
+            size: size || "$3",
+            color: error ? "$red10" : void 0
+          }, labelProps), {
+            children: [
+              label,
+              required && " *"
+            ]
+          }))
+        ]
+      }),
+      helperText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        paddingLeft: "$2",
+        size,
+        color: error ? "$red10" : void 0,
+        children: helperText
+      })
+    ]
+  })) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_form.Field, {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    preserveValue,
+    validatorAdapter,
+    validators,
+    children: function(field) {
+      return error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = typeof error == "string" ? error : helperText, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, _object_spread_props(_object_spread({
+        theme: error ? "red" : void 0
+      }, fieldProps), {
+        onBlur: function(e) {
+          return field.handleBlur(), onBlur == null ? void 0 : onBlur(e);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, _object_spread_props(_object_spread({}, checkboxProps), {
+                checked: checked ?? field.state.value,
+                id,
+                onCheckedChange: function(checked2) {
+                  return field.handleChange(checked2), onCheckedChange == null ? void 0 : onCheckedChange(checked2);
+                },
+                children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox.Indicator, {
+                  children: (checked ?? field.state.value) === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusRegular, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckRegular, {})
+                })
+              })),
+              label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Label, _object_spread_props(_object_spread({
+                htmlFor: id,
+                size: size || "$3",
+                color: error ? "$red10" : void 0
+              }, labelProps), {
+                children: [
+                  label,
+                  required && " *"
+                ]
+              }))
+            ]
+          }),
+          helperText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            paddingLeft: "$2",
+            size,
+            color: error ? "$red10" : void 0,
+            children: helperText
+          })
+        ]
+      }));
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldCheckbox
+});
+//# sourceMappingURL=FieldCheckbox.js.map

package/dist/cjs/forms/Checkbox/FieldCheckbox.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Checkbox/FieldCheckbox.tsx"],
+  "mappings": "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",
+  "names": ["FieldCheckbox", "props", "useProps", "asyncAlways", "asyncDebounceMs", "checkboxProps", "checked", "children", "defaultMeta", "defaultValue", "error", "form", "helperText", "label", "labelProps", "mode", "name", "onBlur", "onCheckedChange", "preserveValue", "required", "size", "validatorAdapter", "validators", "fieldProps", "useForm", "id", "useId", "_jsxs", "YStack", "theme", "undefined", "XStack", "gap", "alignItems", "_jsx", "Checkbox", "Indicator", "MinusRegular", "CheckRegular", "Label", "htmlFor", "color", "Paragraph", "paddingLeft", "Field", "field", "state", "meta", "errors", "length", "join", "e", "handleBlur", "value", "handleChange"]
+}

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.js

@@ -0,0 +1,50 @@
+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: !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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FieldCheckbox_stories_exports = {};
+__export(FieldCheckbox_stories_exports, {
+  default: () => FieldCheckbox_stories_default,
+  form: () => form,
+  main: () => main
+});
+module.exports = __toCommonJS(FieldCheckbox_stories_exports);
+var import_tamagui = require("tamagui"), import_FieldCheckbox = require("./FieldCheckbox"), import_addon_actions = require("@storybook/addon-actions"), import_react_form = require("@tanstack/react-form"), import_jsx_runtime = require("react/jsx-runtime"), FieldCheckbox_stories_default = {
+  title: "forms/FieldCheckBox",
+  component: import_FieldCheckbox.FieldCheckbox,
+  parameters: { status: { type: "beta" } }
+};
+const main = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, { onCheckedChange: (0, import_addon_actions.action)("onCheckedChange"), ...args }), mainArgs = {
+  label: "Hello",
+  error: void 0,
+  helperText: "please check this box",
+  checked: void 0
+};
+main.args = mainArgs;
+const form = () => {
+  const form2 = (0, import_react_form.useForm)({
+    defaultValues: {
+      foo: !1,
+      bar: !0
+    },
+    onSubmit: async ({ value }) => {
+      (0, import_addon_actions.action)("onSubmit")(value);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, { label: "Accept", name: "foo", form: form2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, { label: "Accept", name: "bar", form: form2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: form2.handleSubmit, children: "Submit" })
+  ] });
+};
+//# sourceMappingURL=FieldCheckbox.stories.js.map

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/FieldCheckbox.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBA,qBAA+B,oBAC/B,uBAA8B,4BAC9B,uBAAuB,qCACvB,oBAAwB,iCAQM,mDANvB,gCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SAAS,4CAAC,sCAAc,qBAAiB,6BAAO,iBAAiB,GAAI,GAAG,MAAM,GAC7F,WAA+B;AAAA,EACnC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AACX;AACA,KAAK,OAAO;AAEL,MAAM,OAAO,MAAM;AACxB,QAAMA,YAAO,2BAAQ;AAAA,IACnB,eAAe;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,uCAAO,UAAU,EAAE,KAAK;AAAA,IAC1B;AAAA,EACF,CAAC;AACD,SACE,6CAAC,yBACC;AAAA,gDAAC,sCAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,4CAAC,sCAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,4CAAC,yBAAO,SAASA,MAAK,cAAc,oBAAM;AAAA,KAC5C;AAEJ;",
+  "names": ["form"]
+}

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.native.js

@@ -0,0 +1,215 @@
+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: !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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FieldCheckbox_stories_exports = {};
+__export(FieldCheckbox_stories_exports, {
+  default: () => FieldCheckbox_stories_default,
+  form: () => form,
+  main: () => main
+});
+module.exports = __toCommonJS(FieldCheckbox_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui"), import_FieldCheckbox = require("./FieldCheckbox"), import_addon_actions = require("@storybook/addon-actions"), import_react_form = require("@tanstack/react-form");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg), value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  info.done ? resolve(value) : Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+  return function() {
+    var self = this, args = arguments;
+    return new Promise(function(resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _ts_generator(thisArg, body) {
+  var f, y, t, g, _ = {
+    label: 0,
+    sent: function() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  };
+  return g = {
+    next: verb(0),
+    throw: verb(1),
+    return: verb(2)
+  }, typeof Symbol == "function" && (g[Symbol.iterator] = function() {
+    return this;
+  }), g;
+  function verb(n) {
+    return function(v) {
+      return step([
+        n,
+        v
+      ]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    for (; _; ) try {
+      if (f = 1, y && (t = op[0] & 2 ? y.return : op[0] ? y.throw || ((t = y.return) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      switch (y = 0, t && (op = [
+        op[0] & 2,
+        t.value
+      ]), op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          return _.label++, {
+            value: op[1],
+            done: !1
+          };
+        case 5:
+          _.label++, y = op[1], op = [
+            0
+          ];
+          continue;
+        case 7:
+          op = _.ops.pop(), _.trys.pop();
+          continue;
+        default:
+          if (t = _.trys, !(t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1], t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2], _.ops.push(op);
+            break;
+          }
+          t[2] && _.ops.pop(), _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [
+        6,
+        e
+      ], y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: !0
+    };
+  }
+}
+var FieldCheckbox_stories_default = {
+  title: "forms/FieldCheckBox",
+  component: import_FieldCheckbox.FieldCheckbox,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function(args) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, _object_spread({
+    onCheckedChange: (0, import_addon_actions.action)("onCheckedChange")
+  }, args));
+}, mainArgs = {
+  label: "Hello",
+  error: void 0,
+  helperText: "please check this box",
+  checked: void 0
+};
+main.args = mainArgs;
+var form = function() {
+  var form2 = (0, import_react_form.useForm)({
+    defaultValues: {
+      foo: !1,
+      bar: !0
+    },
+    onSubmit: function() {
+      var _ref = _async_to_generator(function(param) {
+        var value;
+        return _ts_generator(this, function(_state) {
+          return value = param.value, (0, import_addon_actions.action)("onSubmit")(value), [
+            2
+          ];
+        });
+      });
+      return function(_) {
+        return _ref.apply(this, arguments);
+      };
+    }()
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+        label: "Accept",
+        name: "foo",
+        form: form2
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+        label: "Accept",
+        name: "bar",
+        form: form2
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: form2.handleSubmit,
+        children: "Submit"
+      })
+    ]
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  form,
+  main
+});
+//# sourceMappingURL=FieldCheckbox.stories.js.map

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Checkbox/FieldCheckbox.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;;uDAqBA,eAAkB,kBAElB,iBAA+B,oBAC/B,uBAA8B,4BAC9B,uBAAuB,qCACvB,oBAAwB;AAPvB,SAAA,mBAAA,KAAA,SAAA,QAAA,OAAA,QAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASD,IAAA,gCAAe;EACbA,OAAO;EACPC,WAAWC;EACXC,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,SAACC,MAAAA;SAAS,uCAAAC,KAACN,oCAAAA,eAAAA;IAAcO,qBAAiBC,6BAAO,iBAAA;KAAwBH,IAAAA,CAAAA;GACvFI,WAA+B;EACnCC,OAAO;EACPC,OAAOC;EACPC,YAAY;EACZC,SAASF;AACX;AACAR,KAAKC,OAAOI;AAEL,IAAMM,OAAO,WAAA;AAClB,MAAMA,YAAOC,2BAAQ;IACnBC,eAAe;MACbC,KAAK;MACLC,KAAK;IACP;IACAC,UAAQ,WAAA;iBAAE,oBAAA,SAAA,OAAA;YAASC;;AAAAA,yBAAAA,MAAAA,WACjBb,6BAAO,UAAA,EAAYa,KAAAA;;;;MACrB,CAAA;;;;;EACF,CAAA;AACA,SACE,uCAAAC,MAACC,uBAAAA;;MACC,uCAAAjB,KAACN,oCAAAA;QAAcU,OAAM;QAASc,MAAK;QAAMT,MAAMA;;MAC/C,uCAAAT,KAACN,oCAAAA;QAAcU,OAAM;QAASc,MAAK;QAAMT,MAAMA;;MAC/C,uCAAAT,KAACmB,uBAAAA;QAAOC,SAASX,MAAKY;kBAAc;;;;AAG1C;",
+  "names": ["title", "component", "FieldCheckbox", "parameters", "status", "type", "main", "args", "_jsx", "onCheckedChange", "action", "mainArgs", "label", "error", "undefined", "helperText", "checked", "form", "useForm", "defaultValues", "foo", "bar", "onSubmit", "value", "_jsxs", "YStack", "name", "Button", "onPress", "handleSubmit"]
+}

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

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Checkbox_exports = {};
+module.exports = __toCommonJS(Checkbox_exports);
+__reExport(Checkbox_exports, require("./Checkbox"), module.exports);
+__reExport(Checkbox_exports, require("./FieldCheckbox"), module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/index.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAqBA,6BAAc,uBArBd;AAsBA,6BAAc,4BAtBd;",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Checkbox_exports = {};
+module.exports = __toCommonJS(Checkbox_exports);
+__reExport(Checkbox_exports, require("./Checkbox"), module.exports);
+__reExport(Checkbox_exports, require("./FieldCheckbox"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Checkbox"),
+  ...require("./FieldCheckbox")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Checkbox/index.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;;AAqBA,6BAAc,uBArBd;AAsBA,6BAAc,4BAtBd;",
+  "names": []
+}

package/dist/cjs/forms/FormField.js

@@ -18,9 +18,10 @@ __export(FormField_exports, {
 });
 module.exports = __toCommonJS(FormField_exports);
 var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0, children: [
+function FormField(props) {
+  let { children, error, field, helperText, id, label, labelProps, required, size, ...stackProps } = (0, import_tamagui.useProps)(props);
+  return error = field?.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = error && typeof error == "string" ? error : helperText, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { theme: error ? "red" : void 0, ...stackProps, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Label, { htmlFor: id, size: size || "$3", color: error ? "$red10" : void 0, ...labelProps, children: [
       label,
       required && " *"
     ] }),

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/FormField.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBA,qBAAyC,oBAiBjC;AAJD,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,6CAAC,yBACE;AAAA,aACC,6CAAC,wBAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,QAC/E;AAAA;AAAA,MACA,YAAY;AAAA,OACf;AAAA,IAEF,6CAAC,yBACE;AAAA;AAAA,MACA,cACC,4CAAC,4BAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA,OAEJ;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBA,qBAAmD,oBAiC3C;AAbD,SAAS,UAMd,OAAmF;AACnF,MAAI,EAAE,UAAU,OAAO,OAAO,YAAY,IAAI,OAAO,YAAY,UAAU,MAAM,GAAG,WAAW,QAAI,yBAAS,KAAK;AACjH,iBAAQ,OAAO,MAAM,KAAK,OAAO,SAAS,MAAM,MAAM,KAAK,OAAO,KAAK,IAAI,IAAI,OAC/E,aAAa,SAAS,OAAO,SAAU,WAAW,QAAQ,YAExD,6CAAC,yBAAO,OAAO,QAAQ,QAAQ,QAAY,GAAG,YAC3C;AAAA,aACC,6CAAC,wBAAM,SAAS,IAAI,MAAM,QAAQ,MAAM,OAAO,QAAQ,WAAW,QAAY,GAAG,YAC9E;AAAA;AAAA,MACA,YAAY;AAAA,OACf;AAAA,IAEF,6CAAC,yBACE;AAAA;AAAA,MACA,cACC,4CAAC,4BAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA,OAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -52,15 +52,44 @@ function _object_spread_props(target, source) {
     Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
   }), target;
 }
-function FormField(param) {
-  var children = param.children, label = param.label, error = param.error, helperText = param.helperText, labelProps = param.labelProps, id = param.id, size = param.size, required = param.required;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+function _object_without_properties(source, excluded) {
+  if (source == null) return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null) return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function FormField(props) {
+  var _useProps = (0, import_tamagui.useProps)(props), children = _useProps.children, error = _useProps.error, field = _useProps.field, helperText = _useProps.helperText, id = _useProps.id, label = _useProps.label, labelProps = _useProps.labelProps, required = _useProps.required, size = _useProps.size, stackProps = _object_without_properties(_useProps, [
+    "children",
+    "error",
+    "field",
+    "helperText",
+    "id",
+    "label",
+    "labelProps",
+    "required",
+    "size"
+  ]);
+  return error = field != null && field.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = error && typeof error == "string" ? error : helperText, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, _object_spread_props(_object_spread({
+    theme: error ? "red" : void 0
+  }, stackProps), {
     children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Label, _object_spread_props(_object_spread({
         htmlFor: id,
-        size: size || "$3"
+        size: size || "$3",
+        color: error ? "$red10" : void 0
       }, labelProps), {
-        color: error ? "$red10" : void 0,
         children: [
           label,
           required && " *"
@@ -78,7 +107,7 @@ function FormField(param) {
         ]
       })
     ]
-  });
+  }));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {