@multiplatform.one/components 2.0.4 → 2.0.6

package/dist/esm/forms/Input/FieldInput.stories.js

@@ -0,0 +1,43 @@
+import { Button } from "tamagui";
+import { FieldInput } from "./FieldInput";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { useForm } from "@tanstack/react-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FieldInput_stories_default = {
+  title: "forms/FieldInput",
+  component: FieldInput,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = (args) => /* @__PURE__ */ jsx(FieldInput, { onCheckedChange: action("onCheckedChange"), ...args }), mainArgs = {
+  label: "Hi",
+  error: void 0,
+  helperText: "please check this input",
+  mode: void 0,
+  size: "$1"
+};
+main.args = mainArgs;
+const form = () => {
+  const form2 = useForm({
+    defaultValues: {
+      none: !1,
+      auto: !0
+    },
+    onSubmit: async ({ value }) => {
+      action("onSubmit")(value);
+    }
+  });
+  return /* @__PURE__ */ jsxs(YStack, { children: [
+    /* @__PURE__ */ jsx(FieldInput, { label: "Accept", name: "none", form: form2 }),
+    /* @__PURE__ */ jsx(FieldInput, { label: "Accept", name: "auto", form: form2 }),
+    /* @__PURE__ */ jsx(Button, { onPress: form2.handleSubmit, children: "Submit" })
+  ] });
+};
+export {
+  FieldInput_stories_default as default,
+  form,
+  main
+};
+//# sourceMappingURL=FieldInput.stories.js.map

package/dist/esm/forms/Input/FieldInput.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/FieldInput.stories.tsx"],
+  "mappings": "AAsBA,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,eAAe;AAWM,cAqB1B,YArB0B;AAR9B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAS,oBAAC,cAAW,iBAAiB,OAAO,iBAAiB,GAAI,GAAG,MAAM,GAC1F,WAA4B;AAAA,EAChC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AACR;AACA,KAAK,OAAO;AAEL,MAAM,OAAO,MAAM;AACxB,QAAMA,QAAO,QAAQ;AAAA,IACnB,eAAe;AAAA,MACb,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,aAAO,UAAU,EAAE,KAAK;AAAA,IAC1B;AAAA,EACF,CAAC;AACD,SACE,qBAAC,UACC;AAAA,wBAAC,cAAW,OAAM,UAAS,MAAK,QAAO,MAAMA,OAAM;AAAA,IACnD,oBAAC,cAAW,OAAM,UAAS,MAAK,QAAO,MAAMA,OAAM;AAAA,IACnD,oBAAC,UAAO,SAASA,MAAK,cAAc,oBAAM;AAAA,KAC5C;AAEJ;",
+  "names": ["form"]
+}

package/dist/esm/forms/Input/FieldInput.stories.mjs

@@ -0,0 +1,55 @@
+import { Button } from "tamagui";
+import { FieldInput } from "./FieldInput.mjs";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { useForm } from "@tanstack/react-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FieldInput_stories_default = {
+  title: "forms/FieldInput",
+  component: FieldInput,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = args => /* @__PURE__ */jsx(FieldInput, {
+    onCheckedChange: action("onCheckedChange"),
+    ...args
+  }),
+  mainArgs = {
+    label: "Hi",
+    error: void 0,
+    helperText: "please check this input",
+    mode: void 0,
+    size: "$1"
+  };
+main.args = mainArgs;
+const form = () => {
+  const form2 = useForm({
+    defaultValues: {
+      none: !1,
+      auto: !0
+    },
+    onSubmit: async ({
+      value
+    }) => {
+      action("onSubmit")(value);
+    }
+  });
+  return /* @__PURE__ */jsxs(YStack, {
+    children: [/* @__PURE__ */jsx(FieldInput, {
+      label: "Accept",
+      name: "none",
+      form: form2
+    }), /* @__PURE__ */jsx(FieldInput, {
+      label: "Accept",
+      name: "auto",
+      form: form2
+    }), /* @__PURE__ */jsx(Button, {
+      onPress: form2.handleSubmit,
+      children: "Submit"
+    })]
+  });
+};
+export { FieldInput_stories_default as default, form, main };

