@multiplatform.one/components 0.7.1 → 0.7.3

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

@@ -0,0 +1,65 @@
+import React, { useId } from "react";
+import { Progress } from "tamagui";
+import { useFormContext, Controller } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormProgress({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  size,
+  vertical,
+  ...progressProps
+}) {
+  const formContext = useFormContext(), id = useId(), propSize = typeof size == "number" ? `$${size}` : size;
+  return formContext ? /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(
+          Progress,
+          {
+            mt: vertical ? 86 : void 0,
+            ml: vertical ? -80 : void 0,
+            rotate: vertical ? "270deg" : void 0,
+            ...progressProps,
+            size: propSize,
+            value: value ?? 0
+          }
+        )
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(
+    Progress,
+    {
+      mt: vertical ? 86 : void 0,
+      ml: vertical ? -80 : void 0,
+      rotate: vertical ? "270deg" : void 0,
+      ...progressProps,
+      size: propSize
+    },
+    /* @__PURE__ */ React.createElement(Progress.Indicator, { animation: "bouncy" })
+  ));
+}
+export {
+  FormProgress
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormProgress/index.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa;AAE7B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,kBAAkB;AAE3C,SAAS,iBAAiB;AAQnB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM,GACX,WAAW,OAAO,QAAS,WAAY,IAAI,IAAI,KAAqB;AAC1E,SAAK,cAgBH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACjD;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,WAAW,KAAK;AAAA,YACpB,IAAI,WAAW,MAAM;AAAA,YACrB,QAAQ,WAAW,WAAW;AAAA,YAC7B,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,OAAO,SAAS;AAAA;AAAA,QAClB;AAAA,MACF;AAAA;AAAA,EAEJ,IAtCE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,WAAW,KAAK;AAAA,MACpB,IAAI,WAAW,MAAM;AAAA,MACrB,QAAQ,WAAW,WAAW;AAAA,MAC7B,GAAG;AAAA,MACJ,MAAM;AAAA;AAAA,IAEN,oCAAC,SAAS,WAAT,EAAmB,WAAU,UAAS;AAAA,EACzC,CACF;AA8BN;",
+  "names": ["error"]
+}

package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.js

@@ -1,26 +1,36 @@
-import { FormRadioGroup } from "./index";
+import { FormRadio, FormRadioGroup } from "./index";
 import { action } from "@storybook/addon-actions";
