@multiplatform.one/components 0.2.0

package/dist/jsx/forms/SelectButton/SelectButton.stories.mjs.map

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

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

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const SelectButtonContext = createContext({ values: {} });
+export {
+  SelectButtonContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/context.ts"],
+  "mappings": "AAEA,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,cAAwC,EAAE,QAAQ,CAAC,EAAE,CAAC;",
+  "names": []
+}

package/dist/jsx/forms/SelectButton/context.mjs

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const SelectButtonContext = createContext({ values: {} });
+export {
+  SelectButtonContext
+};
+//# sourceMappingURL=context.mjs.map

package/dist/jsx/forms/SelectButton/context.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectButton/context.ts"],
+  "mappings": "AAEA,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,cAAwC,EAAE,QAAQ,CAAC,EAAE,CAAC;",
+  "names": []
+}

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

@@ -0,0 +1,48 @@
+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({});
+  const [selectedIndex, setSelectedIndex] = useState();
+  const contextValue = useMemo(
+    () => ({
+      selectedIndex,
+      selectedStyle,
+      setSelectedIndex,
+      setValues,
+      values
+    }),
+    [selectedIndex, setSelectedIndex, setValues, values, selectedStyle]
+  );
+  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;
+      }
+    }
+    setSelectedIndex(void 0);
+  }, [selectedValue]);
+  return <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.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;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;",
+  "names": []
+}

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

@@ -0,0 +1,48 @@
+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({});
+  const [selectedIndex, setSelectedIndex] = useState();
+  const contextValue = useMemo(
+    () => ({
+      selectedIndex,
+      selectedStyle,
+      setSelectedIndex,
+      setValues,
+      values
+    }),
+    [selectedIndex, setSelectedIndex, setValues, values, selectedStyle]
+  );
+  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;
+      }
+    }
+    setSelectedIndex(void 0);
+  }, [selectedValue]);
+  return <SelectButtonContext.Provider value={contextValue}>{xStack ? <XStack {...stackProps} /> : <YStack {...stackProps} />}</SelectButtonContext.Provider>;
+}
+SelectButton.OptionButton = OptionButton;
+export {
+  SelectButton
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/forms/SelectButton/index.mjs.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;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;",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+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 = () => <SelectSimple onValueChange={action("onValueChange")}>
+  <Select.Item index={0} value="bmw"><Select.ItemText>BMW</Select.ItemText></Select.Item>
+  <Select.Item index={1} value="audi"><Select.ItemText>AUDI</Select.ItemText></Select.Item>
+  <Select.Item index={2} value="ford"><Select.ItemText>FORD</Select.ItemText></Select.Item>
+  <Select.Item index={3} value="suzuki"><Select.ItemText>SUZUKI</Select.ItemText></Select.Item>
+</SelectSimple>;
+export {
+  SelectSimple_stories_default as default,
+  main
+};
+//# sourceMappingURL=SelectSimple.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectSimple/SelectSimple.stories.tsx"],
+  "mappings": "AACA,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,CAAC,aAAa,eAAe,OAAO,eAAe;AAAA,EACjD,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,OAAO,SAAS,GAAG,EAAnB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAGV,EAbC;",
+  "names": []
+}

package/dist/jsx/forms/SelectSimple/SelectSimple.stories.mjs

@@ -0,0 +1,21 @@
+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 = () => <SelectSimple onValueChange={action("onValueChange")}>
+  <Select.Item index={0} value="bmw"><Select.ItemText>BMW</Select.ItemText></Select.Item>
+  <Select.Item index={1} value="audi"><Select.ItemText>AUDI</Select.ItemText></Select.Item>
+  <Select.Item index={2} value="ford"><Select.ItemText>FORD</Select.ItemText></Select.Item>
+  <Select.Item index={3} value="suzuki"><Select.ItemText>SUZUKI</Select.ItemText></Select.Item>
+</SelectSimple>;
+export {
+  SelectSimple_stories_default as default,
+  main
+};
+//# sourceMappingURL=SelectSimple.stories.mjs.map

