@multiplatform.one/components 0.2.17 → 0.7.1

package/dist/cjs/utils/unwrapText.native.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var unwrapText_exports = {};
+__export(unwrapText_exports, {
+  unwrapText: () => unwrapText
+});
+module.exports = __toCommonJS(unwrapText_exports);
+var import_react = __toESM(require("react"));
+function unwrapText(children) {
+  return import_react.default.Children.toArray(children).map((x) => {
+    var _a;
+    return (_a = x == null ? void 0 : x.props) != null && _a.children ? x.props.children : x;
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  unwrapText
+});
+//# sourceMappingURL=unwrapText.js.map

package/dist/cjs/utils/unwrapText.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/unwrapText.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAEX,SAAS,WAAW,UAAe;AACxC,SAAO,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,MAAM;AAHrD;AAKI,YAAO,4BAAG,UAAH,WAAU,WAAW,EAAE,MAAM,WAAW;AAAA,EACjD,CAAC;AACH;",
+  "names": ["React"]
+}

package/dist/esm/ErrorBoundary/index.js

@@ -1,22 +1,20 @@
-import React, { Component } from "react";
+import { Component } from "react";
 import { YStack, H2, Button } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const logger = console;
 class ErrorBoundary extends Component {
-  constructor() {
-    super(...arguments);
-    this.state = { hasError: false };
-  }
   static getDerivedStateFromError(_err) {
-    return { hasError: true };
+    return { hasError: !0 };
   }
+  state = { hasError: !1 };
   componentDidCatch(err, errorInfo) {
     logger.info({ error: err, errorInfo });
   }
   render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(H2, null, "Oops, there is an error!"), /* @__PURE__ */ React.createElement(Button, { onPress: () => this.setState({ hasError: false }) }, "Try again?"));
-    }
-    return this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ jsxs(YStack, { children: [
+      /* @__PURE__ */ jsx(H2, { children: "Oops, there is an error!" }),
+      /* @__PURE__ */ jsx(Button, { onPress: () => this.setState({ hasError: !1 }), children: "Try again?" })
+    ] }) : this.props.children;
   }
 }
 export {

package/dist/esm/ErrorBoundary/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/ErrorBoundary/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AACjC,SAAS,QAAQ,IAAI,cAAc;AAEnC,MAAM,SAAS;AAER,MAAM,sBAAsB,UAAe;AAAA,EAA3C;AAAA;AAKL,iBAAQ,EAAE,UAAU,MAAM;AAAA;AAAA,EAJ1B,OAAO,yBAAyB,MAAa;AAC3C,WAAO,EAAE,UAAU,KAAK;AAAA,EAC1B;AAAA,EAIA,kBAAkB,KAAY,WAAgB;AAC5C,WAAO,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;AAAA,EACvC;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,MAAM,UAAU;AACvB,aACE,oCAAC,cACC,oCAAC,UAAG,0BAAwB,GAC5B,oCAAC,UAAO,SAAS,MAAM,KAAK,SAAS,EAAE,UAAU,MAAM,CAAC,KAAG,YAAU,CACvE;AAAA,IAEJ;AACA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;",
+  "mappings": "AAAA,SAAgB,iBAAiB;AACjC,SAAS,QAAQ,IAAI,cAAc;AAkB3B,SACE,KADF;AAhBR,MAAM,SAAS;AAER,MAAM,sBAAsB,UAAe;AAAA,EAChD,OAAO,yBAAyB,MAAa;AAC3C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,QAAQ,EAAE,UAAU,GAAM;AAAA,EAE1B,kBAAkB,KAAY,WAAgB;AAC5C,WAAO,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;AAAA,EACvC;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAEX,qBAAC,UACC;AAAA,0BAAC,MAAG,sCAAwB;AAAA,MAC5B,oBAAC,UAAO,SAAS,MAAM,KAAK,SAAS,EAAE,UAAU,GAAM,CAAC,GAAG,wBAAU;AAAA,OACvE,IAGG,KAAK,MAAM;AAAA,EACpB;AACF;",
   "names": []
 }

package/dist/esm/code/Code/Code.stories.js