package/dist/esm/forms/Input/FieldInput.stories.native.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
+import { Button } from "tamagui";
+import { FieldInput } from "./FieldInput";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { useForm } from "@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 FieldInput_stories_default = {
+  title: "forms/FieldInput",
+  component: FieldInput,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function(args) {
+  return /* @__PURE__ */ _jsx(FieldInput, _object_spread({
+    onCheckedChange: action("onCheckedChange")
+  }, args));
+}, mainArgs = {
+  label: "Hi",
+  error: void 0,
+  helperText: "please check this input",
+  mode: void 0,
+  size: "$1"
+};
+main.args = mainArgs;
+var form = function() {
+  var form2 = useForm({
+    defaultValues: {
+      none: !1,
+      auto: !0
+    },
+    onSubmit: function() {
+      var _ref = _async_to_generator(function(param) {
+        var value;
+        return _ts_generator(this, function(_state) {
+          return value = param.value, action("onSubmit")(value), [
+            2
+          ];
+        });
+      });
+      return function(_) {
+        return _ref.apply(this, arguments);
+      };
+    }()
+  });
+  return /* @__PURE__ */ _jsxs(YStack, {
+    children: [
+      /* @__PURE__ */ _jsx(FieldInput, {
+        label: "Accept",
+        name: "none",
+        form: form2
+      }),
+      /* @__PURE__ */ _jsx(FieldInput, {
+        label: "Accept",
+        name: "auto",
+        form: form2
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        onPress: form2.handleSubmit,
+        children: "Submit"
+      })
+    ]
+  });
+};
+export {
+  FieldInput_stories_default as default,
+  form,
+  main
+};
+//# sourceMappingURL=FieldInput.stories.js.map

package/dist/esm/forms/Input/FieldInput.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Input/FieldInput.stories.tsx"],
+  "mappings": ";AAqBA,OAAkB;AAClB,SAASA,cAAc;AACvB,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,eAAe;AAPvB,SAAA,mBAAA,KAAA,SAAA,QAAA,OAAA,QAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUD,IAAA,6BAAe;EACbC,OAAO;EACPC,WAAWL;EACXM,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SAAS,qBAACV,YAAAA,eAAAA;IAAWW,iBAAiBT,OAAO,iBAAA;KAAwBQ,IAAAA,CAAAA;GACpFE,WAA4B;EAChCC,OAAO;EACPC,OAAOC;EACPC,YAAY;EACZC,MAAMF;EACNG,MAAM;AACR;AACAT,KAAKC,OAAOE;AAEL,IAAMO,OAAO,WAAA;AAClB,MAAMA,QAAOhB,QAAQ;IACnBiB,eAAe;MACbC,MAAM;MACNC,MAAM;IACR;IACAC,UAAQ,WAAA;iBAAE,oBAAA,SAAA,OAAA;YAASC;;AAAAA,yBAAAA,MAAAA,OACjBtB,OAAO,UAAA,EAAYsB,KAAAA;;;;MACrB,CAAA;;;;;EACF,CAAA;AACA,SACE,sBAACvB,QAAAA;;MACC,qBAACD,YAAAA;QAAWa,OAAM;QAASY,MAAK;QAAON,MAAMA;;MAC7C,qBAACnB,YAAAA;QAAWa,OAAM;QAASY,MAAK;QAAON,MAAMA;;MAC7C,qBAACpB,QAAAA;QAAO2B,SAASP,MAAKQ;kBAAc;;;;AAG1C;",
+  "names": ["Button", "FieldInput", "YStack", "action", "useForm", "title", "component", "parameters", "status", "type", "main", "args", "onCheckedChange", "mainArgs", "label", "error", "undefined", "helperText", "mode", "size", "form", "defaultValues", "none", "auto", "onSubmit", "value", "name", "onPress", "handleSubmit"]
+}

package/dist/esm/forms/Input/Input.js