package/dist/jsx/forms/SelectSimple/SelectSimple.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SelectSimple/SelectSimple.stories.tsx"],
+  "mappings": "AACA,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,CAAC,aAAa,eAAe,OAAO,eAAe;AAAA,EACjD,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,OAAO,SAAS,GAAG,EAAnB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAGV,EAbC;",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import { Select, styled } from "tamagui";
+const StyledSelectTrigger = styled(Select.Trigger, {
+  paddingVertical: 0
+});
+function SelectSimple({
+  children,
+  placeholder,
+  onOpenChange,
+  onValueChange,
+  value,
+  id,
+  ...triggerProps
+}) {
+  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
+    <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>
+      <Select.Sheet.Overlay />
+    </Select.Sheet></Select.Adapt>
+    <Select.Content zIndex={2e5}><Select.Viewport>{children}</Select.Viewport></Select.Content>
+  </Select>;
+}
+export {
+  SelectSimple
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/forms/SelectSimple/index.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,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;",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import { Select, styled } from "tamagui";
+const StyledSelectTrigger = styled(Select.Trigger, {
+  paddingVertical: 0
+});
+function SelectSimple({
+  children,
+  placeholder,
+  onOpenChange,
+  onValueChange,
+  value,
+  id,
+  ...triggerProps
+}) {
+  return <Select id={id} onOpenChange={onOpenChange} onValueChange={onValueChange} value={value}>
+    <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>
+      <Select.Sheet.Overlay />
+    </Select.Sheet></Select.Adapt>
+    <Select.Content zIndex={2e5}><Select.Viewport>{children}</Select.Viewport></Select.Content>
+  </Select>;
+}
+export {
+  SelectSimple
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/forms/SelectSimple/index.mjs.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,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;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import { SimpleForm } from "./index";
+import { FormInput } from "../FormInput";
+import { FormSelectSimple } from "../FormSelectSimple";
+import { FormSubmitButton } from "../FormSubmitButton";
+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 = () => <SimpleForm padding="$4" space>
+  <FormInput name="firstName" label="First Name" />
+  <FormInput name="lastName" label="Last Name" />
+  <FormSelectSimple name="favoriteColor" label="Favorite Color">
+    <Select.Item index={0} value="red"><Select.ItemText>Red</Select.ItemText></Select.Item>
+    <Select.Item index={1} value="orange"><Select.ItemText>Orange</Select.ItemText></Select.Item>
+    <Select.Item index={2} value="yellow"><Select.ItemText>Yellow</Select.ItemText></Select.Item>
+    <Select.Item index={3} value="green"><Select.ItemText>Green</Select.ItemText></Select.Item>
+    <Select.Item index={3} value="blue"><Select.ItemText>Blue</Select.ItemText></Select.Item>
+    <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>
+  <FormSubmitButton onSubmit={action("onSubmit")}>Submit</FormSubmitButton>
+</SimpleForm>;
+export {
+  SimpleForm_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleForm.stories.js.map

package/dist/jsx/forms/SimpleForm/SimpleForm.stories.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,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;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import { SimpleForm } from "./index";
+import { FormInput } from "../FormInput";
+import { FormSelectSimple } from "../FormSelectSimple";
+import { FormSubmitButton } from "../FormSubmitButton";
+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 = () => <SimpleForm padding="$4" space>
+  <FormInput name="firstName" label="First Name" />
+  <FormInput name="lastName" label="Last Name" />
+  <FormSelectSimple name="favoriteColor" label="Favorite Color">
+    <Select.Item index={0} value="red"><Select.ItemText>Red</Select.ItemText></Select.Item>
+    <Select.Item index={1} value="orange"><Select.ItemText>Orange</Select.ItemText></Select.Item>
+    <Select.Item index={2} value="yellow"><Select.ItemText>Yellow</Select.ItemText></Select.Item>
+    <Select.Item index={3} value="green"><Select.ItemText>Green</Select.ItemText></Select.Item>
+    <Select.Item index={3} value="blue"><Select.ItemText>Blue</Select.ItemText></Select.Item>
+    <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>
+  <FormSubmitButton onSubmit={action("onSubmit")}>Submit</FormSubmitButton>
+</SimpleForm>;
+export {
+  SimpleForm_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleForm.stories.mjs.map

package/dist/jsx/forms/SimpleForm/SimpleForm.stories.mjs.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,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;",
+  "names": []
+}

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

@@ -0,0 +1,38 @@
+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 <RhfFormProvider {...methods}><TForm {...formProps}>{children}</TForm></RhfFormProvider>;
+}
+export {
+  SimpleForm
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SimpleForm/index.tsx"],
+  "mappings": "AAGA,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,CAAC,oBAAoB,SACnB,CAAC,UAAW,YAAoB,SAAS,EAAxC,MACH,EAFC;AAIL;",
+  "names": []
+}

package/dist/jsx/forms/SimpleForm/index.mjs

@@ -0,0 +1,38 @@
+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 <RhfFormProvider {...methods}><TForm {...formProps}>{children}</TForm></RhfFormProvider>;
+}
+export {
+  SimpleForm
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/forms/SimpleForm/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/SimpleForm/index.tsx"],
+  "mappings": "AAGA,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,CAAC,oBAAoB,SACnB,CAAC,UAAW,YAAoB,SAAS,EAAxC,MACH,EAFC;AAIL;",
+  "names": []
+}

package/dist/jsx/forms/index.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.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/index.mjs

@@ -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.mjs.map

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

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

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

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

package/dist/jsx/forms/types.mjs

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

package/dist/jsx/forms/types.mjs.map

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

package/dist/jsx/global.js

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

package/dist/jsx/global.js.map

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

package/dist/jsx/global.mjs

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

package/dist/jsx/global.mjs.map

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

package/dist/jsx/helpers.js

@@ -0,0 +1,12 @@
+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;
+}
+export {
+  useAutoText
+};
+//# sourceMappingURL=helpers.js.map

package/dist/jsx/helpers.js.map

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

package/dist/jsx/helpers.mjs

@@ -0,0 +1,12 @@
+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;
+}
+export {
+  useAutoText
+};
+//# sourceMappingURL=helpers.mjs.map

package/dist/jsx/helpers.mjs.map

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

package/dist/jsx/hooks/index.js

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

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

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

package/dist/jsx/hooks/index.mjs

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

package/dist/jsx/hooks/index.mjs.map

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