@multiplatform.one/components 0.2.16 → 0.7.0

package/dist/cjs/{forms/RadioSimple/index.js → panels/SimpleToast/SimpleToast.stories.js}

@@ -25,29 +25,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var RadioSimple_exports = {};
-__export(RadioSimple_exports, {
-  RadioSimple: () => RadioSimple
+var SimpleToast_stories_exports = {};
+__export(SimpleToast_stories_exports, {
+  Default: () => Default,
+  default: () => SimpleToast_stories_default
 });
-module.exports = __toCommonJS(RadioSimple_exports);
+module.exports = __toCommonJS(SimpleToast_stories_exports);
+var import_index = require("./index");
 var import_react = __toESM(require("react"));
+var import_toast = require("@tamagui/toast");
 var import_tamagui = require("tamagui");
-const StyledSelectTrigger = (0, import_tamagui.styled)(import_tamagui.Select.Trigger, {
-  paddingVertical: 0
-});
-function RadioSimple({
-  children,
-  placeholder,
-  onOpenChange,
-  onValueChange,
-  value,
-  id,
-  ...triggerProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select, { id, onOpenChange, onValueChange, value }, /* @__PURE__ */ import_react.default.createElement(StyledSelectTrigger, { ...triggerProps }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Value, { placeholder })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.Frame, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.ScrollView, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Adapt.Contents, null))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.Overlay, null))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Content, { zIndex: 99999 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Viewport, null, children)));
-}
+var SimpleToast_stories_default = {
+  title: "panels/SimpleToast",
+  component: import_index.SimpleToast,
+  parameters: {
+    status: {
+      type: "code"
+    }
+  }
+};
+const Main = () => {
+  const toastState = (0, import_toast.useToastController)();
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_index.SimpleToast, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { onPress: () => toastState.show(JSON.stringify({ title: "Hello", message: "World" })) }, "Add Toast"));
+};
+const Default = () => /* @__PURE__ */ import_react.default.createElement(Main, null);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  RadioSimple
+  Default
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=SimpleToast.stories.js.map

package/dist/cjs/panels/SimpleToast/SimpleToast.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleToast/SimpleToast.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAC5B,mBAAkB;AAClB,mBAAmC;AACnC,qBAA+B;AAE/B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,OAAO,MAAM;AACjB,QAAM,iBAAa,iCAAmB;AAEtC,SACE,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,8BAAY,GACb,6BAAAA,QAAA,cAAC,yBAAO,SAAS,MAAM,WAAW,KAAK,KAAK,UAAU,EAAE,OAAO,SAAS,SAAS,QAAQ,CAAC,CAAC,KAAG,WAAS,CACzG;AAEJ;AAEO,MAAM,UAAU,MAAM,6BAAAA,QAAA,cAAC,UAAK;",
+  "names": ["React"]
+}

package/dist/cjs/panels/SimpleToast/index.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SimpleToast_exports = {};
+__export(SimpleToast_exports, {
+  SimpleToast: () => SimpleToast
+});
+module.exports = __toCommonJS(SimpleToast_exports);
+var import_tamagui = require("tamagui");
+var import_toast = require("@tamagui/toast");
+var import_react = __toESM(require("react"));
+function SimpleToast() {
+  const currentToast = (0, import_toast.useToastState)();
+  if (!currentToast || currentToast.isHandledNatively)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_toast.Toast,
+    {
+      key: currentToast.id,
+      duration: currentToast.duration,
+      enterStyle: { opacity: 0, scale: 0.5, y: -25 },
+      exitStyle: { opacity: 0, scale: 1, y: -20 },
+      y: 0,
+      opacity: 1,
+      scale: 1,
+      viewportName: currentToast.viewportName
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Title, null, currentToast.title), !!currentToast.message && /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Description, null, currentToast.message))
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleToast
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/panels/SimpleToast/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleToast/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuB;AACvB,mBAAqC;AACrC,mBAAkB;AAEX,SAAS,cAAc;AAC5B,QAAM,mBAAe,4BAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,aAAa;AAAA,MAClB,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MAEP,cAAc,aAAa;AAAA;AAAA,IAE3B,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,mBAAM,OAAN,MAAa,aAAa,KAAM,GAChC,CAAC,CAAC,aAAa,WAAW,6BAAAA,QAAA,cAAC,mBAAM,aAAN,MAAmB,aAAa,OAAQ,CACtE;AAAA,EACF;AAEJ;",
+  "names": ["React"]
+}

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

@@ -1,12 +1,41 @@
 import React from "react";
 import { FormCheckBox } from "./index";
-import { Text } from "tamagui";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
 var FormCheckBox_stories_default = {
   title: "forms/FormCheckBox",
   component: FormCheckBox,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormCheckBox, { name: "checkbox", label: "checkbox", checkBoxElement: { label: "checkbox", value: "checkbox" } }, /* @__PURE__ */ React.createElement(Text, null, "Hello this is from FormCheckBox"));
