@multiplatform.one/components 0.2.17 → 0.7.1

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectButton/index.tsx"],
-  "mappings": "AAAA,SAAgB,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,eAAe,SAAS;AACjD,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,CAAC,oBAAoB,SAAS,OAAO,eAClC,SAAS,CAAC,WAAW,YAAY,KAAK,CAAC,WAAW,YAAY,GACjE,EAFC,oBAAoB;AAIzB;AAEA,aAAa,eAAe;",
+  "mappings": "AAAA,SAAgB,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,CAAC,oBAAoB,SAAS,OAAO,eAClC,SAAS,CAAC,WAAW,YAAY,KAAK,CAAC,WAAW,YAAY,GACjE,EAFC,oBAAoB;AAIzB;AAEA,aAAa,eAAe;",
   "names": []
 }

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

@@ -0,0 +1,42 @@
+import { 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 == null ? void 0 : 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]), <SelectButtonContext.Provider value={contextValue}>{xStack ? <XStack {...stackProps} /> : <YStack {...stackProps} />}</SelectButtonContext.Provider>;
+}
+SelectButton.OptionButton = OptionButton;
+export {
+  SelectButton
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/index.tsx"],
+  "mappings": "AAAA,SAAgB,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,+CAAe;AACxC,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,CAAC,oBAAoB,SAAS,OAAO,eAClC,SAAS,CAAC,WAAW,YAAY,KAAK,CAAC,WAAW,YAAY,GACjE,EAFC,oBAAoB;AAIzB;AAEA,aAAa,eAAe;",
+  "names": []
+}

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

@@ -18,4 +18,4 @@ export {
   SelectSimple_stories_default as default,
   main
 };
-//# sourceMappingURL=SelectSimple.stories.mjs.map
+//# sourceMappingURL=SelectSimple.stories.js.map

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

@@ -7,11 +7,12 @@ function SelectSimple({
   placeholder,
   onOpenChange,
   onValueChange,
+  defaultValue,
   value,
   id,
   ...triggerProps
 }) {
-  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
+  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value} defaultValue={defaultValue}>
     <StyledSelectTrigger {...triggerProps}><Select.Value placeholder={placeholder} /></StyledSelectTrigger>
     <Select.Adapt when="sm" platform="touch"><Select.Sheet modal dismissOnSnapToBottom>
       <Select.Sheet.Frame><Select.Sheet.ScrollView><Select.Adapt.Contents /></Select.Sheet.ScrollView></Select.Sheet.Frame>

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SelectSimple/index.tsx"],
-  "mappings": "AAGA,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,CAAC,OAAO,IAAI,IAAI,cAAc,cAAc,eAAe,eAAe,OAAO;AAAA,IAC/E,CAAC,wBAAwB,cACvB,CAAC,OAAO,MAAM,aAAa,aAAa,EAC1C,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,QAC/B,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,MAAM,SAAS,EACzB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO,MAQV,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,QAAQ,QAAQ,KACtB,CAAC,OAAO,UAAU,SAAS,EAA1B,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAjBC;AAmBL;",
+  "mappings": "AAGA,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,CAAC,OAAO,IAAI,IAAI,cAAc,cAAc,eAAe,eAAe,OAAO,OAAO,cAAc;AAAA,IACpG,CAAC,wBAAwB,cACvB,CAAC,OAAO,MAAM,aAAa,aAAa,EAC1C,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,QAC/B,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,MAAM,SAAS,EACzB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO,MAQV,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,QAAQ,QAAQ,KACtB,CAAC,OAAO,UAAU,SAAS,EAA1B,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAjBC;AAmBL;",
   "names": []
 }

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

@@ -7,11 +7,12 @@ function SelectSimple({
   placeholder,
   onOpenChange,
   onValueChange,
+  defaultValue,
   value,
   id,
   ...triggerProps
 }) {
-  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
+  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value} defaultValue={defaultValue}>
     <StyledSelectTrigger {...triggerProps}><Select.Value placeholder={placeholder} /></StyledSelectTrigger>
     <Select.Adapt when="sm" platform="touch"><Select.Sheet modal dismissOnSnapToBottom>
       <Select.Sheet.Frame><Select.Sheet.ScrollView><Select.Adapt.Contents /></Select.Sheet.ScrollView></Select.Sheet.Frame>