-import { jsx } from "react/jsx-runtime";
+import { SimpleForm } from "../SimpleForm";
+import { Label } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormRadioGroup_stories_default = {
   title: "forms/FormRadioGroup",
   component: FormRadioGroup,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ jsx(
+const main = (args) => /* @__PURE__ */ jsx(SimpleForm, { children: /* @__PURE__ */ jsxs(
   FormRadioGroup,
   {
     name: "radio group",
     label: "radio group",
     helperText: "select an option",
+    contentStyle: { space: "$4" },
     required: !0,
-    radioElements: [
-      { label: "option 1", value: "option1" },
-      { label: "option 2", value: "option2" },
-      { label: "option 3", value: "option3" }
-    ],
-    onValueChange: action("onValueChange")
+    onValueChange: action("onValueChange"),
+    space: !0,
+    ...args,
+    children: [
+      /* @__PURE__ */ jsx(FormRadio, { size: "$4", value: "option1", children: /* @__PURE__ */ jsx(Label, { htmlFor: "option1", children: "option 1" }) }),
+      /* @__PURE__ */ jsx(FormRadio, { size: "$4", value: "option2", children: /* @__PURE__ */ jsx(Label, { htmlFor: "option2", children: "option 2" }) }),
+      /* @__PURE__ */ jsx(FormRadio, { size: "$4", value: "option3", children: /* @__PURE__ */ jsx(Label, { htmlFor: "option3", children: "option 3" }) }),
+      /* @__PURE__ */ jsx(FormRadio, { size: "$4", value: "option4", children: /* @__PURE__ */ jsx(Label, { htmlFor: "option4", children: "option 4" }) })
+    ]
   }
-);
+) });
+main.args = {
+  defaultValue: "option1",
+  horizontal: !1
+};
 export {
   FormRadioGroup_stories_default as default,
   main

package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
-  "mappings": "AACA,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AASrB;AAPF,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,UAAQ;AAAA,IACR,eAAe;AAAA,MACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC;AAAA,IACA,eAAe,OAAO,eAAe;AAAA;AACvC;",
+  "mappings": "AAsBA,SAAS,WAAW,sBAAsB;AAC1C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAUlB,SAWI,KAXJ;AARJ,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SACnB,oBAAC,cACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc,EAAE,OAAO,KAAK;AAAA,IAC5B,UAAQ;AAAA,IACR,eAAe,OAAO,eAAe;AAAA,IACrC,OAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,0BAAC,aAAU,MAAK,MAAK,OAAM,WACzB,8BAAC,SAAM,SAAQ,WAAU,sBAAQ,GACnC;AAAA,MACA,oBAAC,aAAU,MAAK,MAAK,OAAM,WACzB,8BAAC,SAAM,SAAQ,WAAU,sBAAQ,GACnC;AAAA,MACA,oBAAC,aAAU,MAAK,MAAK,OAAM,WACzB,8BAAC,SAAM,SAAQ,WAAU,sBAAQ,GACnC;AAAA,MACA,oBAAC,aAAU,MAAK,MAAK,OAAM,WACzB,8BAAC,SAAM,SAAQ,WAAU,sBAAQ,GACnC;AAAA;AAAA;AACF,GACF;AAGF,KAAK,OAAO;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;",
   "names": []
 }

package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.native.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { FormRadio, FormRadioGroup } from "./index";
+import { action } from "@storybook/addon-actions";
+import { SimpleForm } from "../SimpleForm";
+import { Label } from "tamagui";
+var FormRadioGroup_stories_default = {
+  title: "forms/FormRadioGroup",
+  component: FormRadioGroup,
+  parameters: { status: { type: "beta" } }
+};
+const main = (args) => /* @__PURE__ */ React.createElement(SimpleForm, null, /* @__PURE__ */ React.createElement(
+  FormRadioGroup,
+  {
+    name: "radio group",
+    label: "radio group",
+    helperText: "select an option",
+    contentStyle: { space: "$4" },
+    required: !0,
+    onValueChange: action("onValueChange"),
+    space: !0,
+    ...args
+  },
+  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option1" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option1" }, "option 1")),
+  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option2" }, "option 2")),
+  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option3" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option3" }, "option 3")),
+  /* @__PURE__ */ React.createElement(FormRadio, { size: "$4", value: "option4" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "option4" }, "option 4"))
+));
+main.args = {
+  defaultValue: "option1",
+  horizontal: !1
+};
+export {
+  FormRadioGroup_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormRadioGroup.stories.js.map

package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,WAAW,sBAAsB;AAC1C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEtB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SACnB,oCAAC,kBACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,cAAc,EAAE,OAAO,KAAK;AAAA,IAC5B,UAAQ;AAAA,IACR,eAAe,OAAO,eAAe;AAAA,IACrC,OAAK;AAAA,IACJ,GAAG;AAAA;AAAA,EAEJ,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AAAA,EACA,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AAAA,EACA,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AAAA,EACA,oCAAC,aAAU,MAAK,MAAK,OAAM,aACzB,oCAAC,SAAM,SAAQ,aAAU,UAAQ,CACnC;AACF,CACF;AAGF,KAAK,OAAO;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;",
+  "names": []
+}

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

@@ -1,9 +1,8 @@
 import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