@@ -5,8 +5,7 @@ const meta = {
   parameters: {
     status: { type: "beta" }
   }
-};
-const main = {
+}, main = {
   args: {
     children: `const hello = "world"
 const hello = "world"`

package/dist/esm/code/Code/Code.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/Code/Code.stories.tsx"],
-  "mappings": "AAAA,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAA8B;AAAA,EACzC,MAAM;AAAA,IACJ,UAAU;AAAA;AAAA,EAEZ;AACF;AAEA,IAAO,uBAAQ;",
+  "mappings": "AAAA,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAA8B;AAAA,EACzC,MAAM;AAAA,IACJ,UAAU;AAAA;AAAA,EAEZ;AACF;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/code/Code/index.js

@@ -4,9 +4,11 @@ const Code = styled(Paragraph, {
   name: "Code",
   borderRadius: "$4",
   cursor: "inherit",
+  // @ts-ignore
   fontFamily: Platform.OS === "web" ? "$mono" : void 0,
   lineHeight: 18,
   padding: "$1",
+  // @ts-ignore
   size: "$3",
   tag: "code",
   whiteSpace: "pre",
@@ -18,14 +20,15 @@ const Code = styled(Paragraph, {
       }
     }
   }
-});
-const CodeInline = styled(Paragraph, {
+}), CodeInline = styled(Paragraph, {
   name: "CodeInline",
   backgroundColor: "$background",
   borderRadius: "$3",
   color: "$colorHover",
   cursor: "inherit",
+  // @ts-ignore
   fontFamily: Platform.OS === "web" ? "$mono" : void 0,
+  // @ts-ignore
   fontSize: "85%",
   padding: "$1.5",
   tag: "code"

package/dist/esm/code/Code/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/Code/index.ts"],
-  "mappings": "AACA,SAAS,WAAW,cAAc;AAClC,SAAS,gBAAgB;AAElB,MAAM,OAAO,OAAO,WAAW;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY,SAAS,OAAO,QAAQ,UAAU;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,WAAW;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY,SAAS,OAAO,QAAQ,UAAU;AAAA,EAC9C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
+  "mappings": "AACA,SAAS,WAAW,cAAc;AAClC,SAAS,gBAAgB;AAElB,MAAM,OAAO,OAAO,WAAW;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA;AAAA,EAER,YAAY,SAAS,OAAO,QAAQ,UAAU;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA;AAAA,EAET,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,aAAa,OAAO,WAAW;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA;AAAA,EAER,YAAY,SAAS,OAAO,QAAQ,UAAU;AAAA;AAAA,EAE9C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
   "names": []
 }

package/dist/esm/code/CodeBlock/CodeBlock.stories.js

@@ -5,15 +5,14 @@ const meta = {
   parameters: {
     status: { type: "beta" }
   }
-};
-const main = {
+}, main = {
   args: {
     backgroundColor: "$color2",
-    debug: false,
-    disableCopy: false,
-    isCollapsible: false,
-    isHighlightingLines: true,
-    showLineNumbers: false,
+    debug: !1,
+    disableCopy: !1,
+    isCollapsible: !1,
+    isHighlightingLines: !0,
+    showLineNumbers: !1,
     children: `
 const hello = 'world';
 

package/dist/esm/code/CodeBlock/CodeBlock.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/code/CodeBlock/index.js

@@ -1,15 +1,15 @@
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { MDX } from "../../mdx/MDX";
 import { MDXCodeBlockContext } from "../../mdx/MDXCodeBlock/MDXCodeBlockContext";
+import { jsx } from "react/jsx-runtime";
 function CodeBlock({ children, language = "tsx", components, debug, ...props }) {
   const mdxString = useMemo(
     () => `\`\`\`${language}
-${children == null ? void 0 : children.trim()}
+${children?.trim()}
 \`\`\``,
     [children, language]
-  );
-  const value = useMemo(() => ({ ...props, debug }), [props, debug]);
-  return /* @__PURE__ */ React.createElement(MDXCodeBlockContext.Provider, { value }, /* @__PURE__ */ React.createElement(MDX, { components, debug }, mdxString));
+  ), value = useMemo(() => ({ ...props, debug }), [props, debug]);
+  return /* @__PURE__ */ jsx(MDXCodeBlockContext.Provider, { value, children: /* @__PURE__ */ jsx(MDX, { components, debug, children: mdxString }) });
 }
 export {
   CodeBlock

package/dist/esm/code/CodeBlock/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,eAAe;AAG/B,SAAS,WAAW;AACpB,SAAS,2BAA2B;AAO7B,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,YAAY;AAAA,IAChB,MAAM,SAAS;AAAA,EACjB,qCAAU;AAAA;AAAA,IAER,CAAC,UAAU,QAAQ;AAAA,EACrB;AACA,QAAM,QAAQ,QAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,oCAAC,oBAAoB,UAApB,EAA6B,SAC5B,oCAAC,OAAI,YAAwB,SAC1B,SACH,CACF;AAEJ;",
+  "mappings": "AAAA,SAAgB,eAAe;AAG/B,SAAS,WAAW;AACpB,SAAS,2BAA2B;AAiB9B;AAVC,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,YAAY;AAAA,IAChB,MAAM,SAAS,QAAQ;AAAA,EACzB,UAAU,KAAK,CAAC;AAAA;AAAA,IAEd,CAAC,UAAU,QAAQ;AAAA,EACrB,GACM,QAAQ,QAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAC5B,8BAAC,OAAI,YAAwB,OAC1B,qBACH,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/component/SimpleInput/SimpleInput.stories.js

@@ -0,0 +1,19 @@
+import { SimpleInput } from ".";
+import { YStack } from "tamagui";
+import { Key, Eye } from "@tamagui/lucide-icons";
+import { jsx } from "react/jsx-runtime";
+var SimpleInput_stories_default = {
+  title: "components/SimpleInput",
+  component: SimpleInput,
+  parameters: { status: { type: "beta" } }
+};
+const password = () => /* @__PURE__ */ jsx(YStack, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(SimpleInput, { password: !0, size: "$3", iconAfter: Key, passwordWithoutIcon: !0 }) }), iconBefore = () => /* @__PURE__ */ jsx(SimpleInput, { password: !0, width: 800, height: 50, iconBefore: Key }), iconAfter = () => /* @__PURE__ */ jsx(SimpleInput, { width: 250, height: 50, iconAfter: Eye, placeholder: "icon after input box" }), circular = () => /* @__PURE__ */ jsx(SimpleInput, { placeholder: "icon after input box", circular: !0, password: !0 }), passwordWithoutIcon = () => /* @__PURE__ */ jsx(SimpleInput, { password: !0, passwordWithoutIcon: !0 });
+export {
+  circular,
+  SimpleInput_stories_default as default,
+  iconAfter,
+  iconBefore,
+  password,
+  passwordWithoutIcon
+};
+//# sourceMappingURL=SimpleInput.stories.js.map

package/dist/esm/component/SimpleInput/SimpleInput.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/component/SimpleInput/SimpleInput.stories.tsx"],
+  "mappings": "AACA,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,KAAK,WAAW;AAUrB;AARJ,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,WAAW,MACtB,oBAAC,UAAO,gBAAe,UAAS,YAAW,UACzC,8BAAC,eAAY,UAAQ,IAAC,MAAK,MAAK,WAAW,KAAK,qBAAmB,IAAC,GACtE,GAGW,aAAa,MAAM,oBAAC,eAAY,UAAQ,IAAC,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,GAElF,YAAY,MACvB,oBAAC,eAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,aAAY,wBAAuB,GAG7E,WAAW,MAAM,oBAAC,eAAY,aAAY,wBAAuB,UAAQ,IAAC,UAAQ,IAAC,GAEnF,sBAAsB,MAAM,oBAAC,eAAY,UAAQ,IAAC,qBAAmB,IAAC;",
+  "names": []
+}