@@ -0,0 +1,5 @@
+import { Input } from "tamagui";
+export {
+  Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/esm/forms/Input/Input.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/Input.ts"],
+  "mappings": "AAsBA,SAAS,aAAa;",
+  "names": []
+}

package/dist/esm/forms/Input/Input.mjs

@@ -0,0 +1,2 @@
+import { Input } from "tamagui";
+export { Input };

package/dist/esm/forms/Input/Input.native.js

@@ -0,0 +1,5 @@
+import { Input } from "tamagui";
+export {
+  Input
+};
+//# sourceMappingURL=Input.js.map

package/dist/esm/forms/Input/Input.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Input/Input.ts"],
+  "mappings": "AAsBA,SAASA,aAAa;",
+  "names": ["Input"]
+}

package/dist/esm/forms/Input/index.js

@@ -0,0 +1,3 @@
+export * from "./FieldInput";
+export * from "./Input";
+//# sourceMappingURL=index.js.map

package/dist/esm/forms/Input/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/index.ts"],
+  "mappings": "AAqBA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/forms/Input/index.mjs

@@ -0,0 +1,2 @@
+export * from "./FieldInput.mjs";
+export * from "./Input.mjs";

package/dist/esm/forms/Input/index.native.js

@@ -0,0 +1,3 @@
+export * from "./FieldInput";
+export * from "./Input";
+//# sourceMappingURL=index.js.map

package/dist/esm/forms/Input/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Input/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Input/index.ts"],
+  "mappings": "AAqBA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/forms/Progress/FieldProgress.js

@@ -0,0 +1,64 @@
+import { useId } from "react";
+import { FormField } from "../FormField";
+import { Progress } from "./Progress";
+import { useForm, Field } from "@tanstack/react-form";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function FieldProgress(props) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    value,
+    preserveValue,
+    progressProps,
+    validatorAdapter,
+    validators,
+    ...fieldProps
+  } = useProps(props);
+  form = form ?? useForm();
+  const id = fieldProps.id || useId();
+  return !form || !name ? /* @__PURE__ */ jsx(FormField, { ...fieldProps, id, children: /* @__PURE__ */ jsx(
+    Progress,
+    {
+      borderColor: fieldProps.error ? "$red8" : void 0,
+      ...progressProps,
+      id,
+      value: value ?? defaultValue
+    }
+  ) }) : /* @__PURE__ */ jsx(
+    Field,
+    {
+      asyncAlways,
+      asyncDebounceMs,
+      defaultMeta,
+      defaultValue,
+      form,
+      mode,
+      name,
+      preserveValue,
+      validatorAdapter,
+      validators,
+      children: (field) => {
+        const error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : fieldProps.error;
+        return /* @__PURE__ */ jsx(FormField, { error, ...fieldProps, id, children: /* @__PURE__ */ jsx(
+          Progress,
+          {
+            borderColor: error ? "$red8" : void 0,
+            ...progressProps,
+            id,
+            value: value ?? field.state.value
+          }
+        ) });
+      }
+    }
+  );
+}
+export {
+  FieldProgress
+};
+//# sourceMappingURL=FieldProgress.js.map

package/dist/esm/forms/Progress/FieldProgress.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Progress/FieldProgress.tsx"],
+  "mappings": "AAqBA,SAAgB,aAAa;AAK7B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,SAAS,aAAa;AAC/B,SAAS,gBAAgB;AAyCjB;AA3BD,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,GAAG;AAAA,EACL,IAAI,SAAS,KAAK;AAClB,SAAO,QAAQ,QAAQ;AACvB,QAAM,KAAK,WAAW,MAAM,MAAM;AAClC,SAAI,CAAC,QAAQ,CAAC,OAEV,oBAAC,aAAW,GAAG,YAAY,IACzB;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,WAAW,QAAQ,UAAU;AAAA,MACzC,GAAG;AAAA,MACJ;AAAA,MACA,OAAO,SAAU;AAAA;AAAA,EACnB,GACF,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,UAAU;AACV,cAAM,QAAQ,MAAM,MAAM,KAAK,OAAO,SAAS,MAAM,MAAM,KAAK,OAAO,KAAK,IAAI,IAAI,WAAW;AAC/F,eACE,oBAAC,aAAU,OAAe,GAAG,YAAY,IACvC;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,QAAQ,UAAU;AAAA,YAC9B,GAAG;AAAA,YACJ;AAAA,YACA,OAAO,SAAU,MAAM,MAAM;AAAA;AAAA,QAC/B,GACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/esm/forms/Progress/FieldProgress.mjs