-import { Label, RadioGroup, XStack, YStack } from "tamagui";
+import { RadioGroup, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
 function FormRadioGroup({
   children,
   control,
@@ -16,8 +15,7 @@ function FormRadioGroup({
   required,
   horizontal,
   rules,
-  labelStyle,
-  spacingProps,
+  contentStyle,
   ...radioProps
 }) {
   const formContext = useFormContext(), id = useId();
@@ -46,18 +44,18 @@ function FormRadioGroup({
               onValueChange: (e) => {
                 onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
               },
-              children: horizontal ? /* @__PURE__ */ jsx(XStack, { ...spacingProps, children: radioProps.radioElements.map((item) => /* @__PURE__ */ createElement(FormRadio, { ...item, key: item.value, ...labelStyle })) }) : /* @__PURE__ */ jsx(YStack, { ...spacingProps, children: radioProps.radioElements.map((item) => /* @__PURE__ */ createElement(FormRadio, { ...item, key: item.value, ...labelStyle })) })
+              children: /* @__PURE__ */ jsx(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle, children })
             }
           )
         }
       )
     }
-  ) : /* @__PURE__ */ jsx(RadioGroup, { name, ...radioProps, children: horizontal ? /* @__PURE__ */ jsx(XStack, { ...spacingProps, children: radioProps.radioElements.map((item) => /* @__PURE__ */ createElement(FormRadio, { ...item, key: item.value })) }) : /* @__PURE__ */ jsx(YStack, { ...spacingProps, children: radioProps.radioElements.map((item) => /* @__PURE__ */ createElement(FormRadio, { ...item, key: item.value })) }) });
+  ) : /* @__PURE__ */ jsx(RadioGroup, { name, ...radioProps, children: /* @__PURE__ */ jsx(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle, children }) });
 }
-function FormRadio({ label, value, size, disabled, id, ...labelStyle }) {
+function FormRadio({ children, value, size, disabled, id, ...props }) {
   return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$1", children: [
-    /* @__PURE__ */ jsx(RadioGroup.Item, { value, id, size, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, { disabled }) }),
-    /* @__PURE__ */ jsx(Label, { size, htmlFor: id, ...labelStyle, children: label })
+    /* @__PURE__ */ jsx(RadioGroup.Item, { value, id, size: size || "$4", ...props, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, { disabled }) }),
+    children
   ] });
 }
 export {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY,QAAQ,cAAc;AA8CxC,cA6DN,YA7DM;AAEI;AAxBP,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgG;AAC9F,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAoBH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;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,cACC;AAAA,cACC,GAAG;AAAA,cACJ;AAAA,cACA,eAAe,CAAC,MAAM;AACpB,yBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,cAC1D;AAAA,cAEC,uBACC,oBAAC,UAAQ,GAAG,cACT,qBAAW,cAAc,IAAI,CAAC,SAC7B,8BAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAQ,GAAG,YAAY,CACvD,GACH,IAEA,oBAAC,UAAQ,GAAG,cACT,qBAAW,cAAc,IAAI,CAAC,SAC7B,8BAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAQ,GAAG,YAAY,CACvD,GACH;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAzDE,oBAAC,cAAW,MAAa,GAAG,YACzB,uBACC,oBAAC,UAAQ,GAAG,cACT,qBAAW,cAAc,IAAI,CAAC,SAC7B,8BAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAO,CACvC,GACH,IAEA,oBAAC,UAAQ,GAAG,cACT,qBAAW,cAAc,IAAI,CAAC,SAC7B,8BAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAO,CACvC,GACH,GAEJ;AA6CN;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,MACrC,8BAAC,WAAW,WAAX,EAAqB,UAAoB,GAC5C;AAAA,IACA,oBAAC,SAAM,MAAY,SAAS,IAAK,GAAG,YACjC,iBACH;AAAA,KACF;AAEJ;",
+  "mappings": "AAqBA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAQ,cAAc;AAsCnC,cA0CJ,YA1CI;AApBD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAUH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;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,cACC;AAAA,cACC,GAAG;AAAA,cACJ;AAAA,cACA,eAAe,CAAC,MAAM;AACpB,yBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,cAC1D;AAAA,cAEA,8BAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,cACtE,UACH;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IArCE,oBAAC,cAAW,MAAa,GAAG,YAC1B,8BAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,cACtE,UACH,GACF;AAmCN;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,MAAM,UAAU,IAAI,GAAG,MAAM,GAAmB;AAC3F,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,MAAM,QAAQ,MAAO,GAAG,OAC7D,8BAAC,WAAW,WAAX,EAAqB,UAAoB,GAC5C;AAAA,IACC;AAAA,KACH;AAEJ;",
   "names": ["error"]
 }

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

