@multiplatform.one/components 2.0.2 → 2.0.5

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

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

package/dist/esm/forms/Checkbox/Checkbox.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/Checkbox.ts"],
+  "mappings": "AAsBA,SAASA,gBAAgB;",
+  "names": ["Checkbox"]
+}

package/dist/esm/forms/Checkbox/FieldCheckbox.js

@@ -0,0 +1,98 @@
+import { useId } from "react";
+import { CheckRegular, MinusRegular } from "../../icons";
+import { Checkbox } from "./Checkbox";
+import { Field, useForm } from "@tanstack/react-form";
+import { useProps, XStack, Label, Paragraph, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldCheckbox(props) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    checkboxProps,
+    checked,
+    children,
+    defaultMeta,
+    defaultValue,
+    error,
+    form,
+    helperText,
+    label,
+    labelProps,
+    mode,
+    name,
+    onBlur,
+    onCheckedChange,
+    preserveValue,
+    required,
+    size,
+    validatorAdapter,
+    validators,
+    ...fieldProps
+  } = useProps(props);
+  form = form || useForm();
+  const id = fieldProps.id || useId();
+  return helperText = error && typeof error == "string" ? error : helperText, !form || !name ? /* @__PURE__ */ jsxs(YStack, { theme: error ? "red" : void 0, ...fieldProps, onBlur, children: [
+    /* @__PURE__ */ jsxs(XStack, { gap: "$2", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          ...checkboxProps,
+          onCheckedChange,
+          checked: checked ?? defaultValue,
+          id,
+          children: children ?? /* @__PURE__ */ jsx(Checkbox.Indicator, { children: (checked ?? defaultValue) === "indeterminate" ? /* @__PURE__ */ jsx(MinusRegular, {}) : /* @__PURE__ */ jsx(CheckRegular, {}) })
+        }
+      ),
+      label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, size: size || "$3", color: error ? "$red10" : void 0, ...labelProps, children: [
+        label,
+        required && " *"
+      ] })
+    ] }),
+    helperText && /* @__PURE__ */ jsx(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0, children: helperText })
+  ] }) : /* @__PURE__ */ jsx(
+    Field,
+    {
+      asyncAlways,
+      asyncDebounceMs,
+      defaultMeta,
+      defaultValue,
+      form,
+      mode,
+      name,
+      preserveValue,
+      validatorAdapter,
+      validators,
+      children: (field) => (error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = typeof error == "string" ? error : helperText, /* @__PURE__ */ jsxs(
+        YStack,
+        {
+          theme: error ? "red" : void 0,
+          ...fieldProps,
+          onBlur: (e) => (field.handleBlur(), onBlur?.(e)),
+          children: [
+            /* @__PURE__ */ jsxs(XStack, { gap: "$2", alignItems: "center", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  ...checkboxProps,
+                  checked: checked ?? field.state.value,
+                  id,
+                  onCheckedChange: (checked2) => (field.handleChange(checked2), onCheckedChange?.(checked2)),
+                  children: children ?? /* @__PURE__ */ jsx(Checkbox.Indicator, { children: (checked ?? field.state.value) === "indeterminate" ? /* @__PURE__ */ jsx(MinusRegular, {}) : /* @__PURE__ */ jsx(CheckRegular, {}) })
+                }
+              ),
+              label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, size: size || "$3", color: error ? "$red10" : void 0, ...labelProps, children: [
+                label,
+                required && " *"
+              ] })
+            ] }),
+            helperText && /* @__PURE__ */ jsx(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0, children: helperText })
+          ]
+        }
+      ))
+    }
+  );
+}
+export {
+  FieldCheckbox
+};
+//# sourceMappingURL=FieldCheckbox.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/FieldCheckbox.tsx"],
+  "mappings": "AAqBA,SAAgB,aAAa;AAM7B,SAAS,cAAc,oBAAoB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,OAAO,eAAe;AAC/B,SAAS,UAAU,QAAQ,OAAO,WAAW,cAAc;AA6DzC,cAQN,YARM;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,IAAI,SAAS,KAAK;AAClB,SAAO,QAAQ,QAAQ;AACvB,QAAM,KAAK,WAAW,MAAM,MAAM;AAElC,SADA,aAAa,SAAS,OAAO,SAAU,WAAW,QAAQ,YACtD,CAAC,QAAQ,CAAC,OAEV,qBAAC,UAAO,OAAO,QAAQ,QAAQ,QAAY,GAAG,YAAY,QACxD;AAAA,yBAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,SAAS,WAAY;AAAA,UACrB;AAAA,UAEC,sBACC,oBAAC,SAAS,WAAT,EACG,sBAAY,kBAAgD,kBAC5D,oBAAC,gBAAa,IAEd,oBAAC,gBAAa,GAElB;AAAA;AAAA,MAEJ;AAAA,MACC,SACC,qBAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAM,OAAO,QAAQ,WAAW,QAAY,GAAG,YAC9E;AAAA;AAAA,QACA,YAAY;AAAA,SACf;AAAA,OAEJ;AAAA,IACC,cACC,oBAAC,aAAU,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,iCAAC,UAAO,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,oBAAC,SAAS,WAAT,EACG,sBAAY,MAAM,MAAM,WAA4B,kBACpD,oBAAC,gBAAa,IAEd,oBAAC,gBAAa,GAElB;AAAA;AAAA,cAEJ;AAAA,cACC,SACC,qBAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAM,OAAO,QAAQ,WAAW,QAAY,GAAG,YAC9E;AAAA;AAAA,gBACA,YAAY;AAAA,iBACf;AAAA,eAEJ;AAAA,YACC,cACC,oBAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA;AAAA;AAAA,MAEJ;AAAA;AAAA,EAGN;AAEJ;",
+  "names": ["checked"]
+}