@@ -0,0 +1,61 @@
+import { useId } from "react";
+import { FormField } from "../FormField.mjs";
+import { Progress } from "./Progress.mjs";
+import { useForm, Field } from "@tanstack/react-form";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function FieldProgress(props) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    value,
+    preserveValue,
+    progressProps,
+    validatorAdapter,
+    validators,
+    ...fieldProps
+  } = useProps(props);
+  form = form ?? useForm();
+  const id = fieldProps.id || useId();
+  return !form || !name ? /* @__PURE__ */jsx(FormField, {
+    ...fieldProps,
+    id,
+    children: /* @__PURE__ */jsx(Progress, {
+      borderColor: fieldProps.error ? "$red8" : void 0,
+      ...progressProps,
+      id,
+      value: value ?? defaultValue
+    })
+  }) : /* @__PURE__ */jsx(Field, {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    preserveValue,
+    validatorAdapter,
+    validators,
+    children: field => {
+      const error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : fieldProps.error;
+      return /* @__PURE__ */jsx(FormField, {
+        error,
+        ...fieldProps,
+        id,
+        children: /* @__PURE__ */jsx(Progress, {
+          borderColor: error ? "$red8" : void 0,
+          ...progressProps,
+          id,
+          value: value ?? field.state.value
+        })
+      });
+    }
+  });
+}
+export { FieldProgress };

package/dist/esm/forms/Progress/FieldProgress.native.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { FormField } from "../FormField";
+import { Progress } from "./Progress";
+import { useForm, Field } from "@tanstack/react-form";
+import { useProps } from "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 FieldProgress(props) {
+  var _useProps = useProps(props), asyncAlways = _useProps.asyncAlways, asyncDebounceMs = _useProps.asyncDebounceMs, defaultMeta = _useProps.defaultMeta, defaultValue = _useProps.defaultValue, form = _useProps.form, mode = _useProps.mode, name = _useProps.name, value = _useProps.value, preserveValue = _useProps.preserveValue, progressProps = _useProps.progressProps, validatorAdapter = _useProps.validatorAdapter, validators = _useProps.validators, fieldProps = _object_without_properties(_useProps, [
+    "asyncAlways",
+    "asyncDebounceMs",
+    "defaultMeta",
+    "defaultValue",
+    "form",
+    "mode",
+    "name",
+    "value",
+    "preserveValue",
+    "progressProps",
+    "validatorAdapter",
+    "validators"
+  ]);
+  form = form ?? useForm();
+  var id = fieldProps.id || useId();
+  return !form || !name ? /* @__PURE__ */ _jsx(FormField, _object_spread_props(_object_spread({}, fieldProps), {
+    id,
+    children: /* @__PURE__ */ _jsx(Progress, _object_spread_props(_object_spread({
+      borderColor: fieldProps.error ? "$red8" : void 0
+    }, progressProps), {
+      id,
+      value: value ?? defaultValue
+    }))
+  })) : /* @__PURE__ */ _jsx(Field, {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    preserveValue,
+    validatorAdapter,
+    validators,
+    children: function(field) {
+      var error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : fieldProps.error;
+      return /* @__PURE__ */ _jsx(FormField, _object_spread_props(_object_spread({
+        error
+      }, fieldProps), {
+        id,
+        children: /* @__PURE__ */ _jsx(Progress, _object_spread_props(_object_spread({
+          borderColor: error ? "$red8" : void 0
+        }, progressProps), {
+          id,
+          value: value ?? field.state.value
+        }))
+      }));
+    }
+  });
+}
+export {
+  FieldProgress
+};
+//# sourceMappingURL=FieldProgress.js.map

