@multiplatform.one/components 0.2.17 → 0.7.1

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/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": []
 }

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

@@ -1,5 +1,6 @@
-import React from "react";
 import { FormSwitch } from "./index";
+import { action } from "@storybook/addon-actions";
+import { jsx } from "react/jsx-runtime";
 var FormSwitch_stories_default = {
   title: "forms/FormSwitch",
   component: FormSwitch,
@@ -7,7 +8,16 @@ var FormSwitch_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormSwitch, { label: "Example Switch", name: "exampleSwitch", helperText: "This is an example switch", defaultValue: false });
+const main = () => /* @__PURE__ */ jsx(
+  FormSwitch,
+  {
+    label: "Example Switch",
+    name: "exampleSwitch",
+    helperText: "This is an example switch",
+    defaultValue: !1,
+    onCheckedChange: action("onCheckedChange")
+  }
+);
 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": "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;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAWrB;AATF,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,YAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C;",
   "names": []
 }

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

@@ -1,7 +1,8 @@
-import React, { useId } from "react";
-import { Switch } from "tamagui";
+import { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
+import { Switch } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function FormSwitch({
   control,
   defaultValue,
@@ -12,22 +13,18 @@ function FormSwitch({
   name,
   required,
   rules,
-  ThumbStyle,
+  thumbStyle,
   ...switchProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(Switch, { ...switchProps }, /* @__PURE__ */ React.createElement(Switch.Thumb, { ...ThumbStyle })));
-  }
-  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,
@@ -35,30 +32,26 @@ function FormSwitch({
           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);
+          ...fieldProps,
+          children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: value ?? !1,
+              id,
+              ...switchProps,
+              onCheckedChange: (e) => {
+                onChange(e), switchProps.onCheckedChange && switchProps.onCheckedChange(e);
+              },
+              onPress: (e) => {
+                e.preventDefault(), switchProps.onPress && switchProps.onPress(e);
+              },
+              children: /* @__PURE__ */ jsx(Switch.Thumb, { ...thumbStyle })
             }
-          },
-          /* @__PURE__ */ React.createElement(Switch.Thumb, { ...ThumbStyle })
-        )
+          )
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ jsx(FormField, { id, error: !!error, helperText, label, required, ...fieldProps, children: /* @__PURE__ */ jsx(Switch, { ...switchProps, children: /* @__PURE__ */ jsx(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,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,eACV,oCAAC,OAAO,OAAP,EAAc,GAAG,YAAY,CAChC,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;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;",
+  "mappings": "AAAA,SAAgB,aAAa;AAK7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AA4Bb;AAnBH,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;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEJ;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,SAAS;AAAA,cAClB;AAAA,cACC,GAAG;AAAA,cACJ,iBAAiB,CAAC,MAAM;AACtB,yBAAS,CAAC,GACN,YAAY,mBAAiB,YAAY,gBAAgB,CAAC;AAAA,cAChE;AAAA,cACA,SAAS,CAAC,MAAM;AACd,kBAAE,eAAe,GACb,YAAY,WAAS,YAAY,QAAQ,CAAC;AAAA,cAChD;AAAA,cAEA,8BAAC,OAAO,OAAP,EAAc,GAAI,YAAoB;AAAA;AAAA,UACzC;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAvCE,oBAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,YAC/F,8BAAC,UAAQ,GAAG,aACV,8BAAC,OAAO,OAAP,EAAc,GAAI,YAAoB,GACzC,GACF;AAqCN;AAEA,WAAW,eAAe;AAAA,EACxB,MAAM;AAAA,EACN,WAAW;AACb;",
   "names": ["error"]
 }

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

@@ -1,5 +1,6 @@
-import React from "react";
 import { FormTextArea } from "./index";
+import { action } from "@storybook/addon-actions";
+import { jsx } from "react/jsx-runtime";
 var FormTextArea_stories_default = {
   title: "forms/FormTextArea",
   component: FormTextArea,
@@ -7,7 +8,16 @@ var FormTextArea_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormTextArea, { label: "Description", name: "description", defaultValue: "", rules: { required: true } });
+const main = () => /* @__PURE__ */ jsx(
+  FormTextArea,
+  {
+    label: "Description",
+    name: "description",
+    defaultValue: "",
+    rules: { required: !0 },
+    onChangeText: action("onChangeText")
+  }
+);
 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": "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;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAWrB;AATF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,cAAa;AAAA,IACb,OAAO,EAAE,UAAU,GAAK;AAAA,IACxB,cAAc,OAAO,cAAc;AAAA;AACrC;",
   "names": []
 }

package/dist/esm/forms/FormTextArea/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 { TextArea } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function FormTextArea({
   control,
   defaultValue,
@@ -14,19 +15,15 @@ function FormTextArea({
   rules,
   ...textAreaProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(TextArea, { ...textAreaProps }));
-  }
-  return /* @__PURE__ */ React.createElement(
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ jsx(
     Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx(
         FormField,
         {
           id,
@@ -34,28 +31,24 @@ function FormTextArea({
           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);
+          ...fieldProps,
+          children: /* @__PURE__ */ jsx(
+            TextArea,
+            {
+              ...textAreaProps,
+              value: value ?? "",
+              onBlur: (e) => {
+                onBlur(), textAreaProps.onBlur && textAreaProps.onBlur(e);
+              },
+              onChangeText: (e) => {
+                onChange(e), textAreaProps.onChangeText && textAreaProps.onChangeText(e);
+              }
             }
-          }
-        )
+          )
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ jsx(FormField, { id, error: !!error, helperText, label, required, ...fieldProps, children: /* @__PURE__ */ jsx(TextArea, { ...textAreaProps }) });
 }
 export {
   FormTextArea

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormTextArea/index.tsx"],
-  "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;",
+  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAwBjB;AAjBD,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;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,UAEJ;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO,SAAS;AAAA,cAChB,QAAQ,CAAC,MAAM;AACb,uBAAO,GACH,cAAc,UAAQ,cAAc,OAAO,CAAC;AAAA,cAClD;AAAA,cACA,cAAc,CAAC,MAAM;AACnB,yBAAS,CAAC,GACN,cAAc,gBAAc,cAAc,aAAa,CAAC;AAAA,cAC9D;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAlCE,oBAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,YAC/F,8BAAC,YAAU,GAAG,eAAe,GAC/B;AAkCN;",
   "names": ["error"]
 }

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

@@ -1,10 +1,10 @@
-import React, { useContext, useState, useEffect, useCallback } from "react";
+import { useContext, useState, useEffect, useCallback } from "react";
 import { Button, styled } from "tamagui";
 import { SelectButtonContext } from "./context";
+import { jsx } from "react/jsx-runtime";
 const defaultSelectedStyle = {
   backgroundColor: "$color7"
-};
-const StyledButton = styled(Button, {
+}, StyledButton = styled(Button, {
   focusStyle: defaultSelectedStyle,
   variants: {
     selected: {
@@ -18,33 +18,22 @@ 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]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     StyledButton,
     {
       ...buttonProps,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/OptionButton.tsx"],
-  "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;",
+  "mappings": "AAAA,SAAgB,YAAY,UAAU,WAAW,mBAAmB;AAIpE,SAAS,QAAQ,cAAc;AAC/B,SAAS,2BAA2B;AAuDhC;AArDJ,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;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,7 +1,7 @@
-import React from "react";
 import { SelectButton } from "./index";
 import { Text } from "tamagui";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SelectButton_stories_default = {
   title: "forms/SelectButton",
   component: SelectButton,
@@ -9,8 +9,17 @@ var SelectButton_stories_default = {
     status: { type: "beta" }
   }
 };
-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")));
+const main = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), space: !0, children: [
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Text, { children: "SUZUKI" }) })
+] }), x = () => /* @__PURE__ */ jsxs(SelectButton, { onValueChange: action("onValueChange"), space: !0, xStack: !0, children: [
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 0, value: "bmw", children: /* @__PURE__ */ jsx(Text, { children: "BMW" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 1, value: "audi", children: /* @__PURE__ */ jsx(Text, { children: "AUDI" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 2, value: "ford", children: /* @__PURE__ */ jsx(Text, { children: "FORD" }) }),
+  /* @__PURE__ */ jsx(SelectButton.OptionButton, { index: 3, value: "suzuki", children: /* @__PURE__ */ jsx(Text, { children: "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": "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;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,cAAc;AAWrB,SAEI,KAFJ;AATF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,IACzD;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF,GAGW,IAAI,MACf,qBAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,IAAC,QAAM,IAChE;AAAA,sBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,OACzC,8BAAC,QAAK,iBAAG,GACX;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,QACzC,8BAAC,QAAK,kBAAI,GACZ;AAAA,EACA,oBAAC,aAAa,cAAb,EAA0B,OAAO,GAAG,OAAM,UACzC,8BAAC,QAAK,oBAAM,GACd;AAAA,GACF;",
   "names": []
 }

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

@@ -1,7 +1,8 @@
-import React, { useState, useMemo, useEffect } from "react";
+import { useState, useMemo, useEffect } from "react";
 import { OptionButton } from "./OptionButton";
 import { SelectButtonContext } from "./context";
 import { YStack, XStack } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function SelectButton({
   selectedValue,
   xStack,
@@ -9,9 +10,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 +20,21 @@ function SelectButton({
     }),
     [selectedIndex, setSelectedIndex, setValues, values, selectedStyle]
   );
-  useEffect(() => {
-    const selectedIndexStr = selectedIndex == null ? void 0 : 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;
+  return useEffect(() => {
+    const selectedIndexStr = selectedIndex?.toString();
+    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 /* @__PURE__ */ React.createElement(SelectButtonContext.Provider, { value: contextValue }, xStack ? /* @__PURE__ */ React.createElement(XStack, { ...stackProps }) : /* @__PURE__ */ React.createElement(YStack, { ...stackProps }));
+  }, [selectedValue]), /* @__PURE__ */ jsx(SelectButtonContext.Provider, { value: contextValue, children: xStack ? /* @__PURE__ */ jsx(XStack, { ...stackProps }) : /* @__PURE__ */ jsx(YStack, { ...stackProps }) });
 }
 SelectButton.OptionButton = OptionButton;
 export {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,SAAS,iBAAiB;AAGpD,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,QAAQ,cAAc;AASxB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,CAAC,CAAC;AAC/D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB;AAE3D,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,eAAe,kBAAkB,WAAW,QAAQ,aAAa;AAAA,EACpE;AAEA,YAAU,MAAM;AACd,UAAM,mBAAmB,+CAAe;AACxC,QACE,iBACA,OAAO,kBAAkB,eACzB,OAAO,qBAAqB,eAC5B,oBAAoB,QACpB;AACA,oBAAc,OAAO,gBAAgB,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,YAAU,MAAM;AACd,QAAI,OAAO,kBAAkB;AAAa;AAC1C,eAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACnD,YAAM,WAAW,OAAO,KAAK;AAC7B,UAAI,UAAU,iBAAiB,CAAC,OAAO,MAAM,QAAQ,GAAG;AACtD,yBAAiB,QAAQ;AACzB;AAAA,MACF;AAAA,IACF;AACA,qBAAiB,MAAS;AAAA,EAC5B,GAAG,CAAC,aAAa,CAAC;AAElB,SACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,gBAClC,SAAS,oCAAC,UAAQ,GAAG,YAAY,IAAK,oCAAC,UAAQ,GAAG,YAAY,CACjE;AAEJ;AAEA,aAAa,eAAe;",
+  "mappings": "AAAA,SAAgB,UAAU,SAAS,iBAAiB;AAGpD,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,QAAQ,cAAc;AAwDf;AA/CT,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,CAAC,CAAC,GACzD,CAAC,eAAe,gBAAgB,IAAI,SAAiB,GAErD,eAAe;AAAA,IACnB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,eAAe,kBAAkB,WAAW,QAAQ,aAAa;AAAA,EACpE;AAEA,mBAAU,MAAM;AACd,UAAM,mBAAmB,eAAe,SAAS;AACjD,IACE,iBACA,OAAO,gBAAkB,OACzB,OAAO,mBAAqB,OAC5B,oBAAoB,UAEpB,cAAc,OAAO,gBAAgB,CAAC;AAAA,EAE1C,GAAG,CAAC,aAAa,CAAC,GAElB,UAAU,MAAM;AACd,QAAI,SAAO,gBAAkB,MAC7B;AAAA,iBAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACnD,cAAM,WAAW,OAAO,KAAK;AAC7B,YAAI,UAAU,iBAAiB,CAAC,OAAO,MAAM,QAAQ,GAAG;AACtD,2BAAiB,QAAQ;AACzB;AAAA,QACF;AAAA,MACF;AACA,uBAAiB,MAAS;AAAA;AAAA,EAC5B,GAAG,CAAC,aAAa,CAAC,GAGhB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,cAClC,mBAAS,oBAAC,UAAQ,GAAG,YAAY,IAAK,oBAAC,UAAQ,GAAG,YAAY,GACjE;AAEJ;AAEA,aAAa,eAAe;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
-import React from "react";
 import { Select } from "tamagui";
 import { SelectSimple } from "./index";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SelectSimple_stories_default = {
   title: "forms/SelectSimple",
   component: SelectSimple,
@@ -9,7 +9,12 @@ var SelectSimple_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(SelectSimple, { onValueChange: action("onValueChange") }, /* @__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(SelectSimple, { onValueChange: action("onValueChange"), 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 {
   SelectSimple_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectSimple/SelectSimple.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,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,oCAAC,gBAAa,eAAe,OAAO,eAAe,KACjD,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,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAWrB,SAEI,KAFJ;AATF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,gBAAa,eAAe,OAAO,eAAe,GACjD;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/SelectSimple/index.js

@@ -1,5 +1,5 @@
-import React from "react";
 import { Select, styled } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const StyledSelectTrigger = styled(Select.Trigger, {
   paddingVertical: 0
 });
@@ -8,11 +8,19 @@ function SelectSimple({
   placeholder,
   onOpenChange,
   onValueChange,
+  defaultValue,
   value,
   id,
   ...triggerProps
 }) {
-  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: 2e5 }, /* @__PURE__ */ React.createElement(Select.Viewport, null, children)));
+  return /* @__PURE__ */ jsxs(Select, { id, onOpenChange, onValueChange, value, defaultValue, children: [
+    /* @__PURE__ */ jsx(StyledSelectTrigger, { ...triggerProps, children: /* @__PURE__ */ jsx(Select.Value, { placeholder }) }),
+    /* @__PURE__ */ jsx(Select.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Select.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
+      /* @__PURE__ */ jsx(Select.Sheet.Frame, { children: /* @__PURE__ */ jsx(Select.Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Select.Adapt.Contents, {}) }) }),
+      /* @__PURE__ */ jsx(Select.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ jsx(Select.Content, { zIndex: 2e5, children: /* @__PURE__ */ jsx(Select.Viewport, { children }) })
+  ] });
 }
 export {
   SelectSimple

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectSimple/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,QAAQ,cAAc;AAE/B,MAAM,sBAAsB,OAAO,OAAO,SAAS;AAAA,EACjD,iBAAiB;AACnB,CAAC;AAKM,SAAS,aAAa;AAAA,EAC3B;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,OACtB,oCAAC,OAAO,UAAP,MAAiB,QAAS,CAC7B,CACF;AAEJ;",
+  "mappings": "AAGA,SAAS,QAAQ,cAAc;AAsBvB,cAGA,YAHA;AApBR,MAAM,sBAAsB,OAAO,OAAO,SAAS;AAAA,EACjD,iBAAiB;AACnB,CAAC;AAKM,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,qBAAC,UAAO,IAAQ,cAA4B,eAA8B,OAAc,cACtF;AAAA,wBAAC,uBAAqB,GAAG,cACvB,8BAAC,OAAO,OAAP,EAAa,aAA0B,GAC1C;AAAA,IACA,oBAAC,OAAO,OAAP,EAAa,MAAK,MAAK,UAAS,SAC/B,+BAAC,OAAO,OAAP,EAAa,OAAK,IAAC,uBAAqB,IACvC;AAAA,0BAAC,OAAO,MAAM,OAAb,EACC,8BAAC,OAAO,MAAM,YAAb,EACC,8BAAC,OAAO,MAAM,UAAb,EAAsB,GACzB,GACF;AAAA,MACA,oBAAC,OAAO,MAAM,SAAb,EAAqB;AAAA,OACxB,GACF;AAAA,IACA,oBAAC,OAAO,SAAP,EAAe,QAAQ,KACtB,8BAAC,OAAO,UAAP,EAAiB,UAAS,GAC7B;AAAA,KACF;AAEJ;",
   "names": []
 }