@@ -23,4 +24,4 @@ function SelectSimple({
 export {
   SelectSimple
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectSimple/index.tsx"],
+  "mappings": "AAGA,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,CAAC,OAAO,IAAI,IAAI,cAAc,cAAc,eAAe,eAAe,OAAO,OAAO,cAAc;AAAA,IACpG,CAAC,wBAAwB,cACvB,CAAC,OAAO,MAAM,aAAa,aAAa,EAC1C,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,KAAK,SAAS,QAC/B,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,MAAM,SAAS,EACzB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO,MAQV,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,QAAQ,QAAQ,KACtB,CAAC,OAAO,UAAU,SAAS,EAA1B,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAjBC;AAmBL;",
+  "names": []
+}

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

@@ -2,6 +2,9 @@ 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";
 var SimpleForm_stories_default = {
@@ -23,6 +26,18 @@ const main = () => <SimpleForm padding="$4" space>
     <Select.Item index={3} value="indigo"><Select.ItemText>Indigo</Select.ItemText></Select.Item>
     <Select.Item index={3} value="violet"><Select.ItemText>Violet</Select.ItemText></Select.Item>
   </FormSelectSimple>
+  <FormTextArea name="bio" label="Bio" />
+  <FormSwitch name="isAwesome" label="Is Awesome" />
+  <FormRadioGroup
+    radioElements={[
+      { label: "male", value: "male" },
+      { label: "female", value: "female" }
+    ]}
+    name="Gender"
+    label="Gender"
+    horizontal
+    spacingProps={{ space: !0 }}
+  />
   <FormSubmitButton onSubmit={action("onSubmit")}>Submit</FormSubmitButton>
 </SimpleForm>;
 export {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SimpleForm/SimpleForm.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,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,CAAC,WAAW,QAAQ,KAAK;AAAA,EACvB,CAAC,UAAU,KAAK,YAAY,MAAM,aAAa;AAAA,EAC/C,CAAC,UAAU,KAAK,WAAW,MAAM,YAAY;AAAA,EAC7C,CAAC,iBAAiB,KAAK,gBAAgB,MAAM;AAAA,IAC3C,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,OAAO,SAAS,GAAG,EAAnB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,QAC3B,CAAC,OAAO,SAAS,KAAK,EAArB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAtBC;AAAA,EAuBD,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EA3BC;",
+  "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;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WAAW,QAAQ,KAAK;AAAA,EACvB,CAAC,UAAU,KAAK,YAAY,MAAM,aAAa;AAAA,EAC/C,CAAC,UAAU,KAAK,WAAW,MAAM,YAAY;AAAA,EAC7C,CAAC,iBAAiB,KAAK,gBAAgB,MAAM;AAAA,IAC3C,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,OAAO,SAAS,GAAG,EAAnB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,QAC3B,CAAC,OAAO,SAAS,KAAK,EAArB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAtBC;AAAA,EAuBD,CAAC,aAAa,KAAK,MAAM,MAAM,MAAM;AAAA,EACrC,CAAC,WAAW,KAAK,YAAY,MAAM,aAAa;AAAA,EAChD,CAAC;AAAA,IACC,eAAe;AAAA,MACb,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,MAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACrC;AAAA,IACA,KAAK;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,cAAc,EAAE,OAAO,GAAK;AAAA,EAC9B;AAAA,EACA,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAvCC;",
   "names": []
 }

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

@@ -2,6 +2,9 @@ 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";
 var SimpleForm_stories_default = {
@@ -23,10 +26,22 @@ const main = () => <SimpleForm padding="$4" space>
     <Select.Item index={3} value="indigo"><Select.ItemText>Indigo</Select.ItemText></Select.Item>
     <Select.Item index={3} value="violet"><Select.ItemText>Violet</Select.ItemText></Select.Item>
   </FormSelectSimple>
+  <FormTextArea name="bio" label="Bio" />
+  <FormSwitch name="isAwesome" label="Is Awesome" />
+  <FormRadioGroup
+    radioElements={[
+      { label: "male", value: "male" },
+      { label: "female", value: "female" }
+    ]}
+    name="Gender"
+    label="Gender"
+    horizontal
+    spacingProps={{ space: !0 }}
+  />
   <FormSubmitButton onSubmit={action("onSubmit")}>Submit</FormSubmitButton>
 </SimpleForm>;
 export {
   SimpleForm_stories_default as default,
   main
 };
-//# sourceMappingURL=SimpleForm.stories.mjs.map
+//# sourceMappingURL=SimpleForm.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SimpleForm/SimpleForm.stories.tsx"],
+  "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;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,WAAW,QAAQ,KAAK;AAAA,EACvB,CAAC,UAAU,KAAK,YAAY,MAAM,aAAa;AAAA,EAC/C,CAAC,UAAU,KAAK,WAAW,MAAM,YAAY;AAAA,EAC7C,CAAC,iBAAiB,KAAK,gBAAgB,MAAM;AAAA,IAC3C,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,OAAO,SAAS,GAAG,EAAnB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,QAC3B,CAAC,OAAO,SAAS,KAAK,EAArB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAAA,EAGV,EAtBC;AAAA,EAuBD,CAAC,aAAa,KAAK,MAAM,MAAM,MAAM;AAAA,EACrC,CAAC,WAAW,KAAK,YAAY,MAAM,aAAa;AAAA,EAChD,CAAC;AAAA,IACC,eAAe;AAAA,MACb,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,MAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACrC;AAAA,IACA,KAAK;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,cAAc,EAAE,OAAO,GAAK;AAAA,EAC9B;AAAA,EACA,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAvCC;",
+  "names": []
+}

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

@@ -35,4 +35,4 @@ function SimpleForm({
 export {
   SimpleForm
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/forms/{index.mjs → 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/jsx/global.native.js

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

package/dist/jsx/helpers.js

@@ -1,10 +1,7 @@
 import { Text } from "tamagui";
 import { isText } from "multiplatform.one";
 function useAutoText(children, Component = Text, props) {
-  if (isText(children)) {
-    return <Component {...props}>{children?.toString()}</Component>;
-  }
-  return children;
+  return isText(children) ? <Component {...props}>{children?.toString()}</Component> : children;
 }
 export {
   useAutoText

package/dist/jsx/helpers.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers.tsx"],
-  "mappings": "AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,YAAY,UAAe,YAAgC,MAAM,OAAwB;AACvG,MAAI,OAAO,QAAQ,GAAG;AACpB,WAAO,CAAC,cAAc,QAAQ,UAAU,SAAS,EAAE,EAA3C;AAAA,EACV;AACA,SAAO;AACT;",
+  "mappings": "AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,YAAY,UAAe,YAAgC,MAAM,OAAwB;AACvG,SAAI,OAAO,QAAQ,IACV,CAAC,cAAc,QAAQ,UAAU,SAAS,EAAE,EAA3C,aAEH;AACT;",
   "names": []
 }

package/dist/jsx/{helpers.mjs → helpers.native.js}

@@ -1,12 +1,9 @@
 import { Text } from "tamagui";
 import { isText } from "multiplatform.one";
 function useAutoText(children, Component = Text, props) {
-  if (isText(children)) {
-    return <Component {...props}>{children?.toString()}</Component>;
-  }
-  return children;
+  return isText(children) ? <Component {...props}>{children == null ? void 0 : children.toString()}</Component> : children;
 }
 export {
   useAutoText
 };
-//# sourceMappingURL=helpers.mjs.map
+//# sourceMappingURL=helpers.js.map

package/dist/jsx/{helpers.mjs.map → helpers.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers.tsx"],
-  "mappings": "AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,YAAY,UAAe,YAAgC,MAAM,OAAwB;AACvG,MAAI,OAAO,QAAQ,GAAG;AACpB,WAAO,CAAC,cAAc,QAAQ,UAAU,SAAS,EAAE,EAA3C;AAAA,EACV;AACA,SAAO;AACT;",
+  "mappings": "AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,YAAY,UAAe,YAAgC,MAAM,OAAwB;AACvG,SAAI,OAAO,QAAQ,IACV,CAAC,cAAc,QAAQ,qCAAU,WAAW,EAA3C,aAEH;AACT;",
   "names": []
 }

package/dist/jsx/hooks/{index.mjs → 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 → useAnimationDriverToggle.native.js}

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

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

@@ -1,18 +1,6 @@
 function useAssets(modules) {
-  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => {
-    if (typeof module.default !== "undefined" && module.__esModule === true)
-      return module.default;
-    return module;
-  });
-  return modulesArr.map(
-    (module) => typeof module === "string" ? {
-      uri: module
-    } : {
-      uri: module.src,
-      height: module.height,
-      blurDataURL: module.blurDataURL,
-      width: module.width
-    }
+  return (Array.isArray(modules) ? modules : [modules]).map(
+    (module) => typeof module.default < "u" ? module.default : module
   );
 }
 export {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useAssets/index.ts"],
-  "mappings": "AAEO,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY,eAAe,OAAO,eAAe;AAAM,aAAO,OAAO;AACvF,WAAO;AAAA,EACT,CAAC;AACD,SAAO,WAAW;AAAA,IAAI,CAAC,WACrB,OAAO,WAAW,WACd;AAAA,MACE,KAAK;AAAA,IACP,IACA;AAAA,MACE,KAAK,OAAO;AAAA,MACZ,QAAQ,OAAO;AAAA,MACf,aAAa,OAAO;AAAA,MACpB,OAAO,OAAO;AAAA,IAChB;AAAA,EACN;AACF;",
+  "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/jsx/hooks/useAssets/index.native.js

@@ -1,27 +1,12 @@
 import { useAssets as expoUseAssets } from "expo-asset";
 const logger = console;
 function useAssets(modules) {
-  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => {
-    if (typeof module.default !== "undefined" && module.__esModule === true)
-      return module.default;
-    return module;
-  });
-  const [assets, err] = expoUseAssets(modulesArr);
-  if (err)
-    logger.error(err);
-  if (!assets)
-    return new Array(modulesArr.length);
-  return assets.map((asset) => ({
-    type: asset.type,
-    uri: asset.uri,
-    width: asset.width || void 0,
-    height: asset.height || void 0,
-    name: asset.name,
-    hash: asset.hash,
-    localUri: asset.localUri,
-    downloading: asset.downloading,
-    downloaded: asset.downloaded
-  }));
+  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => typeof module.default < "u" ? module.default : module), [assets, err] = expoUseAssets(modulesArr);
+  return err && logger.error(err), assets ? assets.map((asset) => ({
+    height: asset.height,
+    src: asset.uri,
+    width: asset.width
+  })) : new Array(modulesArr.length);
 }
 export {
   useAssets

package/dist/jsx/hooks/useAssets/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useAssets/index.native.ts"],
-  "mappings": "AAEA,SAAS,aAAa,qBAAqB;AAE3C,MAAM,SAAS;AAER,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY,eAAe,OAAO,eAAe;AAAM,aAAO,OAAO;AACvF,WAAO;AAAA,EACT,CAAC;AACD,QAAM,CAAC,QAAQ,GAAG,IAAI,cAAc,UAAU;AAC9C,MAAI;AAAK,WAAO,MAAM,GAAG;AACzB,MAAI,CAAC;AAAQ,WAAO,IAAI,MAAM,WAAW,MAAM;AAC/C,SAAO,OAAO,IAAI,CAAC,WAAsB;AAAA,IACvC,MAAM,MAAM;AAAA,IACZ,KAAK,MAAM;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,QAAQ,MAAM,UAAU;AAAA,IACxB,MAAM,MAAM;AAAA,IACZ,MAAM,MAAM;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EACpB,EAAE;AACJ;",
+  "mappings": "AAEA,SAAS,aAAa,qBAAqB;AAE3C,MAAM,SAAS;AAER,SAAS,UAAU,SAAuD;AAC/E,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WACjE,OAAO,OAAO,UAAY,MAAoB,OAAO,UAClD,MACR,GACK,CAAC,QAAQ,GAAG,IAAI,cAAc,UAAU;AAE9C,SADI,OAAK,OAAO,MAAM,GAAG,GACpB,SACE,OAAO,IAAI,CAAC,WAAkB;AAAA,IACnC,QAAQ,MAAM;AAAA,IACd,KAAK,MAAM;AAAA,IACX,OAAO,MAAM;AAAA,EACf,EAAE,IALkB,IAAI,MAAM,WAAW,MAAM;AAMjD;",
   "names": []
 }

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

package/dist/jsx/hooks/useClipboard.native.js

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

package/dist/jsx/hooks/useClipboard.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useClipboard.ts"],
+  "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": []
+}