package/dist/esm/forms/Progress/FieldProgress.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Progress/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Progress/FieldProgress.tsx"],
+  "mappings": ";AAqBA,SAAgBA,aAAa;AAK7B,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,SAASC,aAAa;AAC/B,SAASC,gBAAgB;AAVxB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBM,SAASC,cAMdC,OAAqF;AACrF,MAcIF,YAAAA,SAASE,KAAAA,GAbXC,cAaEH,UAbFG,aACAC,kBAYEJ,UAZFI,iBACAC,cAWEL,UAXFK,aACAC,eAUEN,UAVFM,cACAC,OASEP,UATFO,MACAC,OAQER,UARFQ,MACAC,OAOET,UAPFS,MACAC,QAMEV,UANFU,OACAC,gBAKEX,UALFW,eACAC,gBAIEZ,UAJFY,eACAC,mBAGEb,UAHFa,kBACAC,aAEEd,UAFFc,YACGC,aAAAA,2BACDf,WAAAA;IAbFG;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;;AAGFP,SAAOA,QAAQT,QAAAA;AACf,MAAMkB,KAAKD,WAAWC,MAAMrB,MAAAA;AAC5B,SAAI,CAACY,QAAQ,CAACE,OAEV,qBAACb,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcmB,UAAAA,GAAAA;IAAYC;cACzB,qBAACnB,UAAAA,qBAAAA,eAAAA;MACCoB,aAAaF,WAAWG,QAAQ,UAAUC;OACtCP,aAAAA,GAAAA;MACJI;MACAN,OAAOA,SAAUJ;;QAMvB,qBAACP,OAAAA;IACCI;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAE;IACAE;IACAC;cAEC,SAACM,OAAAA;AACA,UAAMF,QAAQE,MAAMC,MAAMC,KAAKC,OAAOC,SAASJ,MAAMC,MAAMC,KAAKC,OAAOE,KAAK,IAAA,IAAQV,WAAWG;AAC/F,aACE,qBAACtB,WAAAA,qBAAAA,eAAAA;QAAUsB;SAAkBH,UAAAA,GAAAA;QAAYC;kBACvC,qBAACnB,UAAAA,qBAAAA,eAAAA;UACCoB,aAAaC,QAAQ,UAAUC;WAC3BP,aAAAA,GAAAA;UACJI;UACAN,OAAOA,SAAUU,MAAMC,MAAMX;;;IAIrC;;AAGN;",
+  "names": ["useId", "FormField", "Progress", "useForm", "Field", "useProps", "FieldProgress", "props", "asyncAlways", "asyncDebounceMs", "defaultMeta", "defaultValue", "form", "mode", "name", "value", "preserveValue", "progressProps", "validatorAdapter", "validators", "fieldProps", "id", "borderColor", "error", "undefined", "field", "state", "meta", "errors", "length", "join"]
+}

package/dist/esm/forms/Progress/FieldProgress.stories.js

@@ -0,0 +1,39 @@
+import { Button, YStack } from "tamagui";
+import { FieldProgress } from "./FieldProgress";
+import { action } from "@storybook/addon-actions";
+import { useForm } from "@tanstack/react-form";
+import { jsx } from "react/jsx-runtime";
+var FieldProgress_stories_default = {
+  title: "forms/FieldProgress",
+  component: FieldProgress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = (args) => /* @__PURE__ */ jsx(FieldProgress, { onProgressChange: action("onProgressChange"), ...args }), mainArgs = {
+  label: "john",
+  error: void 0,
+  helperText: "please check this progress",
+  size: "$2"
+};
+main.args = mainArgs;
+const form = () => {
+  const form2 = useForm({
+    defaultValues: {
+      foo: !1,
+      bar: !0
+    },
+    onSubmit: async ({ value }) => {
+      action("onSubmit")(value);
+    }
+  });
+  return /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Button, { onPress: form2.handleSubmit, children: "Submit" }) });
+};
+export {
+  FieldProgress_stories_default as default,
+  form,
+  main
+};
+//# sourceMappingURL=FieldProgress.stories.js.map