@@ -0,0 +1,61 @@
+import React, { useId } from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+import { RadioGroup, XStack, YStack } from "tamagui";
+function FormRadioGroup({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  horizontal,
+  rules,
+  contentStyle,
+  ...radioProps
+}) {
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(
+          RadioGroup,
+          {
+            name,
+            ...radioProps,
+            value,
+            onValueChange: (e) => {
+              onChange(e), radioProps.onValueChange && radioProps.onValueChange(e);
+            }
+          },
+          /* @__PURE__ */ React.createElement(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle }, children)
+        )
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(RadioGroup, { name, ...radioProps }, /* @__PURE__ */ React.createElement(YStack, { display: "flex", flexDirection: horizontal ? "row" : "column", ...contentStyle }, children));
+}
+function FormRadio({ children, value, size, disabled, id, ...props }) {
+  return /* @__PURE__ */ React.createElement(XStack, { alignItems: "center", space: "$1" }, /* @__PURE__ */ React.createElement(RadioGroup.Item, { value, id, size: size || "$4", ...props }, /* @__PURE__ */ React.createElement(RadioGroup.Indicator, { disabled })), children);
+}
+export {
+  FormRadio,
+  FormRadioGroup
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
+  "mappings": "AAqBA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY,QAAQ,cAAc;AAkBpC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAUH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA,eAAe,CAAC,MAAM;AACpB,uBAAS,CAAC,GACN,WAAW,iBAAe,WAAW,cAAc,CAAC;AAAA,YAC1D;AAAA;AAAA,UAEA,oCAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,gBACtE,QACH;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ,IArCE,oCAAC,cAAW,MAAa,GAAG,cAC1B,oCAAC,UAAO,SAAQ,QAAO,eAAe,aAAa,QAAQ,UAAW,GAAG,gBACtE,QACH,CACF;AAmCN;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,MAAM,UAAU,IAAI,GAAG,MAAM,GAAmB;AAC3F,SACE,oCAAC,UAAO,YAAW,UAAS,OAAM,QAChC,oCAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,MAAM,QAAQ,MAAO,GAAG,SAC7D,oCAAC,WAAW,WAAX,EAAqB,UAAoB,CAC5C,GACC,QACH;AAEJ;",
+  "names": ["error"]
+}

package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.native.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FormSelectSimple } from "./index";
+import { Select } from "tamagui";
+var FormSelectSimple_stories_default = {
+  title: "forms/FormSelectSimple",
+  component: FormSelectSimple,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ React.createElement(FormSelectSimple, { name: "FormSelectSimple", placeholder: "select one of these" }, /* @__PURE__ */ React.createElement(Select.Item, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "BMW")), /* @__PURE__ */ React.createElement(Select.Item, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "AUDI")), /* @__PURE__ */ React.createElement(Select.Item, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "FORD")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "SUZUKI")));
+export {
+  FormSelectSimple_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormSelectSimple.stories.js.map

package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSelectSimple/FormSelectSimple.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,oBAAiB,MAAK,oBAAmB,aAAY,yBACpD,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,oCAAC,OAAO,UAAP,MAAgB,KAAG,CACtB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,CACF;",
+  "names": []
+}

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

