@multiplatform.one/components 0.7.0 → 0.7.2

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.js

@@ -1,6 +1,6 @@
-import React from "react";
 import { FormSelectSimple } from "./index";
 import { Select } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormSelectSimple_stories_default = {
   title: "forms/FormSelectSimple",
   component: FormSelectSimple,
@@ -8,7 +8,12 @@ var FormSelectSimple_stories_default = {
     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")));
+const main = () => /* @__PURE__ */ jsxs(FormSelectSimple, { name: "FormSelectSimple", placeholder: "select one of these", children: [
+  /* @__PURE__ */ jsx(Select.Item, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "BMW" }) }),
+  /* @__PURE__ */ jsx(Select.Item, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "AUDI" }) }),
+  /* @__PURE__ */ jsx(Select.Item, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "FORD" }) }),
+  /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "SUZUKI" }) })
+] });
 export {
   FormSelectSimple_stories_default as default,
   main

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

@@ -1,6 +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;",
+  "mappings": "AACA,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAWrB,SAEI,KAFJ;AATF,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,oBAAiB,MAAK,oBAAmB,aAAY,uBACpD;AAAA,sBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,OAC3B,8BAAC,OAAO,UAAP,EAAgB,iBAAG,GACtB;AAAA,EACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,QAC3B,8BAAC,OAAO,UAAP,EAAgB,kBAAI,GACvB;AAAA,EACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,QAC3B,8BAAC,OAAO,UAAP,EAAgB,kBAAI,GACvB;AAAA,EACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,8BAAC,OAAO,UAAP,EAAgB,oBAAM,GACzB;AAAA,GACF;",
   "names": []
 }

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.js

