@multiplatform.one/components 0.7.0 → 0.7.2

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

@@ -4,7 +4,6 @@ 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 = {
@@ -28,16 +27,21 @@ const main = () => <SimpleForm padding="$4" space>
   </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: true }}
-  />
+  {
+    /* TODO: fix type error below */
+  }
+  {
+    /* <FormRadioGroup
+      radioElements={[
+        { label: 'male', value: 'male' },
+        { label: 'female', value: 'female' },
+      ]}
+      name="Gender"
+      label="Gender"
+      horizontal
+      spacingProps={{ space: true }}
+    /> */
+  }
   <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,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,KAAK;AAAA,EAC9B;AAAA,EACA,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAvCC;",
+  "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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhD,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAxCC;",
   "names": []
 }

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

@@ -4,7 +4,6 @@ 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 = {
@@ -28,20 +27,25 @@ const main = () => <SimpleForm padding="$4" space>
   </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: true }}
-  />
+  {
+    /* TODO: fix type error below */
+  }
+  {
+    /* <FormRadioGroup
+      radioElements={[
+        { label: 'male', value: 'male' },
+        { label: 'female', value: 'female' },
+      ]}
+      name="Gender"
+      label="Gender"
+      horizontal
+      spacingProps={{ space: true }}
+    /> */
+  }
   <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": "AAsBA,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,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYhD,CAAC,iBAAiB,UAAU,OAAO,UAAU,GAAG,MAAM,EAArD;AACH,EAxCC;",
+  "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.native.js

@@ -0,0 +1,13 @@
+export * from "./FormCheckBox";
+export * from "./FormField";
+export * from "./FormInput";
+export * from "./FormRadioGroup";
+export * from "./FormSelectSimple";
+export * from "./FormSlider";
+export * from "./FormSubmitButton";
+export * from "./FormSwitch";
+export * from "./FormTextArea";
+export * from "./SelectButton";
+export * from "./SelectSimple";
+export * from "./SimpleForm";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/forms/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

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

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

package/dist/jsx/forms/types.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/global.native.js

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

package/dist/jsx/global.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

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

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { AnimationDriverTogglerContext } from "../providers/AnimationDriverTogglerContextProvider";
+const useAnimationDriverToggler = () => {
+  const contextValue = useContext(AnimationDriverTogglerContext);
+  if (!contextValue)
+    throw new Error("Should be used within the AnimationDriverTogglerContext provider");
+  return contextValue;
+};
+export {
+  useAnimationDriverToggler
+};
+//# sourceMappingURL=useAnimationDriverToggle.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useAnimationDriverToggle.ts"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,qCAAqC;AAEvC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,eAAe,WAAW,6BAA6B;AAC7D,MAAI,CAAC;AAAc,UAAM,IAAI,MAAM,kEAAkE;AACrG,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/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/jsx/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/jsx/hooks/useAssets/index.native.js

@@ -1,21 +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")
-      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) => ({
+  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,SAAuD;AAC/E,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY;AAAa,aAAO,OAAO;AACzD,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,WAAkB;AAAA,IACnC,QAAQ,MAAM;AAAA,IACd,KAAK,MAAM;AAAA,IACX,OAAO,MAAM;AAAA,EACf,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": []
+}

package/dist/jsx/images/SimpleImage/index.js

@@ -27,52 +27,34 @@ const SimpleImageComponent = forwardRef(
     width,
     ...props
   }, ref) => {
-    const parentRef = useRef();
-    const style = StyleSheet.flatten(props.style || {});
+    const parentRef = useRef(), style = StyleSheet.flatten(props.style || {});
     let asset;
-    if (typeof src === "number")
-      [asset] = useAssets([src]);
+    typeof src == "number" && ([asset] = useAssets([src]));
     const staticImageData = useMemo(() => {
-      if (typeof src === "string")
-        return;
-      if (typeof src === "number")
-        return asset;
-      return src?.default || src;
-    }, [asset, src]);
-    const mAspectRatio = useMemo(() => {
+      if (typeof src != "string")
+        return typeof src == "number" ? asset : src?.default || src;
+    }, [asset, src]), mAspectRatio = useMemo(() => {
       const sAspectRatio = aspectRatio || style.aspectRatio;
-      if (typeof sAspectRatio === "string") {
+      if (typeof sAspectRatio == "string") {
         const [width2, height2] = sAspectRatio.split(":");
         return parseInt(width2, 10) / parseInt(height2, 10);
       }
       return sAspectRatio;
-    }, [aspectRatio, style.aspectRatio]);
-    const solitoHeight = useMemo(() => {
-      if (typeof height === "string")
+    }, [aspectRatio, style.aspectRatio]), solitoHeight = useMemo(() => {
+      if (typeof height == "string")
         return;
-      if (typeof height === "number")
+      if (typeof height == "number")
         return height;
-      const w = typeof width === "number" ? width : typeof style.width !== "undefined" ? typeof style.width === "number" ? style.width : void 0 : staticImageData?.width;
-      if (typeof w === "number" && typeof mAspectRatio === "number")
-        return w / mAspectRatio;
-      return staticImageData?.height;
-    }, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]);
-    const solitoWidth = useMemo(() => {
-      if (typeof width === "string")
+      const w = typeof width == "number" ? width : typeof style.width < "u" ? typeof style.width == "number" ? style.width : void 0 : staticImageData?.width;
+      return typeof w == "number" && typeof mAspectRatio == "number" ? w / mAspectRatio : staticImageData?.height;
+    }, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]), solitoWidth = useMemo(() => {
+      if (typeof width == "string")
         return;
-      if (typeof width === "number")
+      if (typeof width == "number")
         return width;
-      const h = typeof height === "number" ? height : typeof style.height !== "undefined" ? typeof style.height === "number" ? style.height : void 0 : staticImageData?.height;
-      if (typeof h === "number" && typeof mAspectRatio === "number")
-        return h * mAspectRatio;
-      return staticImageData?.width;
-    }, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]);
-    const fill = useMemo(() => {
-      if (typeof solitoWidth === "undefined" || typeof solitoHeight === "undefined") {
-        return true;
-      }
-      return false;
-    }, [solitoWidth, solitoHeight]);
+      const h = typeof height == "number" ? height : typeof style.height < "u" ? typeof style.height == "number" ? style.height : void 0 : staticImageData?.height;
+      return typeof h == "number" && typeof mAspectRatio == "number" ? h * mAspectRatio : staticImageData?.width;
+    }, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]), fill = useMemo(() => typeof solitoWidth > "u" || typeof solitoHeight > "u", [solitoWidth, solitoHeight]);
     return <Stack {...props} aspectRatio={aspectRatio} width={width} height={height} ref={parentRef}>{src && <SolitoImage
       alt={alt || ""}
       blurDataURL={blurDataURL}
@@ -97,14 +79,10 @@ const SimpleImageComponent = forwardRef(
       width={fill ? void 0 : solitoWidth}
     />}</Stack>;
   }
-);
-const SimpleImage = createComponent(
-  {
-    Component: SimpleImageComponent,
-    acceptsClassName: true
-  },
-  SimpleImageComponent
-);
+), SimpleImage = createComponent({
+  Component: SimpleImageComponent,
+  acceptsClassName: !0
+});
 export {
   SimpleImage
 };

package/dist/jsx/images/SimpleImage/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/SimpleImage/index.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["width", "height"]
 }