@@ -0,0 +1,52 @@
+import React, { useId } from "react";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+import { SelectSimple } from "../SelectSimple";
+function FormSelectSimple({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...selectProps
+}) {
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(
+          SelectSimple,
+          {
+            ...selectProps,
+            value: value ?? "",
+            onValueChange: (e) => {
+              onChange(e), selectProps.onValueChange && selectProps.onValueChange(e);
+            }
+          }
+        )
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(SelectSimple, { ...selectProps }));
+}
+export {
+  FormSelectSimple
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSelectSimple/index.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAQH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,SAAS;AAAA,YAChB,eAAe,CAAC,MAAM;AACpB,uBAAS,CAAC,GACN,YAAY,iBAAe,YAAY,cAAc,CAAC;AAAA,YAC5D;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ,IA9BE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,gBAAc,GAAG,aAAa,CACjC;AA8BN;",
+  "names": ["error"]
+}

package/dist/esm/forms/FormSlider/FormSlider.stories.native.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { FormSlider } from "./index";
+import { action } from "@storybook/addon-actions";
+var FormSlider_stories_default = {
+  title: "forms/FormSlider",
+  component: FormSlider,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ React.createElement(FormSlider, { name: "FormSlider", onValueChange: action("onValueChange") });
+export {
+  FormSlider_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormSlider.stories.js.map

package/dist/esm/forms/FormSlider/FormSlider.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,oCAAC,cAAW,MAAK,cAAa,eAAe,OAAO,eAAe,GAAG;",
+  "names": []
+}

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

@@ -0,0 +1,70 @@
+import React, { useId } from "react";
+import { Slider } from "tamagui";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormSlider({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  thumbStyle,
+  rules,
+  ...switchProps
+}) {
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(Slider, { defaultValue, value, onValueChange: onChange, ...switchProps }, /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(
+          Slider.Thumb,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            bordered: !0,
+            circular: !0,
+            userSelect: "none",
+            elevate: !0,
+            index: 0,
+            ...thumbStyle
+          },
+          value[0]
+        ), children)
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(Slider, null, /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(
+    Slider.Thumb,
+    {
+      bordered: !0,
+      circular: !0,
+      elevate: !0,
+      index: 0,
+      "aria-describedby": "my-tooltip",
+      position: "absolute",
+      style: { height: 10, width: 10 },
+      size: 24
+    }
+  ));
+}
+export {
+  FormSlider
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSlider/index.tsx"],
+  "mappings": "AACA,OAAO,SAAS,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cAoBH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,UAAO,cAA4B,OAAc,eAAe,UAAW,GAAG,eAC7E,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,YAAW;AAAA,YACX,SAAO;AAAA,YACP,OAAO;AAAA,YACN,GAAG;AAAA;AAAA,UAEH,MAAM,CAAC;AAAA,QACV,GACC,QACH;AAAA,MACF;AAAA;AAAA,EAEJ,IApDE,oCAAC,cACC,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,UAAQ;AAAA,MACR,UAAQ;AAAA,MACR,SAAO;AAAA,MACP,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,UAAS;AAAA,MACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,MAC/B,MAAM;AAAA;AAAA,EACR,CACF;AAwCN;",
+  "names": ["error"]
+}

