@multiplatform.one/components 0.7.0 → 0.7.1

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

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { SimpleForm } from "./index";
 import { FormInput } from "../FormInput";
 import { FormSelectSimple } from "../FormSelectSimple";
@@ -8,6 +7,7 @@ import { FormSwitch } from "../FormSwitch";
 import { FormRadioGroup } from "../FormRadioGroup";
 import { Select } from "tamagui";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SimpleForm_stories_default = {
   title: "forms/SimpleForm",
   component: SimpleForm,
@@ -15,19 +15,35 @@ var SimpleForm_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(SimpleForm, { padding: "$4", space: true }, /* @__PURE__ */ React.createElement(FormInput, { name: "firstName", label: "First Name" }), /* @__PURE__ */ React.createElement(FormInput, { name: "lastName", label: "Last Name" }), /* @__PURE__ */ React.createElement(FormSelectSimple, { name: "favoriteColor", label: "Favorite Color" }, /* @__PURE__ */ React.createElement(Select.Item, { index: 0, value: "red" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Red")), /* @__PURE__ */ React.createElement(Select.Item, { index: 1, value: "orange" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Orange")), /* @__PURE__ */ React.createElement(Select.Item, { index: 2, value: "yellow" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Yellow")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "green" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Green")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "blue" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Blue")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "indigo" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Indigo")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "violet" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "Violet"))), /* @__PURE__ */ React.createElement(FormTextArea, { name: "bio", label: "Bio" }), /* @__PURE__ */ React.createElement(FormSwitch, { name: "isAwesome", label: "Is Awesome" }), /* @__PURE__ */ React.createElement(
-  FormRadioGroup,
-  {
-    radioElements: [
-      { label: "male", value: "male" },
-      { label: "female", value: "female" }
-    ],
-    name: "Gender",
-    label: "Gender",
-    horizontal: true,
-    spacingProps: { space: true }
-  }
-), /* @__PURE__ */ React.createElement(FormSubmitButton, { onSubmit: action("onSubmit") }, "Submit"));
+const main = () => /* @__PURE__ */ jsxs(SimpleForm, { padding: "$4", space: !0, children: [
+  /* @__PURE__ */ jsx(FormInput, { name: "firstName", label: "First Name" }),
+  /* @__PURE__ */ jsx(FormInput, { name: "lastName", label: "Last Name" }),
+  /* @__PURE__ */ jsxs(FormSelectSimple, { name: "favoriteColor", label: "Favorite Color", children: [
+    /* @__PURE__ */ jsx(Select.Item, { index: 0, value: "red", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Red" }) }),
+    /* @__PURE__ */ jsx(Select.Item, { index: 1, value: "orange", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Orange" }) }),
+    /* @__PURE__ */ jsx(Select.Item, { index: 2, value: "yellow", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Yellow" }) }),
+    /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "green", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Green" }) }),
+    /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "blue", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Blue" }) }),
+    /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "indigo", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Indigo" }) }),
+    /* @__PURE__ */ jsx(Select.Item, { index: 3, value: "violet", children: /* @__PURE__ */ jsx(Select.ItemText, { children: "Violet" }) })
+  ] }),
+  /* @__PURE__ */ jsx(FormTextArea, { name: "bio", label: "Bio" }),
+  /* @__PURE__ */ jsx(FormSwitch, { name: "isAwesome", label: "Is Awesome" }),
+  /* @__PURE__ */ jsx(
+    FormRadioGroup,
+    {
+      radioElements: [
+        { label: "male", value: "male" },
+        { label: "female", value: "female" }
+      ],
+      name: "Gender",
+      label: "Gender",
+      horizontal: !0,
+      spacingProps: { space: !0 }
+    }
+  ),
+  /* @__PURE__ */ jsx(FormSubmitButton, { onSubmit: action("onSubmit"), children: "Submit" })
+] });
 export {
   SimpleForm_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SimpleForm/SimpleForm.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,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,oCAAC,cAAW,SAAQ,MAAK,OAAK,QAC5B,oCAAC,aAAU,MAAK,aAAY,OAAM,cAAa,GAC/C,oCAAC,aAAU,MAAK,YAAW,OAAM,aAAY,GAC7C,oCAAC,oBAAiB,MAAK,iBAAgB,OAAM,oBAC3C,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,oCAAC,OAAO,UAAP,MAAgB,KAAG,CACtB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,WAC3B,oCAAC,OAAO,UAAP,MAAgB,OAAK,CACxB,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,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,CACF,GACA,oCAAC,gBAAa,MAAK,OAAM,OAAM,OAAM,GACrC,oCAAC,cAAW,MAAK,aAAY,OAAM,cAAa,GAChD;AAAA,EAAC;AAAA;AAAA,IACC,eAAe;AAAA,MACb,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,MAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACrC;AAAA,IACA,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAU;AAAA,IACV,cAAc,EAAE,OAAO,KAAK;AAAA;AAC9B,GACA,oCAAC,oBAAiB,UAAU,OAAO,UAAU,KAAG,QAAM,CACxD;",
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,cAAc;AAYnB,cAEA,YAFA;AAVJ,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,cAAW,SAAQ,MAAK,OAAK,IAC5B;AAAA,sBAAC,aAAU,MAAK,aAAY,OAAM,cAAa;AAAA,EAC/C,oBAAC,aAAU,MAAK,YAAW,OAAM,aAAY;AAAA,EAC7C,qBAAC,oBAAiB,MAAK,iBAAgB,OAAM,kBAC3C;AAAA,wBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,OAC3B,8BAAC,OAAO,UAAP,EAAgB,iBAAG,GACtB;AAAA,IACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,8BAAC,OAAO,UAAP,EAAgB,oBAAM,GACzB;AAAA,IACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,8BAAC,OAAO,UAAP,EAAgB,oBAAM,GACzB;AAAA,IACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,8BAAC,OAAO,UAAP,EAAgB,mBAAK,GACxB;AAAA,IACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,QAC3B,8BAAC,OAAO,UAAP,EAAgB,kBAAI,GACvB;AAAA,IACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,8BAAC,OAAO,UAAP,EAAgB,oBAAM,GACzB;AAAA,IACA,oBAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,8BAAC,OAAO,UAAP,EAAgB,oBAAM,GACzB;AAAA,KACF;AAAA,EACA,oBAAC,gBAAa,MAAK,OAAM,OAAM,OAAM;AAAA,EACrC,oBAAC,cAAW,MAAK,aAAY,OAAM,cAAa;AAAA,EAChD;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,QACb,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,QAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,MACrC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,YAAU;AAAA,MACV,cAAc,EAAE,OAAO,GAAK;AAAA;AAAA,EAC9B;AAAA,EACA,oBAAC,oBAAiB,UAAU,OAAO,UAAU,GAAG,oBAAM;AAAA,GACxD;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-import React from "react";
 import { Form as TForm } from "tamagui";
 import { FormProvider as RhfFormProvider, useForm } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
 function SimpleForm({
   children,
   context,
@@ -31,7 +31,7 @@ function SimpleForm({
     shouldUseNativeValidation,
     values
   });
-  return /* @__PURE__ */ React.createElement(RhfFormProvider, { ...methods }, /* @__PURE__ */ React.createElement(TForm, { ...formProps }, children));
+  return /* @__PURE__ */ jsx(RhfFormProvider, { ...methods, children: /* @__PURE__ */ jsx(TForm, { ...formProps, children }) });
 }
 export {
   SimpleForm

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SimpleForm/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,QAAQ,aAAa;AAC9B,SAAS,gBAAgB,iBAAiB,eAAe;AAIlD,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;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,UAAU,QAAQ;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,oCAAC,mBAAiB,GAAG,WACnB,oCAAC,SAAO,GAAI,aAAoB,QAAS,CAC3C;AAEJ;",
+  "mappings": "AAGA,SAAS,QAAQ,aAAa;AAC9B,SAAS,gBAAgB,iBAAiB,eAAe;AAoCnD;AAhCC,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;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,UAAU,QAAQ;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,SACE,oBAAC,mBAAiB,GAAG,SACnB,8BAAC,SAAO,GAAI,WAAoB,UAAS,GAC3C;AAEJ;",
   "names": []
 }

package/dist/esm/helpers.js

@@ -1,11 +1,8 @@
-import React from "react";
 import { Text } from "tamagui";
 import { isText } from "multiplatform.one";
+import { jsx } from "react/jsx-runtime";
 function useAutoText(children, Component = Text, props) {
-  if (isText(children)) {
-    return /* @__PURE__ */ React.createElement(Component, { ...props }, children == null ? void 0 : children.toString());
-  }
-  return children;
+  return isText(children) ? /* @__PURE__ */ jsx(Component, { ...props, children: children?.toString() }) : children;
 }
 export {
   useAutoText

package/dist/esm/helpers.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers.tsx"],
-  "mappings": "AACA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,YAAY,UAAe,YAAgC,MAAM,OAAwB;AACvG,MAAI,OAAO,QAAQ,GAAG;AACpB,WAAO,oCAAC,aAAW,GAAG,SAAQ,qCAAU,UAAW;AAAA,EACrD;AACA,SAAO;AACT;",
+  "mappings": "AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AAIZ;AAFJ,SAAS,YAAY,UAAe,YAAgC,MAAM,OAAwB;AACvG,SAAI,OAAO,QAAQ,IACV,oBAAC,aAAW,GAAG,OAAQ,oBAAU,SAAS,GAAE,IAE9C;AACT;",
   "names": []
 }

package/dist/esm/hooks/useAssets/index.js

@@ -1,12 +1,7 @@
 function useAssets(modules) {
-  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map(
-    (module) => {
-      if (typeof module.default !== "undefined")
-        return module.default;
-      return module;
-    }
+  return (Array.isArray(modules) ? modules : [modules]).map(
+    (module) => typeof module.default < "u" ? module.default : module
   );
-  return modulesArr;
 }
 export {
   useAssets

package/dist/esm/hooks/useAssets/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useAssets/index.ts"],
-  "mappings": "AAEO,SAAS,UAAU,SAAuD;AAC/E,QAAM,cAA+C,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG;AAAA,IACjG,CAAC,WAAgB;AACf,UAAI,OAAO,OAAO,YAAY;AAAa,eAAO,OAAO;AACzD,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;",
+  "mappings": "AAEO,SAAS,UAAU,SAAuD;AAO/E,UANqD,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG;AAAA,IACjG,CAAC,WACK,OAAO,OAAO,UAAY,MAAoB,OAAO,UAClD;AAAA,EAEX;AAEF;",
   "names": []
 }

package/dist/esm/hooks/useClipboard.js

@@ -1,23 +1,18 @@
 import { useEffect, useState } from "react";
 import { useEvent } from "tamagui";
-const copyToClipboard = (text) => {
-  return navigator.clipboard.writeText(text);
-};
+const copyToClipboard = (text) => navigator.clipboard.writeText(text);
 function useClipboard(text = "", timeout = 1500) {
-  const [hasCopied, setHasCopied] = useState(false);
-  const onCopy = useEvent(async () => {
-    await copyToClipboard(text);
-    setHasCopied(true);
+  const [hasCopied, setHasCopied] = useState(!1), onCopy = useEvent(async () => {
+    await copyToClipboard(text), setHasCopied(!0);
   });
-  useEffect(() => {
+  return useEffect(() => {
     if (!hasCopied)
       return;
     const id = setTimeout(() => {
-      setHasCopied(false);
+      setHasCopied(!1);
     }, timeout);
     return () => clearTimeout(id);
-  }, [timeout, hasCopied]);
-  return { value: text, onCopy, hasCopied };
+  }, [timeout, hasCopied]), { value: text, onCopy, hasCopied };
 }
 export {
   copyToClipboard,

package/dist/esm/hooks/useClipboard.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useClipboard.ts"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAElB,MAAM,kBAAkB,CAAC,SAAiB;AAC/C,SAAO,UAAU,UAAU,UAAU,IAAI;AAC3C;AAEO,SAAS,aAAa,OAAO,IAAI,UAAU,MAAM;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,SAAS,SAAS,YAAY;AAClC,UAAM,gBAAgB,IAAI;AAC1B,iBAAa,IAAI;AAAA,EACnB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC;AAAW;AAChB,UAAM,KAAK,WAAW,MAAM;AAC1B,mBAAa,KAAK;AAAA,IACpB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,SAAO,EAAE,OAAO,MAAM,QAAQ,UAAU;AAC1C;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAElB,MAAM,kBAAkB,CAAC,SACvB,UAAU,UAAU,UAAU,IAAI;AAGpC,SAAS,aAAa,OAAO,IAAI,UAAU,MAAM;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAK,GAE1C,SAAS,SAAS,YAAY;AAClC,UAAM,gBAAgB,IAAI,GAC1B,aAAa,EAAI;AAAA,EACnB,CAAC;AAED,mBAAU,MAAM;AACd,QAAI,CAAC;AAAW;AAChB,UAAM,KAAK,WAAW,MAAM;AAC1B,mBAAa,EAAK;AAAA,IACpB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,SAAS,SAAS,CAAC,GAEhB,EAAE,OAAO,MAAM,QAAQ,UAAU;AAC1C;",
   "names": []
 }