package/dist/esm/component/SimpleInput/index.js

@@ -0,0 +1,131 @@
+import { Button, Input, XGroup, XStack } from "tamagui";
+import { Eye, EyeOff } from "@tamagui/lucide-icons";
+import React, { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SimpleInput({
+  value,
+  size,
+  password,
+  iconBefore,
+  iconAfter,
+  height,
+  width,
+  iconStyle,
+  circular,
+  placeholder,
+  iconAfterScale,
+  iconBeforeScale,
+  iconPasswordScale,
+  iconAfterAsButton,
+  iconBeforeAsButton,
+  iconsAsButton,
+  passwordWithoutIcon,
+  paddingHorizontal,
+  onChangeText,
+  ...props
+}) {
+  const [show, setShow] = React.useState(!1), [inputValue, setInputValue] = React.useState(value ?? ""), [borderWidth, setBorderWidth] = React.useState(1), [secureTextEntry, setSecureTextEntry] = React.useState(password), totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0), inputValuePadding = iconBefore ? 0 : 24, iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0, inputPercentage = iconPercentage ? "80%" : "100%";
+  useEffect(() => {
+    inputValue && onChangeText && onChangeText(inputValue);
+  }, [inputValue]), useEffect(() => {
+    if (password) {
+      if (show) {
+        setSecureTextEntry(!1);
+        return;
+      }
+      if (!show && password) {
+        setSecureTextEntry(!0);
+        return;
+      }
+    }
+  }, [password, show]);
+  function handleValueChange(text) {
+    setInputValue(text), onChangeText && onChangeText(text);
+  }
+  return /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsxs(
+    XGroup,
+    {
+      ...props,
+      height: size,
+      borderRadius: circular ? 9999999 : props.borderRadius || size,
+      borderWidth,
+      borderColor: "$backgroundFocus",
+      minHeight: height || "$5",
+      width: width || "$20",
+      children: [
+        iconBefore && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: iconBefore,
+            unstyled: !(iconsAsButton || iconBeforeAsButton),
+            ...iconStyle,
+            jc: "center",
+            ai: "center",
+            scaleIcon: iconBeforeScale,
+            width: iconPercentage,
+            height: "100%",
+            padding: 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            onChangeText: handleValueChange,
+            value: inputValue,
+            ...props,
+            size,
+            onFocus: (e) => {
+              setBorderWidth(2), props.onFocus?.(e);
+            },
+            onBlur: (e) => {
+              setBorderWidth(1), props.onBlur?.(e);
+            },
+            height: "100%",
+            placeholder,
+            width: inputPercentage,
+            paddingLeft: inputValuePadding,
+            paddingRight: inputValuePadding,
+            unstyled: !0,
+            borderWidth: 0,
+            paddingHorizontal,
+            secureTextEntry
+          }
+        ),
+        !!password && !passwordWithoutIcon && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: show ? Eye : EyeOff,
+            scaleIcon: iconPasswordScale,
+            height: "100%",
+            ...iconStyle,
+            width: iconPercentage,
+            onPress: (e) => {
+              setShow((prev) => !prev), setBorderWidth(2), props.onPress?.(e);
+            },
+            jc: "center",
+            ai: "center",
+            padding: 0
+          }
+        ),
+        !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: iconAfter,
+            ...iconStyle,
+            jc: "center",
+            ai: "center",
+            scaleIcon: iconBeforeScale,
+            width: iconPercentage,
+            unstyled: !(iconsAsButton || iconAfterAsButton),
+            height: "100%",
+            padding: 0
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  SimpleInput
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/component/SimpleInput/index.js.map

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

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