package/dist/esm/forms/Checkbox/FieldCheckbox.mjs

@@ -0,0 +1,104 @@
+import { useId } from "react";
+import { CheckRegular, MinusRegular } from "../../icons/index.mjs";
+import { Checkbox } from "./Checkbox.mjs";
+import { Field, useForm } from "@tanstack/react-form";
+import { useProps, XStack, Label, Paragraph, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldCheckbox(props) {
+  let {
+    asyncAlways,
+    asyncDebounceMs,
+    checkboxProps,
+    checked,
+    children,
+    defaultMeta,
+    defaultValue,
+    error,
+    form,
+    helperText,
+    label,
+    labelProps,
+    mode,
+    name,
+    onBlur,
+    onCheckedChange,
+    preserveValue,
+    required,
+    size,
+    validatorAdapter,
+    validators,
+    ...fieldProps
+  } = useProps(props);
+  form = form || useForm();
+  const id = fieldProps.id || useId();
+  return helperText = error && typeof error == "string" ? error : helperText, !form || !name ? /* @__PURE__ */jsxs(YStack, {
+    theme: error ? "red" : void 0,
+    ...fieldProps,
+    onBlur,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Checkbox, {
+        ...checkboxProps,
+        onCheckedChange,
+        checked: checked ?? defaultValue,
+        id,
+        children: children ?? /* @__PURE__ */jsx(Checkbox.Indicator, {
+          children: (checked ?? defaultValue) === "indeterminate" ? /* @__PURE__ */jsx(MinusRegular, {}) : /* @__PURE__ */jsx(CheckRegular, {})
+        })
+      }), label && /* @__PURE__ */jsxs(Label, {
+        htmlFor: id,
+        size: size || "$3",
+        color: error ? "$red10" : void 0,
+        ...labelProps,
+        children: [label, required && " *"]
+      })]
+    }), helperText && /* @__PURE__ */jsx(Paragraph, {
+      paddingLeft: "$2",
+      size,
+      color: error ? "$red10" : void 0,
+      children: helperText
+    })]
+  }) : /* @__PURE__ */jsx(Field, {
+    asyncAlways,
+    asyncDebounceMs,
+    defaultMeta,
+    defaultValue,
+    form,
+    mode,
+    name,
+    preserveValue,
+    validatorAdapter,
+    validators,
+    children: field => (error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = typeof error == "string" ? error : helperText, /* @__PURE__ */jsxs(YStack, {
+      theme: error ? "red" : void 0,
+      ...fieldProps,
+      onBlur: e => (field.handleBlur(), onBlur?.(e)),
+      children: [/* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Checkbox, {
+          ...checkboxProps,
+          checked: checked ?? field.state.value,
+          id,
+          onCheckedChange: checked2 => (field.handleChange(checked2), onCheckedChange?.(checked2)),
+          children: children ?? /* @__PURE__ */jsx(Checkbox.Indicator, {
+            children: (checked ?? field.state.value) === "indeterminate" ? /* @__PURE__ */jsx(MinusRegular, {}) : /* @__PURE__ */jsx(CheckRegular, {})
+          })
+        }), label && /* @__PURE__ */jsxs(Label, {
+          htmlFor: id,
+          size: size || "$3",
+          color: error ? "$red10" : void 0,
+          ...labelProps,
+          children: [label, required && " *"]
+        })]
+      }), helperText && /* @__PURE__ */jsx(Paragraph, {
+        paddingLeft: "$2",
+        size,
+        color: error ? "$red10" : void 0,
+        children: helperText
+      })]
+    }))
+  });
+}
+export { FieldCheckbox };

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

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { CheckRegular, MinusRegular } from "../../icons";
+import { Checkbox } from "./Checkbox";
+import { Field, useForm } from "@tanstack/react-form";
+import { useProps, XStack, Label, Paragraph, YStack } 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 FieldCheckbox(props) {
+  var _useProps = 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 || useForm();
+  var id = fieldProps.id || useId();
+  return helperText = error && typeof error == "string" ? error : helperText, !form || !name ? /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
+    theme: error ? "red" : void 0
+  }, fieldProps), {
+    onBlur,
+    children: [
+      /* @__PURE__ */ _jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ _jsx(Checkbox, _object_spread_props(_object_spread({}, checkboxProps), {
+            onCheckedChange,
+            checked: checked ?? defaultValue,
+            id,
+            children: children ?? /* @__PURE__ */ _jsx(Checkbox.Indicator, {
+              children: (checked ?? defaultValue) === "indeterminate" ? /* @__PURE__ */ _jsx(MinusRegular, {}) : /* @__PURE__ */ _jsx(CheckRegular, {})
+            })
+          })),
+          label && /* @__PURE__ */ _jsxs(Label, _object_spread_props(_object_spread({
+            htmlFor: id,
+            size: size || "$3",
+            color: error ? "$red10" : void 0
+          }, labelProps), {
+            children: [
+              label,
+              required && " *"
+            ]
+          }))
+        ]
+      }),
+      helperText && /* @__PURE__ */ _jsx(Paragraph, {
+        paddingLeft: "$2",
+        size,
+        color: error ? "$red10" : void 0,
+        children: helperText
+      })
+    ]
+  })) : /* @__PURE__ */ _jsx(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__ */ _jsxs(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__ */ _jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ _jsx(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__ */ _jsx(Checkbox.Indicator, {
+                  children: (checked ?? field.state.value) === "indeterminate" ? /* @__PURE__ */ _jsx(MinusRegular, {}) : /* @__PURE__ */ _jsx(CheckRegular, {})
+                })
+              })),
+              label && /* @__PURE__ */ _jsxs(Label, _object_spread_props(_object_spread({
+                htmlFor: id,
+                size: size || "$3",
+                color: error ? "$red10" : void 0
+              }, labelProps), {
+                children: [
+                  label,
+                  required && " *"
+                ]
+              }))
+            ]
+          }),
+          helperText && /* @__PURE__ */ _jsx(Paragraph, {
+            paddingLeft: "$2",
+            size,
+            color: error ? "$red10" : void 0,
+            children: helperText
+          })
+        ]
+      }));
+    }
+  });
+}
+export {
+  FieldCheckbox
+};
+//# sourceMappingURL=FieldCheckbox.js.map