@@ -1,7 +1,8 @@
-import React, { useId } from "react";
+import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { SelectSimple } from "../SelectSimple";
+import { jsx } from "react/jsx-runtime";
 function FormSelectSimple({
   control,
   defaultValue,
@@ -14,19 +15,15 @@ function FormSelectSimple({
   rules,
   ...selectProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(SelectSimple, { ...selectProps }));
-  }
-  return /* @__PURE__ */ React.createElement(
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ jsx(
     Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx(
         FormField,
         {
           id,
@@ -34,23 +31,21 @@ function FormSelectSimple({
           helperText: error2 ? error2.message : helperText,
           label,
           required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ React.createElement(
-          SelectSimple,
-          {
-            ...selectProps,
-            value: value ?? "",
-            onValueChange: (e) => {
-              onChange(e);
-              if (selectProps.onValueChange)
-                selectProps.onValueChange(e);
+          ...fieldProps,
+          children: /* @__PURE__ */ jsx(
+            SelectSimple,
+            {
+              ...selectProps,
+              value: value ?? "",
+              onValueChange: (e) => {
+                onChange(e), selectProps.onValueChange && selectProps.onValueChange(e);
+              }
             }
-          }
-        )
+          )
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ jsx(FormField, { id, error: !!error, helperText, label, required, ...fieldProps, children: /* @__PURE__ */ jsx(SelectSimple, { ...selectProps }) });
 }
 export {
   FormSelectSimple

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

@@ -1,6 +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;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,gBAAc,GAAG,aAAa,CACjC;AAAA,EAEJ;AACA,SACE;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;AACV,kBAAI,YAAY;AAAe,4BAAY,cAAc,CAAC;AAAA,YAC5D;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAwBrB;AAjBD,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,UAEJ;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO,SAAS;AAAA,cAChB,eAAe,CAAC,MAAM;AACpB,yBAAS,CAAC,GACN,YAAY,iBAAe,YAAY,cAAc,CAAC;AAAA,cAC5D;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IA9BE,oBAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,YAC/F,8BAAC,gBAAc,GAAG,aAAa,GACjC;AA8BN;",
   "names": ["error"]
 }

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.js

@@ -1,6 +1,6 @@
-import React from "react";
 import { FormSlider } from "./index";
 import { action } from "@storybook/addon-actions";
+import { jsx } from "react/jsx-runtime";
 var FormSlider_stories_default = {
   title: "forms/FormSlider",
   component: FormSlider,
@@ -8,7 +8,7 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormSlider, { name: "FormSlider", onValueChange: action(`onValueChange`) });
+const main = () => /* @__PURE__ */ jsx(FormSlider, { name: "FormSlider", onValueChange: action("onValueChange") });
 export {
   FormSlider_stories_default as default,
   main

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

@@ -1,6 +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;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAUG;AAR1B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,oBAAC,cAAW,MAAK,cAAa,eAAe,OAAO,eAAe,GAAG;",
   "names": []
 }

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.js

@@ -1,7 +1,8 @@
-import React, { useId } from "react";
+import { useId } from "react";
 import { Slider } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormSlider({
   children,
   control,
@@ -16,31 +17,15 @@ function FormSlider({
   rules,
   ...switchProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return /* @__PURE__ */ React.createElement(Slider, null, /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(
-      Slider.Thumb,
-      {
-        bordered: true,
-        circular: true,
-        elevate: true,
-        index: 0,
-        "aria-describedby": "my-tooltip",
-        position: "absolute",
-        style: { height: 10, width: 10 },
-        size: 24
-      }
-    ));
-  }
-  return /* @__PURE__ */ React.createElement(
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ jsx(
     Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx(
         FormField,
         {
           id,
@@ -48,25 +33,44 @@ function FormSlider({
           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: true,
-            circular: true,
-            userSelect: "none",
-            elevate: true,
-            index: 0,
-            ...thumbStyle
-          },
-          value[0]
-        ), children)
+          ...fieldProps,
+          children: /* @__PURE__ */ jsxs(Slider, { defaultValue, value, onValueChange: onChange, ...switchProps, children: [
+            /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
+            /* @__PURE__ */ jsx(
+              Slider.Thumb,
+              {
+                alignItems: "center",
+                justifyContent: "center",
+                bordered: !0,
+                circular: !0,
+                userSelect: "none",
+                elevate: !0,
+                index: 0,
+                ...thumbStyle,
+                children: value[0]
+              }
+            ),
+            children
+          ] })
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ jsxs(Slider, { children: [
+    /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
+    /* @__PURE__ */ jsx(
+      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

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

@@ -1,6 +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;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,cACC,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,OAAO;AAAA,QACP,oBAAiB;AAAA,QACjB,UAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,QAC/B,MAAM;AAAA;AAAA,IACR,CACF;AAAA,EAEJ;AACA,SACE;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;AAEJ;",
+  "mappings": "AACA,SAAgB,aAAa;AAE7B,SAAS,cAAc;AAGvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAyBpB,SAEI,KAFJ;AAlBC,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,UAEJ,+BAAC,UAAO,cAA4B,OAAc,eAAe,UAAW,GAAG,aAC7E;AAAA,gCAAC,OAAO,OAAP,EACC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,YACA;AAAA,cAAC,OAAO;AAAA,cAAP;AAAA,gBACC,YAAW;AAAA,gBACX,gBAAe;AAAA,gBACf,UAAQ;AAAA,gBACR,UAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,SAAO;AAAA,gBACP,OAAO;AAAA,gBACN,GAAG;AAAA,gBAEH,gBAAM,CAAC;AAAA;AAAA,YACV;AAAA,YACC;AAAA,aACH;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IApDE,qBAAC,UACC;AAAA,wBAAC,OAAO,OAAP,EACC,8BAAC,OAAO,aAAP,EAAmB,GACtB;AAAA,IACA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,OAAO;AAAA,QACP,oBAAiB;AAAA,QACjB,UAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,QAC/B,MAAM;AAAA;AAAA,IACR;AAAA,KACF;AAwCN;",
   "names": ["error"]
 }

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.js

@@ -1,7 +1,7 @@
-import React from "react";
 import { SimpleForm } from "../SimpleForm";
 import { FormSubmitButton } from "./index";
 import { action } from "@storybook/addon-actions";
+import { jsx } from "react/jsx-runtime";
 var FormSubmitButton_stories_default = {
   title: "forms/FormSubmitButton",
   component: FormSubmitButton,
@@ -9,7 +9,7 @@ var FormSubmitButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(SimpleForm, null, /* @__PURE__ */ React.createElement(FormSubmitButton, { onPress: action("onClick") }, "Click here"));
+const main = () => /* @__PURE__ */ jsx(SimpleForm, { children: /* @__PURE__ */ jsx(FormSubmitButton, { onPress: action("onClick"), children: "Click here" }) });
 export {
   FormSubmitButton_stories_default as default,
   main

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

@@ -1,6 +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;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAYnB;AAVJ,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oBAAC,cACC,8BAAC,oBAAiB,SAAS,OAAO,SAAS,GAAG,wBAAU,GAC1D;",
   "names": []
 }

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.js

@@ -1,22 +1,18 @@
-import React from "react";
 import { Button } from "tamagui";
 import { useFormContext } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
 function FormSubmitButton({
   onSubmit,
   onPress,
   ...buttonProps
 }) {
-  const formContext = useFormContext();
-  const { handleSubmit } = formContext;
-  return /* @__PURE__ */ React.createElement(
+  const formContext = useFormContext(), { handleSubmit } = formContext;
+  return /* @__PURE__ */ jsx(
     Button,
     {
       onPress: (e) => {
-        if (onPress)
-          onPress(e);
-        handleSubmit((data) => {
-          if (onSubmit)
-            onSubmit(data, formContext);
+        onPress && onPress(e), handleSubmit((data) => {
+          onSubmit && onSubmit(data, formContext);
         })(e);
       },
       ...buttonProps

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

@@ -1,6 +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;AACtC,QAAM,EAAE,aAAa,IAAI;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,MAA6B;AACrC,YAAI;AAAS,kBAAQ,CAAC;AACtB,qBAAa,CAAC,SAAS;AACrB,cAAI;AAAU,qBAAS,MAAM,WAAW;AAAA,QAC1C,CAAC,EAAE,CAAC;AAAA,MACN;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "mappings": "AAIA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAc3B;AARG,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": []
 }