@@ -1,12 +1,46 @@
-import React from "react";
 import { FormCheckBox } from "./index";
-import { Text } from "tamagui";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 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__ */ jsxs(YStack, { children: [
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "mango", value: "mango" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "orange", value: "orange" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "banana", value: "banana" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    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": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AASrB,SACE,KADF;AAPF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,qBAAC,UACC;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,MAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,MACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,MACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,MAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,GACF;",
   "names": []
 }

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

@@ -1,8 +1,9 @@
 import { Label, Checkbox, XStack, YStack } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
-import React, { useId } from "react";
+import { useId } from "react";
 import { Check as CheckIcon } from "@tamagui/lucide-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormCheckBox({
   children,
   control,
@@ -21,40 +22,15 @@ function FormCheckBox({
   LabelStyle,
   ...checkProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return /* @__PURE__ */ React.createElement(YStack, { space: true }, /* @__PURE__ */ React.createElement(
-      XStack,
-      {
-        style: { alignItems: "center" },
-        space: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3",
-        height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
-        width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300",
-        ai: "center"
-      },
-      /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          id,
-          size: checkBoxElement.size,
-          defaultChecked: checkBoxElement.defaultChecked,
-          value: checkBoxElement.value,
-          ...checkProps
-        },
-        /* @__PURE__ */ React.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React.createElement(CheckIcon, null))
-      ),
-      /* @__PURE__ */ React.createElement(Label, { size: checkBoxElement.size, htmlFor: id }, checkBoxElement.label || checkBoxElement.value)
-    ));
-  }
-  return /* @__PURE__ */ React.createElement(
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ jsx(
     Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx(
         FormField,
         {
           id,
@@ -62,38 +38,61 @@ function FormCheckBox({
           helperText: error2 ? error2.message : helperText,
           label,
           required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
-          XStack,
-          {
-            alignItems: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.ai) || "center",
-            space: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3",
-            height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
-            width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300"
-          },
-          /* @__PURE__ */ React.createElement(
-            Checkbox,
+          ...fieldProps,
+          children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsxs(
+            XStack,
             {
-              id,
-              size: checkBoxElement.size,
-              defaultChecked: checkBoxElement.defaultChecked,
-              value: checkBoxElement.value,
-              checked: value,
-              ...checkProps,
-              onCheckedChange: (e) => {
-                onChange(e);
-                if (checkProps.onCheckedChange)
-                  checkProps.onCheckedChange(e);
-              }
-            },
-            /* @__PURE__ */ React.createElement(Checkbox.Indicator, { ...IndicatorStyle }, /* @__PURE__ */ React.createElement(CheckIcon, null))
-          ),
-          /* @__PURE__ */ React.createElement(Label, { size: checkBoxElement.size, htmlFor: id, ...LabelStyle }, checkBoxElement.label || checkBoxElement.value)
-        ))
+              alignItems: CheckBoxElementSizing?.ai || "center",
+              space: CheckBoxElementSizing?.space || "$3",
+              height: CheckBoxElementSizing?.height,
+              width: CheckBoxElementSizing?.width || "300",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id,
+                    size: checkBoxElement.size,
+                    defaultChecked: checkBoxElement.defaultChecked,
+                    value: checkBoxElement.value,
+                    checked: value,
+                    ...checkProps,
+                    onCheckedChange: (e) => {
+                      onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
+                    },
+                    children: /* @__PURE__ */ jsx(Checkbox.Indicator, { ...IndicatorStyle, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Label, { size: checkBoxElement.size, htmlFor: id, ...LabelStyle, children: checkBoxElement.label || checkBoxElement.value })
+              ]
+            }
+          ) })
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ jsx(YStack, { space: !0, children: /* @__PURE__ */ jsxs(
+    XStack,
+    {
+      style: { alignItems: "center" },
+      space: CheckBoxElementSizing?.space || "$3",
+      height: CheckBoxElementSizing?.height,
+      width: CheckBoxElementSizing?.width || "300",
+      ai: "center",
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id,
+            size: checkBoxElement.size,
+            defaultChecked: checkBoxElement.defaultChecked,
+            value: checkBoxElement.value,
+            ...checkProps,
+            children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+          }
+        ),
+        /* @__PURE__ */ jsx(Label, { size: checkBoxElement.size, htmlFor: id, children: checkBoxElement.label || checkBoxElement.value })
+      ]
+    }
+  ) });
 }
 export {
   FormCheckBox

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,OAAO,SAAS,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAyB5B,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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,UAAO,OAAK,QACX;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,YAAY,SAAS;AAAA,QAC9B,QAAO,+DAAuB,UAAS;AAAA,QACvC,QAAQ,+DAAuB;AAAA,QAC/B,QAAO,+DAAuB,UAAS;AAAA,QACvC,IAAG;AAAA;AAAA,MAEH;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM,gBAAgB;AAAA,UACtB,gBAAgB,gBAAgB;AAAA,UAChC,OAAO,gBAAgB;AAAA,UACtB,GAAG;AAAA;AAAA,QAEJ,oCAAC,SAAS,WAAT,MACC,oCAAC,eAAU,CACb;AAAA,MACF;AAAA,MAEA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,MACzC,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,IACF,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;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,oCAAC,cACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAY,+DAAuB,OAAM;AAAA,YACzC,QAAO,+DAAuB,UAAS;AAAA,YACvC,QAAQ,+DAAuB;AAAA,YAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,UAEvC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,MAAM,gBAAgB;AAAA,cACtB,gBAAgB,gBAAgB;AAAA,cAChC,OAAO,gBAAgB;AAAA,cACvB,SAAS;AAAA,cACR,GAAG;AAAA,cACJ,iBAAiB,CAAC,MAAM;AACtB,yBAAS,CAAC;AACV,oBAAI,WAAW;AAAiB,6BAAW,gBAAgB,CAAC;AAAA,cAC9D;AAAA;AAAA,YAEA,oCAAC,SAAS,WAAT,EAAoB,GAAG,kBACtB,oCAAC,eAAU,CACb;AAAA,UACF;AAAA,UACA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,cACjD,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,QACF,CACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAgD3B,SAeM,KAfN;AAvBD,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;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cA8BH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEJ,8BAAC,UACC;AAAA,YAAC;AAAA;AAAA,cACC,YAAY,uBAAuB,MAAM;AAAA,cACzC,OAAO,uBAAuB,SAAS;AAAA,cACvC,QAAQ,uBAAuB;AAAA,cAC/B,OAAO,uBAAuB,SAAS;AAAA,cAEvC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,MAAM,gBAAgB;AAAA,oBACtB,gBAAgB,gBAAgB;AAAA,oBAChC,OAAO,gBAAgB;AAAA,oBACvB,SAAS;AAAA,oBACR,GAAG;AAAA,oBACJ,iBAAiB,CAAC,MAAM;AACtB,+BAAS,CAAC,GACN,WAAW,mBAAiB,WAAW,gBAAgB,CAAC;AAAA,oBAC9D;AAAA,oBAEA,8BAAC,SAAS,WAAT,EAAoB,GAAG,gBACtB,8BAAC,aAAU,GACb;AAAA;AAAA,gBACF;AAAA,gBACA,oBAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,YACjD,0BAAgB,SAAS,gBAAgB,OAC5C;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAxEE,oBAAC,UAAO,OAAK,IACX;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,YAAY,SAAS;AAAA,MAC9B,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA,MACvC,IAAG;AAAA,MAEH;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAM,gBAAgB;AAAA,YACtB,gBAAgB,gBAAgB;AAAA,YAChC,OAAO,gBAAgB;AAAA,YACtB,GAAG;AAAA,YAEJ,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb;AAAA;AAAA,QACF;AAAA,QAEA,oBAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IACzC,0BAAgB,SAAS,gBAAgB,OAC5C;AAAA;AAAA;AAAA,EACF,GACF;AAkDN;",
   "names": ["error"]
 }