package/dist/esm/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": ["useId", "CheckRegular", "MinusRegular", "Checkbox", "Field", "useForm", "useProps", "XStack", "Label", "Paragraph", "YStack", "FieldCheckbox", "props", "asyncAlways", "asyncDebounceMs", "checkboxProps", "checked", "children", "defaultMeta", "defaultValue", "error", "form", "helperText", "label", "labelProps", "mode", "name", "onBlur", "onCheckedChange", "preserveValue", "required", "size", "validatorAdapter", "validators", "fieldProps", "id", "theme", "undefined", "gap", "alignItems", "Indicator", "htmlFor", "color", "paddingLeft", "field", "state", "meta", "errors", "length", "join", "e", "handleBlur", "value", "handleChange"]
+}

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/FieldCheckbox.stories.tsx"],
+  "mappings": "AAuBA,SAAS,QAAQ,cAAc;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,eAAe;AAQM,cAoB1B,YApB0B;AAN9B,IAAO,gCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SAAS,oBAAC,iBAAc,iBAAiB,OAAO,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,QAAO,QAAQ;AAAA,IACnB,eAAe;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,aAAO,UAAU,EAAE,KAAK;AAAA,IAC1B;AAAA,EACF,CAAC;AACD,SACE,qBAAC,UACC;AAAA,wBAAC,iBAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,oBAAC,iBAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,oBAAC,UAAO,SAASA,MAAK,cAAc,oBAAM;AAAA,KAC5C;AAEJ;",
+  "names": ["form"]
+}

package/dist/esm/forms/Checkbox/FieldCheckbox.stories.mjs

@@ -0,0 +1,53 @@
+import { Button, YStack } from "tamagui";
+import { FieldCheckbox } from "./FieldCheckbox.mjs";
+import { action } from "@storybook/addon-actions";
+import { useForm } from "@tanstack/react-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FieldCheckbox_stories_default = {
+  title: "forms/FieldCheckBox",
+  component: FieldCheckbox,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = args => /* @__PURE__ */jsx(FieldCheckbox, {
+    onCheckedChange: action("onCheckedChange"),
+    ...args
+  }),
+  mainArgs = {
+    label: "Hello",
+    error: void 0,
+    helperText: "please check this box",
+    checked: void 0
+  };
+main.args = mainArgs;
+const form = () => {
+  const form2 = useForm({
+    defaultValues: {
+      foo: !1,
+      bar: !0
+    },
+    onSubmit: async ({
+      value
+    }) => {
+      action("onSubmit")(value);
+    }
+  });
+  return /* @__PURE__ */jsxs(YStack, {
+    children: [/* @__PURE__ */jsx(FieldCheckbox, {
+      label: "Accept",
+      name: "foo",
+      form: form2
+    }), /* @__PURE__ */jsx(FieldCheckbox, {
+      label: "Accept",
+      name: "bar",
+      form: form2
+    }), /* @__PURE__ */jsx(Button, {
+      onPress: form2.handleSubmit,
+      children: "Submit"
+    })]
+  });
+};
+export { FieldCheckbox_stories_default as default, form, main };