+const main = () => /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "mango", value: "mango" },
+    onCheckedChange: action("onCheckedChange")
+  }
+), /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "orange", value: "orange" },
+    onCheckedChange: action("onCheckedChange")
+  }
+), /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "banana", value: "banana" },
+    onCheckedChange: action("onCheckedChange")
+  }
+), /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "lemon", value: "lemon" },
+    onCheckedChange: action("onCheckedChange")
+  }
+));
 export {
   FormCheckBox_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAErB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,gBAAa,MAAK,YAAW,OAAM,YAAW,iBAAiB,EAAE,OAAO,YAAY,OAAO,WAAW,KACrG,oCAAC,YAAK,iCAA+B,CACvC;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,cACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,CACF;",
   "names": []
 }

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

@@ -0,0 +1,19 @@
+import { FormProgress } from "./index";
+import React from "react";
+var FormProgress_stories_default = {
+  title: "forms/FormProgress",
+  component: FormProgress,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const vertical = (args) => /* @__PURE__ */ React.createElement(FormProgress, { value: 80, size: 3, width: 20, vertical: true, name: "progress", ...args });
+const horizontal = (args) => /* @__PURE__ */ React.createElement(FormProgress, { value: 80, size: 3, width: 20, name: "progress", ...args });
+export {
+  FormProgress_stories_default as default,
+  horizontal,
+  vertical
+};
+//# sourceMappingURL=FormProgress.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormProgress/FormProgress.stories.tsx"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAElB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,WAAW,CAAC,SAAS,oCAAC,gBAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,UAAQ,MAAC,MAAK,YAAY,GAAG,MAAM;AAE3G,MAAM,aAAa,CAAC,SAAS,oCAAC,gBAAa,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAK,YAAY,GAAG,MAAM;",
+  "names": []
+}

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

