@multiplatform.one/components 0.2.0 → 0.2.1

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/index.tsx"],
-  "mappings": "AACA,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;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,OAAO,cAAc,kBAAkB;AAAA,MACtC,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,MACjC;AAAA,IACF,EAbC;AAAA,EAeL;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,OAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,OAAO;AAAA,OAYP;AAAA,IACH,EAjBC,OAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
+  "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,UAAO,cAA6B,GAAG,eACtC,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;AAAA,IACjC,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;",
   "names": ["error"]
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SimpleForm } from "../SimpleForm";
 import { FormSubmitButton } from "./index";
 var FormSubmitButton_stories_default = {
@@ -7,7 +8,7 @@ var FormSubmitButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <SimpleForm><FormSubmitButton onSubmit={() => console.log("Form submitted")}>Click here</FormSubmitButton></SimpleForm>;
+const main = () => /* @__PURE__ */ React.createElement(SimpleForm, null, /* @__PURE__ */ React.createElement(FormSubmitButton, { onSubmit: () => console.log("Form submitted") }, "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": "AACA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WACC,CAAC,iBAAiB,UAAU,MAAM,QAAQ,IAAI,gBAAgB,GAAG,UAAU,EAA1E,iBACH,EAFC;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,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,UAAU,MAAM,QAAQ,IAAI,gBAAgB,KAAG,YAAU,CAC7E;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { Button } from "tamagui";
 import { useFormContext } from "react-hook-form";
 function FormSubmitButton({
@@ -7,17 +8,20 @@ function FormSubmitButton({
 }) {
   const formContext = useFormContext();
   const { handleSubmit } = formContext;
-  return <Button
-    onPress={(e) => {
-      if (onPress)
-        onPress(e);
-      handleSubmit((data) => {
-        if (onSubmit)
-          onSubmit(data, formContext);
-      })(e);
-    }}
-    {...buttonProps}
-  />;
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onPress: (e) => {
+        if (onPress)
+          onPress(e);
+        handleSubmit((data) => {
+          if (onSubmit)
+            onSubmit(data, formContext);
+        })(e);
+      },
+      ...buttonProps
+    }
+  );
 }
 export {
   FormSubmitButton

package/dist/esm/forms/FormSubmitButton/index.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": "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;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormSwitch } from "./index";
 var FormSwitch_stories_default = {
   title: "forms/FormSwitch",
@@ -6,7 +7,7 @@ var FormSwitch_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSwitch label="Example Switch" name="exampleSwitch" helperText="This is an example switch" defaultValue={false} />;
+const main = () => /* @__PURE__ */ React.createElement(FormSwitch, { label: "Example Switch", name: "exampleSwitch", helperText: "This is an example switch", defaultValue: false });
 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;AAE3B,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,WAAW,MAAM,iBAAiB,KAAK,gBAAgB,WAAW,4BAA4B,cAAc,OAAO;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,cAAW,OAAM,kBAAiB,MAAK,iBAAgB,YAAW,6BAA4B,cAAc,OAAO;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useId } from "react";
+import React, { useId } from "react";
 import { Switch } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
@@ -18,36 +18,47 @@ function FormSwitch({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Switch {...switchProps} /></FormField>;
+    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(Switch, { ...switchProps }));
   }
-  return <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><Switch
-      checked={value ?? false}
-      id={id}
-      {...switchProps}
-      onCheckedChange={(e) => {
-        onChange(e);
-        if (switchProps.onCheckedChange)
-          switchProps.onCheckedChange(e);
-      }}
-      onPress={(e) => {
-        e.preventDefault();
-        if (switchProps.onPress)
-          switchProps.onPress(e);
-      }}
-    ><Switch.Thumb {...ThumbStyle} /></Switch></FormField>}
-  />;
+  return /* @__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(
+          Switch,
+          {
+            checked: value ?? false,
+            id,
+            ...switchProps,
+            onCheckedChange: (e) => {
+              onChange(e);
+              if (switchProps.onCheckedChange)
+                switchProps.onCheckedChange(e);
+            },
+            onPress: (e) => {
+              e.preventDefault();
+              if (switchProps.onPress)
+                switchProps.onPress(e);
+            }
+          },
+          /* @__PURE__ */ React.createElement(Switch.Thumb, { ...ThumbStyle })
+        )
+      )
+    }
+  );
 }
 FormSwitch.defaultProps = {
   size: "$3",

package/dist/esm/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,aAAa,EAC3B,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,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": "AAAA,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,GAAG;AACL,GAAoB;AAClB,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,UAAQ,GAAG,aAAa,CAC3B;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,YACC,SAAS,SAAS;AAAA,YAClB;AAAA,YACC,GAAG;AAAA,YACJ,iBAAiB,CAAC,MAAM;AACtB,uBAAS,CAAC;AACV,kBAAI,YAAY;AAAiB,4BAAY,gBAAgB,CAAC;AAAA,YAChE;AAAA,YACA,SAAS,CAAC,MAAM;AACd,gBAAE,eAAe;AACjB,kBAAI,YAAY;AAAS,4BAAY,QAAQ,CAAC;AAAA,YAChD;AAAA;AAAA,UAEA,oCAAC,OAAO,OAAP,EAAc,GAAG,YAAY;AAAA,QAChC;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": ["error"]
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormTextArea } from "./index";
 var FormTextArea_stories_default = {
   title: "forms/FormTextArea",
@@ -6,7 +7,7 @@ var FormTextArea_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormTextArea label="Description" name="description" defaultValue="" rules={{ required: true }} />;
+const main = () => /* @__PURE__ */ React.createElement(FormTextArea, { label: "Description", name: "description", defaultValue: "", rules: { required: true } });
 export {
   FormTextArea_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormTextArea/FormTextArea.stories.tsx"],
-  "mappings": "AACA,SAAS,oBAAoB;AAE7B,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,MAAM,cAAc,KAAK,cAAc,aAAa,GAAG,OAAO,EAAE,UAAU,KAAK,GAAG;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAE7B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,gBAAa,OAAM,eAAc,MAAK,eAAc,cAAa,IAAG,OAAO,EAAE,UAAU,KAAK,GAAG;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useId } from "react";
+import React, { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { TextArea } from "tamagui";
@@ -17,35 +17,45 @@ function FormTextArea({
   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 /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(TextArea, { ...textAreaProps }));
   }
-  return <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><TextArea
-      {...textAreaProps}
-      value={value ?? ""}
-      onBlur={(e) => {
-        onBlur();
-        if (textAreaProps.onBlur)
-          textAreaProps.onBlur(e);
-      }}
-      onChangeText={(e) => {
-        onChange(e);
-        if (textAreaProps.onChangeText)
-          textAreaProps.onChangeText(e);
-      }}
-    /></FormField>}
-  />;
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(
+          TextArea,
+          {
+            ...textAreaProps,
+            value: value ?? "",
+            onBlur: (e) => {
+              onBlur();
+              if (textAreaProps.onBlur)
+                textAreaProps.onBlur(e);
+            },
+            onChangeText: (e) => {
+              onChange(e);
+              if (textAreaProps.onChangeText)
+                textAreaProps.onChangeText(e);
+            }
+          }
+        )
+      )
+    }
+  );
 }
 export {
   FormTextArea

package/dist/esm/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,OAAO,SAAS,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,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,YAAU,GAAG,eAAe,CAC/B;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE;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,QAAQ,CAAC,MAAM;AACb,qBAAO;AACP,kBAAI,cAAc;AAAQ,8BAAc,OAAO,CAAC;AAAA,YAClD;AAAA,YACA,cAAc,CAAC,MAAM;AACnB,uBAAS,CAAC;AACV,kBAAI,cAAc;AAAc,8BAAc,aAAa,CAAC;AAAA,YAC9D;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["error"]
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { RadioSimple } from "./index";
 var RadioSimple_stories_default = {
   title: "forms/RadioSimple",
@@ -6,7 +7,7 @@ var RadioSimple_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <RadioSimple>Hello world</RadioSimple>;
+const main = () => /* @__PURE__ */ React.createElement(RadioSimple, null, "Hello world");
 export {
   RadioSimple_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/RadioSimple/RadioSimple.stories.tsx"],
-  "mappings": "AACA,SAAS,mBAAmB;AAE5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,WAAW,EAAvB;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAE5B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,oCAAC,mBAAY,aAAW;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { Select, styled } from "tamagui";
 const StyledSelectTrigger = styled(Select.Trigger, {
   paddingVertical: 0
@@ -11,14 +12,7 @@ function RadioSimple({
   id,
   ...triggerProps
 }) {
-  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
-    <StyledSelectTrigger {...triggerProps}><Select.Value placeholder={placeholder} /></StyledSelectTrigger>
-    <Select.Adapt when="sm" platform="touch"><Select.Sheet modal dismissOnSnapToBottom>
-      <Select.Sheet.Frame><Select.Sheet.ScrollView><Select.Adapt.Contents /></Select.Sheet.ScrollView></Select.Sheet.Frame>
-      <Select.Sheet.Overlay />
-    </Select.Sheet></Select.Adapt>
-    <Select.Content zIndex={99999}><Select.Viewport>{children}</Select.Viewport></Select.Content>
-  </Select>;
+  return /* @__PURE__ */ React.createElement(Select, { id, onOpenChange, onValueChange, value }, /* @__PURE__ */ React.createElement(StyledSelectTrigger, { ...triggerProps }, /* @__PURE__ */ React.createElement(Select.Value, { placeholder })), /* @__PURE__ */ React.createElement(Select.Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Select.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Select.Sheet.Frame, null, /* @__PURE__ */ React.createElement(Select.Sheet.ScrollView, null, /* @__PURE__ */ React.createElement(Select.Adapt.Contents, null))), /* @__PURE__ */ React.createElement(Select.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Select.Content, { zIndex: 99999 }, /* @__PURE__ */ React.createElement(Select.Viewport, null, children)));
 }
 export {
   RadioSimple

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/RadioSimple/index.tsx"],
-  "mappings": "AAGA,SAAS,QAAQ,cAAc;AAE/B,MAAM,sBAAsB,OAAO,OAAO,SAAS;AAAA,EACjD,iBAAiB;AACnB,CAAC;AAKM,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,IAAI,IAAI,cAAc,cAAc,eAAe,eAAe,OAAO;AAAA,IAC/E,CAAC,wBAAwB,cACvB,CAAC,OAAO,MAAM,aAAa,aAAa,EAC1C,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,QAC/B,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,MAAM,SAAS,EACzB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO,MAQV,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,QAAQ,QAAQ,OACtB,CAAC,OAAO,UAAU,SAAS,EAA1B,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAjBC;AAmBL;",
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,QAAQ,cAAc;AAE/B,MAAM,sBAAsB,OAAO,OAAO,SAAS;AAAA,EACjD,iBAAiB;AACnB,CAAC;AAKM,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,oCAAC,UAAO,IAAQ,cAA4B,eAA8B,SACxE,oCAAC,uBAAqB,GAAG,gBACvB,oCAAC,OAAO,OAAP,EAAa,aAA0B,CAC1C,GACA,oCAAC,OAAO,OAAP,EAAa,MAAK,MAAK,UAAS,WAC/B,oCAAC,OAAO,OAAP,EAAa,OAAK,MAAC,uBAAqB,QACvC,oCAAC,OAAO,MAAM,OAAb,MACC,oCAAC,OAAO,MAAM,YAAb,MACC,oCAAC,OAAO,MAAM,UAAb,IAAsB,CACzB,CACF,GACA,oCAAC,OAAO,MAAM,SAAb,IAAqB,CACxB,CACF,GACA,oCAAC,OAAO,SAAP,EAAe,QAAQ,SACtB,oCAAC,OAAO,UAAP,MAAiB,QAAS,CAC7B,CACF;AAEJ;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useContext, useState, useEffect, useCallback } from "react";
+import React, { useContext, useState, useEffect, useCallback } from "react";
 import { Button, styled } from "tamagui";
 import { SelectButtonContext } from "./context";
 const defaultSelectedStyle = {
@@ -44,23 +44,26 @@ function OptionButton({ index, value, selectedStyle, onPress, ...buttonProps })
     },
     [context.setSelectedIndex, onPress]
   );
-  return <StyledButton
-    {...buttonProps}
-    selected={selected}
-    {...selected ? {
-      ...Object.keys(mergedSelectedStyle).length ? {
-        focusStyle: mergedSelectedStyle,
-        hoverStyle: mergedSelectedStyle,
-        pressStyle: mergedSelectedStyle
-      } : {},
-      ...mergedSelectedStyle
-    } : {
-      ...Object.keys(mergedSelectedStyle).length ? {
-        focusStyle: mergedSelectedStyle
-      } : {}
-    }}
-    onPress={handlePress}
-  />;
+  return /* @__PURE__ */ React.createElement(
+    StyledButton,
+    {
+      ...buttonProps,
+      selected,
+      ...selected ? {
+        ...Object.keys(mergedSelectedStyle).length ? {
+          focusStyle: mergedSelectedStyle,
+          hoverStyle: mergedSelectedStyle,
+          pressStyle: mergedSelectedStyle
+        } : {},
+        ...mergedSelectedStyle
+      } : {
+        ...Object.keys(mergedSelectedStyle).length ? {
+          focusStyle: mergedSelectedStyle
+        } : {}
+      },
+      onPress: handlePress
+    }
+  );
 }
 export {
   OptionButton

package/dist/esm/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,OAAO,SAAS,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;AAAA,IAAC;AAAA;AAAA,MACE,GAAI;AAAA,MACL;AAAA,MACC,GAAI,WACD;AAAA,QACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,UACE,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,YAAY;AAAA,QACd,IACA,CAAC;AAAA,QACL,GAAG;AAAA,MACL,IACA;AAAA,QACE,GAAI,OAAO,KAAK,mBAAmB,EAAE,SACjC;AAAA,UACE,YAAY;AAAA,QACd,IACA,CAAC;AAAA,MACP;AAAA,MACJ,SAAS;AAAA;AAAA,EACX;AAEJ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SelectButton } from "./index";
 import { Text } from "tamagui";
 import { action } from "@storybook/addon-actions";
@@ -8,18 +9,8 @@ var SelectButton_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <SelectButton onValueChange={action("onValueChange")} space>
-  <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>
-  <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
-</SelectButton>;
-const 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>
-  <SelectButton.OptionButton index={3} value="suzuki"><Text>SUZUKI</Text></SelectButton.OptionButton>
-</SelectButton>;
+const main = () => /* @__PURE__ */ React.createElement(SelectButton, { onValueChange: action("onValueChange"), space: true }, /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Text, null, "BMW")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Text, null, "AUDI")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Text, null, "FORD")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Text, null, "SUZUKI")));
+const x = () => /* @__PURE__ */ React.createElement(SelectButton, { onValueChange: action("onValueChange"), space: true, xStack: true }, /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Text, null, "BMW")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Text, null, "AUDI")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Text, null, "FORD")), /* @__PURE__ */ React.createElement(SelectButton.OptionButton, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Text, null, "SUZUKI")));
 export {
   SelectButton_stories_default as default,
   main,

package/dist/esm/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": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,QACzD,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,SACzC,oCAAC,YAAK,KAAG,CACX,GACA,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,oCAAC,YAAK,MAAI,CACZ,GACA,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,oCAAC,YAAK,MAAI,CACZ,GACA,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,YACzC,oCAAC,YAAK,QAAM,CACd,CACF;AAGK,MAAM,IAAI,MACf,oCAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,MAAC,QAAM,QAChE,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,SACzC,oCAAC,YAAK,KAAG,CACX,GACA,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,oCAAC,YAAK,MAAI,CACZ,GACA,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,oCAAC,YAAK,MAAI,CACZ,GACA,oCAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,YACzC,oCAAC,YAAK,QAAM,CACd,CACF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useState, useMemo, useEffect } from "react";
+import React, { useState, useMemo, useEffect } from "react";
 import { OptionButton } from "./OptionButton";
 import { SelectButtonContext } from "./context";
 import { YStack, XStack } from "tamagui";
@@ -39,7 +39,7 @@ function SelectButton({
     }
     setSelectedIndex(void 0);
   }, [selectedValue]);
-  return <SelectButtonContext.Provider value={contextValue}>{xStack ? <XStack {...stackProps} /> : <YStack {...stackProps} />}</SelectButtonContext.Provider>;
+  return /* @__PURE__ */ React.createElement(SelectButtonContext.Provider, { value: contextValue }, xStack ? /* @__PURE__ */ React.createElement(XStack, { ...stackProps }) : /* @__PURE__ */ React.createElement(YStack, { ...stackProps }));
 }
 SelectButton.OptionButton = OptionButton;
 export {