@multiplatform.one/components 0.7.0 → 0.7.2

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/SelectButton.stories.native.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { SelectButton } from "./index";
+import { Text } from "tamagui";
+import { action } from "@storybook/addon-actions";
+var SelectButton_stories_default = {
+  title: "forms/SelectButton",
+  component: SelectButton,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ React.createElement(SelectButton, { onValueChange: action("onValueChange"), space: !0 }, /* @__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"))), x = () => /* @__PURE__ */ React.createElement(SelectButton, { onValueChange: action("onValueChange"), space: !0, xStack: !0 }, /* @__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,
+  x
+};
+//# sourceMappingURL=SelectButton.stories.js.map

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

@@ -0,0 +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,MACzD,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,GAGW,IAAI,MACf,oCAAC,gBAAa,eAAe,OAAO,eAAe,GAAG,OAAK,IAAC,QAAM,MAChE,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/{jsx/forms/SelectButton/context.mjs → esm/forms/SelectButton/context.native.js}

@@ -3,4 +3,4 @@ const SelectButtonContext = createContext({ values: {} });
 export {
   SelectButtonContext
 };
-//# sourceMappingURL=context.mjs.map
+//# sourceMappingURL=context.js.map

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/SelectButton/index.native.js

@@ -0,0 +1,42 @@
+import React, { useState, useMemo, useEffect } from "react";
+import { OptionButton } from "./OptionButton";
+import { SelectButtonContext } from "./context";
+import { YStack, XStack } from "tamagui";
+function SelectButton({
+  selectedValue,
+  xStack,
+  selectedStyle,
+  onValueChange,
+  ...stackProps
+}) {
+  const [values, setValues] = useState({}), [selectedIndex, setSelectedIndex] = useState(), contextValue = useMemo(
+    () => ({
+      selectedIndex,
+      selectedStyle,
+      setSelectedIndex,
+      setValues,
+      values
+    }),
+    [selectedIndex, setSelectedIndex, setValues, values, selectedStyle]
+  );
+  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);
+    }
+  }, [selectedValue]), /* @__PURE__ */ React.createElement(SelectButtonContext.Provider, { value: contextValue }, xStack ? /* @__PURE__ */ React.createElement(XStack, { ...stackProps }) : /* @__PURE__ */ React.createElement(YStack, { ...stackProps }));
+}
+SelectButton.OptionButton = OptionButton;
+export {
+  SelectButton
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,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,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,gBAClC,SAAS,oCAAC,UAAQ,GAAG,YAAY,IAAK,oCAAC,UAAQ,GAAG,YAAY,CACjE;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/SelectSimple.stories.native.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Select } from "tamagui";
+import { SelectSimple } from "./index";
+import { action } from "@storybook/addon-actions";
+var SelectSimple_stories_default = {
+  title: "forms/SelectSimple",
+  component: SelectSimple,
+  parameters: {
+    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")));
+export {
+  SelectSimple_stories_default as default,
+  main
+};
+//# sourceMappingURL=SelectSimple.stories.js.map

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

@@ -0,0 +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;",
+  "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/SelectSimple/index.native.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { Select, styled } from "tamagui";
+const StyledSelectTrigger = styled(Select.Trigger, {
+  paddingVertical: 0
+});
+function SelectSimple({
+  children,
+  placeholder,
+  onOpenChange,
+  onValueChange,
+  defaultValue,
+  value,
+  id,
+  ...triggerProps
+}) {
+  return /* @__PURE__ */ React.createElement(Select, { id, onOpenChange, onValueChange, value, defaultValue }, /* @__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: !0, dismissOnSnapToBottom: !0 }, /* @__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)));
+}
+export {
+  SelectSimple
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,oCAAC,UAAO,IAAQ,cAA4B,eAA8B,OAAc,gBACtF,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,IAAC,uBAAqB,MACvC,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;",
+  "names": []
+}

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

@@ -1,13 +1,12 @@
-import React from "react";
 import { SimpleForm } from "./index";
 import { FormInput } from "../FormInput";
 import { FormSelectSimple } from "../FormSelectSimple";
 import { FormSubmitButton } from "../FormSubmitButton";
 import { FormTextArea } from "../FormTextArea";
 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 +14,22 @@ 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(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": "AAsBA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,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,EAYhD,oBAAC,oBAAiB,UAAU,OAAO,UAAU,GAAG,oBAAM;AAAA,GACxD;",
   "names": []
 }

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { SimpleForm } from "./index";
+import { FormInput } from "../FormInput";
+import { FormSelectSimple } from "../FormSelectSimple";
+import { FormSubmitButton } from "../FormSubmitButton";
+import { FormTextArea } from "../FormTextArea";
+import { FormSwitch } from "../FormSwitch";
+import { Select } from "tamagui";
+import { action } from "@storybook/addon-actions";
+var SimpleForm_stories_default = {
+  title: "forms/SimpleForm",
+  component: SimpleForm,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => /* @__PURE__ */ React.createElement(SimpleForm, { padding: "$4", space: !0 }, /* @__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(FormSubmitButton, { onSubmit: action("onSubmit") }, "Submit"));
+export {
+  SimpleForm_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleForm.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SimpleForm/SimpleForm.stories.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAE3B,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,MAC5B,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,GAYhD,oCAAC,oBAAiB,UAAU,OAAO,UAAU,KAAG,QAAM,CACxD;",
+  "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/forms/SimpleForm/index.native.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { Form as TForm } from "tamagui";
+import { FormProvider as RhfFormProvider, useForm } from "react-hook-form";
+function SimpleForm({
+  children,
+  context,
+  criteriaMode,
+  defaultValues,
+  delayError,
+  mode,
+  reValidateMode,
+  resetOptions,
+  resolver,
+  shouldFocusError,
+  shouldUnregister,
+  shouldUseNativeValidation,
+  values,
+  ...formProps
+}) {
+  const methods = useForm({
+    context,
+    criteriaMode,
+    defaultValues,
+    delayError,
+    mode,
+    reValidateMode,
+    resetOptions,
+    resolver,
+    shouldFocusError,
+    shouldUnregister,
+    shouldUseNativeValidation,
+    values
+  });
+  return /* @__PURE__ */ React.createElement(RhfFormProvider, { ...methods }, /* @__PURE__ */ React.createElement(TForm, { ...formProps }, children));
+}
+export {
+  SimpleForm
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -10,4 +10,4 @@ export * from "./FormTextArea";
 export * from "./SelectButton";
 export * from "./SelectSimple";
 export * from "./SimpleForm";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/esm/forms/types.native.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/global.native.js

@@ -0,0 +1 @@
+//# sourceMappingURL=global.js.map

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/helpers.native.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Text } from "tamagui";
+import { isText } from "multiplatform.one";
+function useAutoText(children, Component = Text, props) {
+  return isText(children) ? /* @__PURE__ */ React.createElement(Component, { ...props }, children?.toString()) : children;
+}
+export {
+  useAutoText
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/helpers.native.js.map

@@ -0,0 +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,SAAI,OAAO,QAAQ,IACV,oCAAC,aAAW,GAAG,SAAQ,UAAU,SAAS,CAAE,IAE9C;AACT;",
+  "names": []
+}

package/dist/{jsx/hooks/index.mjs → esm/hooks/index.native.js}

@@ -1,3 +1,3 @@
 export * from "./useAssets";
 export * from "./useClipboard";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/{jsx/hooks/useAnimationDriverToggle.mjs → esm/hooks/useAnimationDriverToggle.native.js}

@@ -9,4 +9,4 @@ const useAnimationDriverToggler = () => {
 export {
   useAnimationDriverToggler
 };
-//# sourceMappingURL=useAnimationDriverToggle.mjs.map
+//# sourceMappingURL=useAnimationDriverToggle.js.map