@@ -0,0 +1,71 @@
+import React, { useId } from "react";
+import { Progress } from "tamagui";
+import { useFormContext, Controller } from "react-hook-form";
+import { FormField } from "../FormField";
+function FormProgress({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  size,
+  vertical,
+  ...progressProps
+}) {
+  const formContext = useFormContext();
+  const id = useId();
+  const propSize = typeof size === "number" ? `$${size}` : size;
+  if (!formContext) {
+    console.log("FormProgress", progressProps);
+    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(
+      Progress,
+      {
+        mt: vertical ? 86 : void 0,
+        ml: vertical ? -80 : void 0,
+        rotate: vertical ? "270deg" : void 0,
+        ...progressProps,
+        size: propSize
+      },
+      /* @__PURE__ */ React.createElement(Progress.Indicator, { animation: "bouncy" })
+    ));
+  }
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(
+          Progress,
+          {
+            mt: vertical ? 86 : void 0,
+            ml: vertical ? -80 : void 0,
+            rotate: vertical ? "270deg" : void 0,
+            ...progressProps,
+            size: propSize,
+            value: value ?? 0
+          }
+        )
+      )
+    }
+  );
+}
+export {
+  FormProgress
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormProgress/index.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa;AAE7B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,kBAAkB;AAE3C,SAAS,iBAAiB;AAQnB,SAAS,aAAa;AAAA,EAC3B;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,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,QAAM,WAAW,OAAO,SAAS,WAAY,IAAI,SAAyB;AAC1E,MAAI,CAAC,aAAa;AAChB,YAAQ,IAAI,gBAAgB,aAAa;AACzC,WACE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,WAAW,KAAK;AAAA,QACpB,IAAI,WAAW,MAAM;AAAA,QACrB,QAAQ,WAAW,WAAW;AAAA,QAC7B,GAAG;AAAA,QACJ,MAAM;AAAA;AAAA,MAEN,oCAAC,SAAS,WAAT,EAAmB,WAAU,UAAS;AAAA,IACzC,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACjD;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,WAAW,KAAK;AAAA,YACpB,IAAI,WAAW,MAAM;AAAA,YACrB,QAAQ,WAAW,WAAW;AAAA,YAC7B,GAAG;AAAA,YACJ,MAAM;AAAA,YACN,OAAO,SAAS;AAAA;AAAA,QAClB;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": ["error"]
+}

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { FormRadioGroup } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormRadioGroup_stories_default = {
   title: "forms/FormRadioGroup",
   component: FormRadioGroup,
@@ -16,7 +17,8 @@ const main = () => /* @__PURE__ */ React.createElement(
       { label: "option 1", value: "option1" },
       { label: "option 2", value: "option2" },
       { label: "option 3", value: "option3" }
-    ]
+    ],
+    onValueChange: action("onValueChange")
   }
 );
 export {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAE/B,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,UAAQ;AAAA,IACR,eAAe;AAAA,MACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC;AAAA;AACF;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAEvB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,UAAQ;AAAA,IACR,eAAe;AAAA,MACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC;AAAA,IACA,eAAe,OAAO,eAAe;AAAA;AACvC;",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { FormSlider } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormSlider_stories_default = {
   title: "forms/FormSlider",
   component: FormSlider,
@@ -7,7 +8,7 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormSlider, { name: "FormSlider" });
+const main = () => /* @__PURE__ */ React.createElement(FormSlider, { name: "FormSlider", onValueChange: action(`onValueChange`) });
 export {
   FormSlider_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,oCAAC,cAAW,MAAK,cAAa;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,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,MAAM,oCAAC,cAAW,MAAK,cAAa,eAAe,OAAO,eAAe,GAAG;",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { FormSwitch } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormSwitch_stories_default = {
   title: "forms/FormSwitch",
   component: FormSwitch,
@@ -7,7 +8,16 @@ var FormSwitch_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormSwitch, { label: "Example Switch", name: "exampleSwitch", helperText: "This is an example switch", defaultValue: false });
+const main = () => /* @__PURE__ */ React.createElement(
+  FormSwitch,
+  {
+    label: "Example Switch",
+    name: "exampleSwitch",
+    helperText: "This is an example switch",
+    defaultValue: false,
+    onCheckedChange: action("onCheckedChange")
+  }
+);
 export {
   FormSwitch_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSwitch/FormSwitch.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,cAAW,OAAM,kBAAiB,MAAK,iBAAgB,YAAW,6BAA4B,cAAc,OAAO;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,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;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,YAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C;",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { FormTextArea } from "./index";
+import { action } from "@storybook/addon-actions";
 var FormTextArea_stories_default = {
   title: "forms/FormTextArea",
   component: FormTextArea,
@@ -7,7 +8,16 @@ var FormTextArea_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(FormTextArea, { label: "Description", name: "description", defaultValue: "", rules: { required: true } });
+const main = () => /* @__PURE__ */ React.createElement(
+  FormTextArea,
+  {
+    label: "Description",
+    name: "description",
+    defaultValue: "",
+    rules: { required: true },
+    onChangeText: action("onChangeText")
+  }
+);
 export {
   FormTextArea_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormTextArea/FormTextArea.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAE7B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,gBAAa,OAAM,eAAc,MAAK,eAAc,cAAa,IAAG,OAAO,EAAE,UAAU,KAAK,GAAG;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,cAAa;AAAA,IACb,OAAO,EAAE,UAAU,KAAK;AAAA,IACxB,cAAc,OAAO,cAAc;AAAA;AACrC;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/SimpleForm/SimpleForm.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,cAAW,SAAQ,MAAK,OAAK,QAC5B,oCAAC,aAAU,MAAK,aAAY,OAAM,cAAa,GAC/C,oCAAC,aAAU,MAAK,YAAW,OAAM,aAAY,GAC7C,oCAAC,oBAAiB,MAAK,iBAAgB,OAAM,oBAC3C,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,oCAAC,OAAO,UAAP,MAAgB,KAAG,CACtB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,WAC3B,oCAAC,OAAO,UAAP,MAAgB,OAAK,CACxB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,CACF,GACA,oCAAC,oBAAiB,UAAU,OAAO,UAAU,KAAG,QAAM,CACxD;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,cAAW,SAAQ,MAAK,OAAK,QAC5B,oCAAC,aAAU,MAAK,aAAY,OAAM,cAAa,GAC/C,oCAAC,aAAU,MAAK,YAAW,OAAM,aAAY,GAC7C,oCAAC,oBAAiB,MAAK,iBAAgB,OAAM,oBAC3C,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,oCAAC,OAAO,UAAP,MAAgB,KAAG,CACtB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,WAC3B,oCAAC,OAAO,UAAP,MAAgB,OAAK,CACxB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,CACF,GACA,oCAAC,gBAAa,MAAK,OAAM,OAAM,OAAM,GACrC,oCAAC,cAAW,MAAK,aAAY,OAAM,cAAa,GAChD;AAAA,EAAC;AAAA;AAAA,IACC,eAAe;AAAA,MACb,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,MAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACrC;AAAA,IACA,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAU;AAAA,IACV,cAAc,EAAE,OAAO,KAAK;AAAA;AAC9B,GACA,oCAAC,oBAAiB,UAAU,OAAO,UAAU,KAAG,QAAM,CACxD;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useAssets/index.ts"],
-  "mappings": "AAEO,SAAS,UAAU,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;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;",
   "names": []
 }

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

@@ -2,7 +2,7 @@ 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)
+    if (typeof module.default !== "undefined")
       return module.default;
     return module;
   });
@@ -12,15 +12,9 @@ function useAssets(modules) {
   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
+    height: asset.height,
+    src: asset.uri,
+    width: asset.width
   }));
 }
 export {

package/dist/esm/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,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;",
   "names": []
 }