@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/jsx/forms/FormSubmitButton/{index.mjs → index.native.js}

@@ -5,15 +5,11 @@ function FormSubmitButton({
   onPress,
   ...buttonProps
 }) {
-  const formContext = useFormContext();
-  const { handleSubmit } = formContext;
+  const formContext = useFormContext(), { handleSubmit } = formContext;
   return <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}
@@ -22,4 +18,4 @@ function FormSubmitButton({
 export {
   FormSubmitButton
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/forms/FormSubmitButton/{index.mjs.map → index.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSubmitButton/index.tsx"],
-  "mappings": "AAIA,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,CAAC;AAAA,IACC,SAAS,CAAC,MAA6B;AACrC,UAAI;AAAS,gBAAQ,CAAC;AACtB,mBAAa,CAAC,SAAS;AACrB,YAAI;AAAU,mBAAS,MAAM,WAAW;AAAA,MAC1C,CAAC,EAAE,CAAC;AAAA,IACN;AAAA,QACI;AAAA,EACN;AAEJ;",
+  "mappings": "AAIA,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,CAAC;AAAA,IACC,SAAS,CAAC,MAA6B;AACrC,MAAI,WAAS,QAAQ,CAAC,GACtB,aAAa,CAAC,SAAS;AACrB,QAAI,YAAU,SAAS,MAAM,WAAW;AAAA,MAC1C,CAAC,EAAE,CAAC;AAAA,IACN;AAAA,QACI;AAAA,EACN;AAEJ;",
   "names": []
 }

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

@@ -1,5 +1,7 @@
 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,
@@ -7,13 +9,17 @@ var FormSwitch_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSwitch
-  label="Example Switch"
-  name="exampleSwitch"
-  helperText="This is an example switch"
-  defaultValue={false}
-  onCheckedChange={action("onCheckedChange")}
-/>;
+const main = () => <SimpleForm>
+  <FormSwitch
+    label="Example Switch"
+    name="exampleSwitch"
+    helperText="This is an example switch"
+    defaultValue={!1}
+    onCheckedChange={action("onChange")}
+    onPress={action("onPress")}
+  />
+  <FormSubmitButton onSubmit={action("onSubmit")}>Submit</FormSubmitButton>
+</SimpleForm>;
 export {
   FormSwitch_stories_default as default,
   main

package/dist/jsx/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;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB,OAAO,iBAAiB;AAC3C;",
+  "mappings": "AAsBA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB,OAAO,UAAU;AAAA,IAClC,SAAS,OAAO,SAAS;AAAA,EAC3B;AAAA,EACA,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAVC;",
   "names": []
 }

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

@@ -0,0 +1,27 @@
+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 = () => <SimpleForm>
+  <FormSwitch
+    label="Example Switch"
+    name="exampleSwitch"
+    helperText="This is an example switch"
+    defaultValue={!1}
+    onCheckedChange={action("onChange")}
+    onPress={action("onPress")}
+  />
+  <FormSubmitButton onSubmit={action("onSubmit")}>Submit</FormSubmitButton>
+</SimpleForm>;
+export {
+  FormSwitch_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormSwitch.stories.js.map

package/dist/jsx/forms/FormSwitch/FormSwitch.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSwitch/FormSwitch.stories.tsx"],
+  "mappings": "AAsBA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB,OAAO,UAAU;AAAA,IAClC,SAAS,OAAO,SAAS;AAAA,EAC3B;AAAA,EACA,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAVC;",
+  "names": []
+}

package/dist/jsx/forms/FormSwitch/index.js

@@ -1,7 +1,7 @@
 import { useId } from "react";
-import { Switch } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
+import { Switch } from "tamagui";
 function FormSwitch({
   control,
   defaultValue,
@@ -12,15 +12,11 @@ function FormSwitch({
   name,
   required,
   rules,
-  ThumbStyle,
+  thumbStyle,
   ...switchProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps}><Switch.Thumb {...ThumbStyle} /></Switch></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -33,21 +29,15 @@ function FormSwitch({
       required={required}
       {...fieldProps}
     ><Switch
-      checked={value ?? false}
+      checked={value ?? !1}
       id={id}
       {...switchProps}
-      onCheckedChange={(e) => {
-        onChange(e);
-        if (switchProps.onCheckedChange)
-          switchProps.onCheckedChange(e);
-      }}
+      onCheckedChange={switchProps.onCheckedChange ?? onChange}
       onPress={(e) => {
-        e.preventDefault();
-        if (switchProps.onPress)
-          switchProps.onPress(e);
+        e.preventDefault(), onChange(e), switchProps.onPress && switchProps.onPress(e);
       }}
-    ><Switch.Thumb {...ThumbStyle} /></Switch></FormField>}
-  />;
+    ><Switch.Thumb {...thumbStyle} /></Switch></FormField>}
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps}><Switch.Thumb {...thumbStyle} /></Switch></FormField>;
 }
 FormSwitch.defaultProps = {
   size: "$3",

package/dist/jsx/forms/FormSwitch/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
-  "mappings": "AAAA,SAAgB,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,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aACV,CAAC,OAAO,UAAU,YAAY,EAChC,EAFC,OAGH,EAJC;AAAA,EAML;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,CAAC,MAAM;AACtB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAiB,sBAAY,gBAAgB,CAAC;AAAA,MAChE;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,YAAI,YAAY;AAAS,sBAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAU,YAAY,EAChC,EAdC,OAeH,EAvBC;AAAA,EAyBL;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "mappings": "AAqBA,SAAgB,aAAa;AAK7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAShB,SAAS,WAAW;AAAA,EACzB;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,cAUH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,YAAY,mBAAmB;AAAA,MAChD,SAAS,CAAC,MAAM;AACd,UAAE,eAAe,GACjB,SAAS,CAAC,GACN,YAAY,WAAS,YAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAW,YAAoB,EACzC,EAZC,OAaH,EArBC;AAAA,EAuBL,KArCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aACV,CAAC,OAAO,UAAW,YAAoB,EACzC,EAFC,OAGH,EAJC;AAuCP;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormSwitch/{index.mjs → index.native.js}

@@ -1,7 +1,7 @@
 import { useId } from "react";
-import { Switch } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
+import { Switch } from "tamagui";
 function FormSwitch({
   control,
   defaultValue,
@@ -12,15 +12,11 @@ function FormSwitch({
   name,
   required,
   rules,
-  ThumbStyle,
+  thumbStyle,
   ...switchProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps}><Switch.Thumb {...ThumbStyle} /></Switch></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -33,21 +29,15 @@ function FormSwitch({
       required={required}
       {...fieldProps}
     ><Switch
-      checked={value ?? false}
+      checked={value ?? !1}
       id={id}
       {...switchProps}
-      onCheckedChange={(e) => {
-        onChange(e);
-        if (switchProps.onCheckedChange)
-          switchProps.onCheckedChange(e);
-      }}
+      onCheckedChange={switchProps.onCheckedChange ?? onChange}
       onPress={(e) => {
-        e.preventDefault();
-        if (switchProps.onPress)
-          switchProps.onPress(e);
+        e.preventDefault(), onChange(e), switchProps.onPress && switchProps.onPress(e);
       }}
-    ><Switch.Thumb {...ThumbStyle} /></Switch></FormField>}
-  />;
+    ><Switch.Thumb {...thumbStyle} /></Switch></FormField>}
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps}><Switch.Thumb {...thumbStyle} /></Switch></FormField>;
 }
 FormSwitch.defaultProps = {
   size: "$3",
@@ -56,4 +46,4 @@ FormSwitch.defaultProps = {
 export {
   FormSwitch
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/forms/FormSwitch/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSwitch/index.tsx"],
+  "mappings": "AAqBA,SAAgB,aAAa;AAK7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAShB,SAAS,WAAW;AAAA,EACzB;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,cAUH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,IAAI;AAAA,UACA;AAAA,MACJ,iBAAiB,YAAY,mBAAmB;AAAA,MAChD,SAAS,CAAC,MAAM;AACd,UAAE,eAAe,GACjB,SAAS,CAAC,GACN,YAAY,WAAS,YAAY,QAAQ,CAAC;AAAA,MAChD;AAAA,KAEA,CAAC,OAAO,UAAW,YAAoB,EACzC,EAZC,OAaH,EArBC;AAAA,EAuBL,KArCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,WAAW,aACV,CAAC,OAAO,UAAW,YAAoB,EACzC,EAFC,OAGH,EAJC;AAuCP;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
+  "names": ["error"]
+}

package/dist/jsx/forms/FormTextArea/FormTextArea.stories.js

@@ -11,7 +11,7 @@ const main = () => <FormTextArea
   label="Description"
   name="description"
   defaultValue=""
-  rules={{ required: true }}
+  rules={{ required: !0 }}
   onChangeText={action("onChangeText")}
 />;
 export {

package/dist/jsx/forms/FormTextArea/FormTextArea.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormTextArea/FormTextArea.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,aAAa;AAAA,EACb,OAAO,EAAE,UAAU,KAAK;AAAA,EACxB,cAAc,OAAO,cAAc;AACrC;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,aAAa;AAAA,EACb,OAAO,EAAE,UAAU,GAAK;AAAA,EACxB,cAAc,OAAO,cAAc;AACrC;",
   "names": []
 }

package/dist/jsx/forms/FormTextArea/{FormTextArea.stories.mjs → FormTextArea.stories.native.js}

@@ -11,11 +11,11 @@ const main = () => <FormTextArea
   label="Description"
   name="description"
   defaultValue=""
-  rules={{ required: true }}
+  rules={{ required: !0 }}
   onChangeText={action("onChangeText")}
 />;
 export {
   FormTextArea_stories_default as default,
   main
 };
-//# sourceMappingURL=FormTextArea.stories.mjs.map
+//# sourceMappingURL=FormTextArea.stories.js.map

package/dist/jsx/forms/FormTextArea/{FormTextArea.stories.mjs.map → FormTextArea.stories.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormTextArea/FormTextArea.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,aAAa;AAAA,EACb,OAAO,EAAE,UAAU,KAAK;AAAA,EACxB,cAAc,OAAO,cAAc;AACrC;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,aAAa;AAAA,EACb,OAAO,EAAE,UAAU,GAAK;AAAA,EACxB,cAAc,OAAO,cAAc;AACrC;",
   "names": []
 }

package/dist/jsx/forms/FormTextArea/index.js

@@ -14,12 +14,8 @@ function FormTextArea({
   rules,
   ...textAreaProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><TextArea {...textAreaProps} /></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -35,17 +31,13 @@ function FormTextArea({
       {...textAreaProps}
       value={value ?? ""}
       onBlur={(e) => {
-        onBlur();
-        if (textAreaProps.onBlur)
-          textAreaProps.onBlur(e);
+        onBlur(), textAreaProps.onBlur && textAreaProps.onBlur(e);
       }}
       onChangeText={(e) => {
-        onChange(e);
-        if (textAreaProps.onChangeText)
-          textAreaProps.onChangeText(e);
+        onChange(e), textAreaProps.onChangeText && textAreaProps.onChangeText(e);
       }}
     /></FormField>}
-  />;
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><TextArea {...textAreaProps} /></FormField>;
 }
 export {
   FormTextArea

package/dist/jsx/forms/FormTextArea/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormTextArea/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,SAAS,aAAa;AAAA,EAC3B;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;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,aAAa,eAAe,EAC/B,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO;AACP,YAAI,cAAc;AAAQ,wBAAc,OAAO,CAAC;AAAA,MAClD;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,iBAAS,CAAC;AACV,YAAI,cAAc;AAAc,wBAAc,aAAa,CAAC;AAAA,MAC9D;AAAA,IACF,EACF,EApBC;AAAA,EAsBL;AAEJ;",
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,SAAS,aAAa;AAAA,EAC3B;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;AACjB,SAAK,cAQH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO,GACH,cAAc,UAAQ,cAAc,OAAO,CAAC;AAAA,MAClD;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,iBAAS,CAAC,GACN,cAAc,gBAAc,cAAc,aAAa,CAAC;AAAA,MAC9D;AAAA,IACF,EACF,EApBC;AAAA,EAsBL,KAlCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,aAAa,eAAe,EAC/B,EAFC;AAoCP;",
   "names": ["error"]
 }

package/dist/jsx/forms/FormTextArea/{index.mjs → index.native.js}

@@ -14,12 +14,8 @@ function FormTextArea({
   rules,
   ...textAreaProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><TextArea {...textAreaProps} /></FormField>;
-  }
-  return <Controller
+  const formContext = useFormContext(), id = useId();
+  return formContext ? <Controller
     name={name}
     control={control}
     rules={rules}
@@ -35,19 +31,15 @@ function FormTextArea({
       {...textAreaProps}
       value={value ?? ""}
       onBlur={(e) => {
-        onBlur();
-        if (textAreaProps.onBlur)
-          textAreaProps.onBlur(e);
+        onBlur(), textAreaProps.onBlur && textAreaProps.onBlur(e);
       }}
       onChangeText={(e) => {
-        onChange(e);
-        if (textAreaProps.onChangeText)
-          textAreaProps.onChangeText(e);
+        onChange(e), textAreaProps.onChangeText && textAreaProps.onChangeText(e);
       }}
     /></FormField>}
-  />;
+  /> : <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><TextArea {...textAreaProps} /></FormField>;
 }
 export {
   FormTextArea
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/forms/FormTextArea/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormTextArea/index.tsx"],
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,SAAS,aAAa;AAAA,EAC3B;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;AACjB,SAAK,cAQH,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO,GACH,cAAc,UAAQ,cAAc,OAAO,CAAC;AAAA,MAClD;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,iBAAS,CAAC,GACN,cAAc,gBAAc,cAAc,aAAa,CAAC;AAAA,MAC9D;AAAA,IACF,EACF,EApBC;AAAA,EAsBL,KAlCE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,aAAa,eAAe,EAC/B,EAFC;AAoCP;",
+  "names": ["error"]
+}

package/dist/jsx/forms/SelectButton/OptionButton.js

@@ -3,8 +3,7 @@ import { Button, styled } from "tamagui";
 import { SelectButtonContext } from "./context";
 const defaultSelectedStyle = {
   backgroundColor: "$color7"
-};
-const StyledButton = styled(Button, {
+}, StyledButton = styled(Button, {
   focusStyle: defaultSelectedStyle,
   variants: {
     selected: {
@@ -18,29 +17,18 @@ const StyledButton = styled(Button, {
   }
 });
 function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps }) {
-  const [selected, setSelected] = useState(false);
-  const context = useContext(SelectButtonContext);
-  const mergedSelectedStyle = {
+  const [selected, setSelected] = useState(!1), context = useContext(SelectButtonContext), mergedSelectedStyle = {
     ...context.selectedStyle,
     ...selectedStyle
   };
   useEffect(() => {
-    if (!context.setValues)
-      return;
-    context.setValues((values) => {
-      values[index] = value;
-      return values;
-    });
-  }, [context.setValues]);
-  useEffect(() => {
-    setSelected(typeof context.selectedIndex !== "undefined" && context.selectedIndex === index);
+    context.setValues && context.setValues((values) => (values[index] = value, values));
+  }, [context.setValues]), useEffect(() => {
+    setSelected(typeof context.selectedIndex < "u" && context.selectedIndex === index);
   }, [context.selectedIndex]);
   const handlePress = useCallback(
     (e) => {
-      if (context.setSelectedIndex)
-        context.setSelectedIndex(index);
-      if (onPress)
-        onPress(e);
+      context.setSelectedIndex && context.setSelectedIndex(index), onPress && onPress(e);
     },
     [context.setSelectedIndex, onPress]
   );

package/dist/jsx/forms/SelectButton/OptionButton.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/OptionButton.tsx"],
-  "mappings": "AAAA,SAAgB,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAEpC,MAAM,uBAAoC;AAAA,EACxC,iBAAiB;AACnB;AAEA,MAAM,eAAe,OAAO,QAAQ;AAAA,EAClC,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAQM,SAAS,aAAa,EAAE,OAAO,OAAO,eAAe,SAAS,GAAG,YAAY,GAAsB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,sBAAsB;AAAA,IAC1B,GAAG,QAAQ;AAAA,IACX,GAAG;AAAA,EACL;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AAAW;AACxB,YAAQ,UAAU,CAAC,WAAmC;AACpD,aAAO,KAAK,IAAI;AAChB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,YAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,kBAAkB,eAAe,QAAQ,kBAAkB,KAAK;AAAA,EAC7F,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,cAAc;AAAA,IAClB,CAAC,MAA6B;AAC5B,UAAI,QAAQ;AAAkB,gBAAQ,iBAAiB,KAAK;AAC5D,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,QAAQ,kBAAkB,OAAO;AAAA,EACpC;AAEA,SACE,CAAC;AAAA,QACM;AAAA,IACL,UAAU;AAAA,QACL,WACD;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL,IACA;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,MACd,IACA,CAAC;AAAA,IACP;AAAA,IACJ,SAAS;AAAA,EACX;AAEJ;",
+  "mappings": "AAAA,SAAgB,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAEpC,MAAM,uBAAoC;AAAA,EACxC,iBAAiB;AACnB,GAEM,eAAe,OAAO,QAAQ;AAAA,EAClC,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAQM,SAAS,aAAa,EAAE,OAAO,OAAO,eAAe,SAAS,GAAG,YAAY,GAAsB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAK,GACxC,UAAU,WAAW,mBAAmB,GACxC,sBAAsB;AAAA,IAC1B,GAAG,QAAQ;AAAA,IACX,GAAG;AAAA,EACL;AAEA,YAAU,MAAM;AACd,IAAK,QAAQ,aACb,QAAQ,UAAU,CAAC,YACjB,OAAO,KAAK,IAAI,OACT,OACR;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,CAAC,GAEtB,UAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,gBAAkB,OAAe,QAAQ,kBAAkB,KAAK;AAAA,EAC7F,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,cAAc;AAAA,IAClB,CAAC,MAA6B;AAC5B,MAAI,QAAQ,oBAAkB,QAAQ,iBAAiB,KAAK,GACxD,WAAS,QAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,QAAQ,kBAAkB,OAAO;AAAA,EACpC;AAEA,SACE,CAAC;AAAA,QACM;AAAA,IACL,UAAU;AAAA,QACL,WACD;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL,IACA;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,MACd,IACA,CAAC;AAAA,IACP;AAAA,IACJ,SAAS;AAAA,EACX;AAEJ;",
   "names": []
 }

package/dist/jsx/forms/SelectButton/{OptionButton.mjs → OptionButton.native.js}

@@ -3,8 +3,7 @@ import { Button, styled } from "tamagui";
 import { SelectButtonContext } from "./context";
 const defaultSelectedStyle = {
   backgroundColor: "$color7"
-};
-const StyledButton = styled(Button, {
+}, StyledButton = styled(Button, {
   focusStyle: defaultSelectedStyle,
   variants: {
     selected: {
@@ -18,29 +17,18 @@ const StyledButton = styled(Button, {
   }
 });
 function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps }) {
-  const [selected, setSelected] = useState(false);
-  const context = useContext(SelectButtonContext);
-  const mergedSelectedStyle = {
+  const [selected, setSelected] = useState(!1), context = useContext(SelectButtonContext), mergedSelectedStyle = {
     ...context.selectedStyle,
     ...selectedStyle
   };
   useEffect(() => {
-    if (!context.setValues)
-      return;
-    context.setValues((values) => {
-      values[index] = value;
-      return values;
-    });
-  }, [context.setValues]);
-  useEffect(() => {
-    setSelected(typeof context.selectedIndex !== "undefined" && context.selectedIndex === index);
+    context.setValues && context.setValues((values) => (values[index] = value, values));
+  }, [context.setValues]), useEffect(() => {
+    setSelected(typeof context.selectedIndex < "u" && context.selectedIndex === index);
   }, [context.selectedIndex]);
   const handlePress = useCallback(
     (e) => {
-      if (context.setSelectedIndex)
-        context.setSelectedIndex(index);
-      if (onPress)
-        onPress(e);
+      context.setSelectedIndex && context.setSelectedIndex(index), onPress && onPress(e);
     },
     [context.setSelectedIndex, onPress]
   );
@@ -65,4 +53,4 @@ function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps })
 export {
   OptionButton
 };
-//# sourceMappingURL=OptionButton.mjs.map
+//# sourceMappingURL=OptionButton.js.map

package/dist/jsx/forms/SelectButton/OptionButton.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/OptionButton.tsx"],
+  "mappings": "AAAA,SAAgB,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAEpC,MAAM,uBAAoC;AAAA,EACxC,iBAAiB;AACnB,GAEM,eAAe,OAAO,QAAQ;AAAA,EAClC,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAQM,SAAS,aAAa,EAAE,OAAO,OAAO,eAAe,SAAS,GAAG,YAAY,GAAsB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAK,GACxC,UAAU,WAAW,mBAAmB,GACxC,sBAAsB;AAAA,IAC1B,GAAG,QAAQ;AAAA,IACX,GAAG;AAAA,EACL;AAEA,YAAU,MAAM;AACd,IAAK,QAAQ,aACb,QAAQ,UAAU,CAAC,YACjB,OAAO,KAAK,IAAI,OACT,OACR;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,CAAC,GAEtB,UAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,gBAAkB,OAAe,QAAQ,kBAAkB,KAAK;AAAA,EAC7F,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,cAAc;AAAA,IAClB,CAAC,MAA6B;AAC5B,MAAI,QAAQ,oBAAkB,QAAQ,iBAAiB,KAAK,GACxD,WAAS,QAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,QAAQ,kBAAkB,OAAO;AAAA,EACpC;AAEA,SACE,CAAC;AAAA,QACM;AAAA,IACL,UAAU;AAAA,QACL,WACD;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd,IACA,CAAC;AAAA,MACL,GAAG;AAAA,IACL,IACA;AAAA,MACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,QACE,YAAY;AAAA,MACd,IACA,CAAC;AAAA,IACP;AAAA,IACJ,SAAS;AAAA,EACX;AAEJ;",
+  "names": []
+}

package/dist/jsx/forms/SelectButton/SelectButton.stories.js

@@ -13,8 +13,7 @@ const main = () => <SelectButton onValueChange={action("onValueChange")} space>
   <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
-</SelectButton>;
-const x = () => <SelectButton onValueChange={action("onValueChange")} space xStack>
+</SelectButton>, x = () => <SelectButton onValueChange={action("onValueChange")} space xStack>
   <SelectButton.OptionButton index={0} value="bmw"><Text>BMW</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>

package/dist/jsx/forms/SelectButton/SelectButton.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/SelectButton.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG;AAAA,EACpD,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;AAgBI,MAAM,IAAI,MACf,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG,MAAM;AAAA,EAC1D,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG;AAAA,EACpD,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC,eAgBU,IAAI,MACf,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG,MAAM;AAAA,EAC1D,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;",
   "names": []
 }

package/dist/jsx/forms/SelectButton/{SelectButton.stories.mjs → SelectButton.stories.native.js}

@@ -13,8 +13,7 @@ const main = () => <SelectButton onValueChange={action("onValueChange")} space>
   <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
-</SelectButton>;
-const x = () => <SelectButton onValueChange={action("onValueChange")} space xStack>
+</SelectButton>, x = () => <SelectButton onValueChange={action("onValueChange")} space xStack>
   <SelectButton.OptionButton index={0} value="bmw"><Text>BMW</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={1} value="audi"><Text>AUDI</Text></SelectButton.OptionButton>
   <SelectButton.OptionButton index={2} value="ford"><Text>FORD</Text></SelectButton.OptionButton>
@@ -25,4 +24,4 @@ export {
   main,
   x
 };
-//# sourceMappingURL=SelectButton.stories.mjs.map
+//# sourceMappingURL=SelectButton.stories.js.map

package/dist/jsx/forms/SelectButton/{SelectButton.stories.mjs.map → SelectButton.stories.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/SelectButton.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG;AAAA,EACpD,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;AAgBI,MAAM,IAAI,MACf,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG,MAAM;AAAA,EAC1D,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG;AAAA,EACpD,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC,eAgBU,IAAI,MACf,CAAC,aAAa,eAAe,OAAO,eAAe,GAAG,MAAM;AAAA,EAC1D,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,MACzC,CAAC,KAAK,GAAG,EAAR,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,OACzC,CAAC,KAAK,IAAI,EAAT,KACH,EAFC,aAAa;AAAA,EAGd,CAAC,aAAa,aAAa,OAAO,GAAG,MAAM,SACzC,CAAC,KAAK,MAAM,EAAX,KACH,EAFC,aAAa;AAGhB,EAbC;",
   "names": []
 }

package/dist/jsx/forms/SelectButton/context.native.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const SelectButtonContext = createContext({ values: {} });
+export {
+  SelectButtonContext
+};
+//# sourceMappingURL=context.js.map

package/dist/jsx/forms/SelectButton/context.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/context.ts"],
+  "mappings": "AAEA,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,cAAwC,EAAE,QAAQ,CAAC,EAAE,CAAC;",
+  "names": []
+}

package/dist/jsx/forms/SelectButton/index.js

@@ -9,9 +9,7 @@ function SelectButton({
   onValueChange,
   ...stackProps
 }) {
-  const [values, setValues] = useState({});
-  const [selectedIndex, setSelectedIndex] = useState();
-  const contextValue = useMemo(
+  const [values, setValues] = useState({}), [selectedIndex, setSelectedIndex] = useState(), contextValue = useMemo(
     () => ({
       selectedIndex,
       selectedStyle,
@@ -21,25 +19,21 @@ function SelectButton({
     }),
     [selectedIndex, setSelectedIndex, setValues, values, selectedStyle]
   );
-  useEffect(() => {
+  return useEffect(() => {
     const selectedIndexStr = selectedIndex?.toString();
-    if (onValueChange && typeof selectedIndex !== "undefined" && typeof selectedIndexStr !== "undefined" && selectedIndexStr in values) {
-      onValueChange(values[selectedIndexStr]);
-    }
-  }, [selectedIndex]);
-  useEffect(() => {
-    if (typeof selectedValue === "undefined")
-      return;
-    for (const [index, value] of Object.entries(values)) {
-      const indexNum = Number(index);
-      if (value === selectedValue && !Number.isNaN(indexNum)) {
-        setSelectedIndex(indexNum);
-        return;
+    onValueChange && typeof selectedIndex < "u" && typeof selectedIndexStr < "u" && selectedIndexStr in values && onValueChange(values[selectedIndexStr]);
+  }, [selectedIndex]), useEffect(() => {
+    if (!(typeof selectedValue > "u")) {
+      for (const [index, value] of Object.entries(values)) {
+        const indexNum = Number(index);
+        if (value === selectedValue && !Number.isNaN(indexNum)) {
+          setSelectedIndex(indexNum);
+          return;
+        }
       }
+      setSelectedIndex(void 0);
     }
-    setSelectedIndex(void 0);
-  }, [selectedValue]);
-  return <SelectButtonContext.Provider value={contextValue}>{xStack ? <XStack {...stackProps} /> : <YStack {...stackProps} />}</SelectButtonContext.Provider>;
+  }, [selectedValue]), <SelectButtonContext.Provider value={contextValue}>{xStack ? <XStack {...stackProps} /> : <YStack {...stackProps} />}</SelectButtonContext.Provider>;
 }
 SelectButton.OptionButton = OptionButton;
 export {