package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.native.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { SimpleForm } from "../SimpleForm";
+import { FormSubmitButton } from "./index";
+import { action } from "@storybook/addon-actions";
+var FormSubmitButton_stories_default = {
+  title: "forms/FormSubmitButton",
+  component: FormSubmitButton,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ React.createElement(SimpleForm, null, /* @__PURE__ */ React.createElement(FormSubmitButton, { onPress: action("onClick") }, "Click here"));
+export {
+  FormSubmitButton_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormSubmitButton.stories.js.map

package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSubmitButton/FormSubmitButton.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,kBACC,oCAAC,oBAAiB,SAAS,OAAO,SAAS,KAAG,YAAU,CAC1D;",
+  "names": []
+}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { Button } from "tamagui";
+import { useFormContext } from "react-hook-form";
+function FormSubmitButton({
+  onSubmit,
+  onPress,
+  ...buttonProps
+}) {
+  const formContext = useFormContext(), { handleSubmit } = formContext;
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onPress: (e) => {
+        onPress && onPress(e), handleSubmit((data) => {
+          onSubmit && onSubmit(data, formContext);
+        })(e);
+      },
+      ...buttonProps
+    }
+  );
+}
+export {
+  FormSubmitButton
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSubmitButton/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAIlB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAMxB,SAAS,iBAAsD;AAAA,EACpE;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,cAAc,eAAkB,GAChC,EAAE,aAAa,IAAI;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,MAA6B;AACrC,QAAI,WAAS,QAAQ,CAAC,GACtB,aAAa,CAAC,SAAS;AACrB,UAAI,YAAU,SAAS,MAAM,WAAW;AAAA,QAC1C,CAAC,EAAE,CAAC;AAAA,MACN;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/esm/forms/FormSwitch/FormSwitch.stories.js

@@ -1,6 +1,8 @@
 import { FormSwitch } from "./index";
 import { action } from "@storybook/addon-actions";
-import { jsx } from "react/jsx-runtime";
+import { SimpleForm } from "../SimpleForm";
+import { FormSubmitButton } from "../FormSubmitButton";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormSwitch_stories_default = {
   title: "forms/FormSwitch",
   component: FormSwitch,
@@ -8,16 +10,20 @@ var FormSwitch_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ jsx(
-  FormSwitch,
-  {
-    label: "Example Switch",
-    name: "exampleSwitch",
-    helperText: "This is an example switch",
-    defaultValue: !1,
-    onCheckedChange: action("onCheckedChange")
-  }
-);
+const main = () => /* @__PURE__ */ jsxs(SimpleForm, { children: [
+  /* @__PURE__ */ jsx(
+    FormSwitch,
+    {
+      label: "Example Switch",
+      name: "exampleSwitch",
+      helperText: "This is an example switch",
+      defaultValue: !1,
+      onCheckedChange: action("onChange"),
+      onPress: action("onPress")
+    }
+  ),
+  /* @__PURE__ */ jsx(FormSubmitButton, { onSubmit: action("onSubmit"), children: "Submit" })
+] });
 export {
   FormSwitch_stories_default as default,
   main

package/dist/esm/forms/FormSwitch/FormSwitch.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSwitch/FormSwitch.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAWrB;AATF,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,YAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C;",
+  "mappings": "AAsBA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAW/B,SACE,KADF;AATF,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,cACC;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,YAAW;AAAA,MACX,cAAc;AAAA,MACd,iBAAiB,OAAO,UAAU;AAAA,MAClC,SAAS,OAAO,SAAS;AAAA;AAAA,EAC3B;AAAA,EACA,oBAAC,oBAAiB,UAAU,OAAO,UAAU,GAAG,oBAAM;AAAA,GACxD;",
   "names": []
 }

package/dist/esm/forms/FormSwitch/FormSwitch.stories.native.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { FormSwitch } from "./index";
+import { action } from "@storybook/addon-actions";
+import { SimpleForm } from "../SimpleForm";
+import { FormSubmitButton } from "../FormSubmitButton";
+var FormSwitch_stories_default = {
+  title: "forms/FormSwitch",
+  component: FormSwitch,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ React.createElement(SimpleForm, null, /* @__PURE__ */ React.createElement(
+  FormSwitch,
+  {
+    label: "Example Switch",
+    name: "exampleSwitch",
+    helperText: "This is an example switch",
+    defaultValue: !1,
+    onCheckedChange: action("onChange"),
+    onPress: action("onPress")
+  }
+), /* @__PURE__ */ React.createElement(FormSubmitButton, { onSubmit: action("onSubmit") }, "Submit"));
+export {
+  FormSwitch_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormSwitch.stories.js.map