package/dist/esm/forms/FormField.js

@@ -1,7 +1,16 @@
-import React from "react";
 import { Label, Paragraph, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
-  return /* @__PURE__ */ React.createElement(YStack, null, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0 }, label, required && ` *`), /* @__PURE__ */ React.createElement(YStack, null, children, helperText && /* @__PURE__ */ React.createElement(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0 }, helperText)));
+  return /* @__PURE__ */ jsxs(YStack, { children: [
+    label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0, children: [
+      label,
+      required && " *"
+    ] }),
+    /* @__PURE__ */ jsxs(YStack, { children: [
+      children,
+      helperText && /* @__PURE__ */ jsx(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0, children: helperText })
+    ] })
+  ] });
 }
 export {
   FormField

package/dist/esm/forms/FormField.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/FormField.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,OAAO,WAAW,cAAc;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,oCAAC,cACE,SACC,oCAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,UAC/E,OACA,YAAY,IACf,GAEF,oCAAC,cACE,UACA,cACC,oCAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,UACjF,UACH,CAEJ,CACF;AAEJ;",
+  "mappings": "AAGA,SAAS,OAAO,WAAW,cAAc;AAiBjC,SAQE,KARF;AAJD,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,qBAAC,UACE;AAAA,aACC,qBAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,QAC/E;AAAA;AAAA,MACA,YAAY;AAAA,OACf;AAAA,IAEF,qBAAC,UACE;AAAA;AAAA,MACA,cACC,oBAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA,OAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }