@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/Input/Input.spec.mjs

@@ -0,0 +1,103 @@
+import { fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Input } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Input", () => {
+  describe("without form context", () => {
+    it("renders with label and placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "Name",
+        placeholder: "Enter name",
+        name: "name"
+      }));
+      expect(result.findTextElement("Name")).toBeDefined();
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("placeholder")).toBe("Enter name");
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("Required");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders with helper text and error", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "Email",
+        helperText: "Enter your email",
+        error: "Invalid email",
+        name: "email"
+      }));
+      expect(result.findTextElement("Enter your email")).toBeUndefined();
+      expect(result.findTextElement("Invalid email")).toBeDefined();
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("aria-disabled")).toBe("true");
+    });
+    it("renders readOnly state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "ReadOnly",
+        name: "r",
+        readOnly: true,
+        value: "hello"
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("aria-readonly")).toBe("true");
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      expect(result.container.querySelector("input")).toBeNull();
+    });
+    it("calls onChangeText when value changes", async () => {
+      const onChangeText = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(Input, {
+        label: "Text",
+        name: "text",
+        onChangeText
+      }));
+      const input = result.container.querySelector("input");
+      if (input) fireEvent.change(input, {
+        target: {
+          value: "hello"
+        }
+      });
+      await waitFor(() => expect(onChangeText).toHaveBeenCalledWith("hello"));
+    });
+  });
+  describe("with form context", () => {
+    it("renders and validates with tanstack form", async () => {
+      const onSubmit = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            name: ""
+          }
+        },
+        onSubmit,
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Input, {
+          name: "name",
+          label: "Name",
+          required: true
+        })
+      }));
+      expect(result.findTextElement("Name")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Input.spec.mjs.map

package/dist/jsx/fields/Input/Input.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["fireEvent","waitFor","describe","expect","it","vi","renderWithProviders","Form","Input","jsx","result","label","placeholder","name","findTextElement","toBeDefined","input","container","querySelector","getAttribute","toBe","required","textContent","toContain","helperText","error","toBeUndefined","disabled","readOnly","value","skeleton","toBeNull","onChangeText","fn","change","target","toHaveBeenCalledWith","onSubmit","formOptions","defaultValues","submitText","children"],"sources":["../../../../src/fields/Input/Input.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,OAAA,QAAe;AACnC,SAASC,QAAA,EAAUC,MAAA,EAAQC,EAAA,EAAIC,EAAA,QAAU;AACzC,SAASC,mBAAA,QAA2B;AACpC,SAASC,IAAA,QAAY;AACrB,SAASC,KAAA,QAAa;AAMd,SAAAC,GAAA;AAJRP,QAAA,CAAS,SAAS,MAAM;EACtBA,QAAA,CAAS,wBAAwB,MAAM;IACrCE,EAAA,CAAG,sCAAsC,MAAM;MAC7C,MAAMM,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAOC,WAAA,EAAY;QAAaC,IAAA,EAAK;MAAA,CAAO,CAC3D;MACAV,MAAA,CAAOO,MAAA,CAAOI,eAAA,CAAgB,MAAM,CAAC,EAAEC,WAAA,CAAY;MACnD,MAAMC,KAAA,GAAQN,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpDf,MAAA,CAAOa,KAAA,EAAOG,YAAA,CAAa,aAAa,CAAC,EAAEC,IAAA,CAAK,YAAY;IAC9D,CAAC;IAEDhB,EAAA,CAAG,wCAAwC,MAAM;MAC/C,MAAMM,MAAA,GAASJ,mBAAA,CAAoB,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAWE,IAAA,EAAK;QAAMQ,QAAA,EAAQ;MAAA,CAAC,CAAE;MACjF,MAAMV,KAAA,GAAQD,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpDf,MAAA,CAAOQ,KAAA,EAAOW,WAAW,EAAEC,SAAA,CAAU,UAAU;MAC/CpB,MAAA,CAAOQ,KAAA,EAAOW,WAAW,EAAEC,SAAA,CAAU,GAAG;IAC1C,CAAC;IAEDnB,EAAA,CAAG,sCAAsC,MAAM;MAC7C,MAAMM,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAQa,UAAA,EAAW;QAAmBC,KAAA,EAAM;QAAgBZ,IAAA,EAAK;MAAA,CAAQ,CACxF;MAEAV,MAAA,CAAOO,MAAA,CAAOI,eAAA,CAAgB,kBAAkB,CAAC,EAAEY,aAAA,CAAc;MACjEvB,MAAA,CAAOO,MAAA,CAAOI,eAAA,CAAgB,eAAe,CAAC,EAAEC,WAAA,CAAY;IAC9D,CAAC;IAEDX,EAAA,CAAG,0BAA0B,MAAM;MACjC,MAAMM,MAAA,GAASJ,mBAAA,CAAoB,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAWE,IAAA,EAAK;QAAIc,QAAA,EAAQ;MAAA,CAAC,CAAE;MAC/E,MAAMX,KAAA,GAAQN,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpDf,MAAA,CAAOa,KAAA,EAAOG,YAAA,CAAa,eAAe,CAAC,EAAEC,IAAA,CAAK,MAAM;IAC1D,CAAC;IAEDhB,EAAA,CAAG,0BAA0B,MAAM;MACjC,MAAMM,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAWE,IAAA,EAAK;QAAIe,QAAA,EAAQ;QAACC,KAAA,EAAM;MAAA,CAAQ,CAC1D;MACA,MAAMb,KAAA,GAAQN,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpDf,MAAA,CAAOa,KAAA,EAAOG,YAAA,CAAa,eAAe,CAAC,EAAEC,IAAA,CAAK,MAAM;IAC1D,CAAC;IAEDhB,EAAA,CAAG,gCAAgC,MAAM;MACvC,MAAMM,MAAA,GAASJ,mBAAA,CAAoB,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAUE,IAAA,EAAK;QAAIiB,QAAA,EAAQ;MAAA,CAAC,CAAE;MAC9E3B,MAAA,CAAOO,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO,CAAC,EAAEa,QAAA,CAAS;IAC3D,CAAC;IAED3B,EAAA,CAAG,yCAAyC,YAAY;MACtD,MAAM4B,YAAA,GAAe3B,EAAA,CAAG4B,EAAA,CAAG;MAC3B,MAAMvB,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACD,KAAA;QAAMG,KAAA,EAAM;QAAOE,IAAA,EAAK;QAAOmB;MAAA,CAA4B,CAC9D;MACA,MAAMhB,KAAA,GAAQN,MAAA,CAAOO,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpD,IAAIF,KAAA,EAAOhB,SAAA,CAAUkC,MAAA,CAAOlB,KAAA,EAAO;QAAEmB,MAAA,EAAQ;UAAEN,KAAA,EAAO;QAAQ;MAAE,CAAC;MACjE,MAAM5B,OAAA,CAAQ,MAAME,MAAA,CAAO6B,YAAY,EAAEI,oBAAA,CAAqB,OAAO,CAAC;IACxE,CAAC;EACH,CAAC;EAEDlC,QAAA,CAAS,qBAAqB,MAAM;IAClCE,EAAA,CAAG,4CAA4C,YAAY;MACzD,MAAMiC,QAAA,GAAWhC,EAAA,CAAG4B,EAAA,CAAG;MACvB,MAAMvB,MAAA,GAASJ,mBAAA,CACb,eAAAG,GAAA,CAACF,IAAA;QAAK+B,WAAA,EAAa;UAAEC,aAAA,EAAe;YAAE1B,IAAA,EAAM;UAAG;QAAE;QAAGwB,QAAA;QAAoBG,UAAA,EAAW;QACjFC,QAAA,iBAAAhC,GAAA,CAACD,KAAA;UAAMK,IAAA,EAAK;UAAOF,KAAA,EAAM;UAAOU,QAAA,EAAQ;QAAA,CAAC;MAAA,CAC3C,CACF;MACAlB,MAAA,CAAOO,MAAA,CAAOI,eAAA,CAAgB,MAAM,CAAC,EAAEC,WAAA,CAAY;IACrD,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/jsx/fields/Input/Input.spec.native.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("Input", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label and placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Name",
+        placeholder: "Enter name",
+        name: "name"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Name")).toBeDefined();
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("placeholder")).toBe("Enter name");
+    });
+    (0, import_vitest.it)("renders required label with asterisk", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text and error", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Email",
+        helperText: "Enter your email",
+        error: "Invalid email",
+        name: "email"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Enter your email")).toBeUndefined();
+      (0, import_vitest.expect)(result.findTextElement("Invalid email")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders disabled state", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
+    });
+    (0, import_vitest.it)("renders readOnly state", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "ReadOnly",
+        name: "r",
+        readOnly: true,
+        value: "hello"
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-readonly")).toBe("true");
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.container.querySelector("input")).toBeNull();
+    });
+    (0, import_vitest.it)("calls onChangeText when value changes", async function () {
+      var onChangeText = import_vitest.vi.fn();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Text",
+        name: "text",
+        onChangeText
+      }));
+      var input = result.container.querySelector("input");
+      if (input) import_react.fireEvent.change(input, {
+        target: {
+          value: "hello"
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        return (0, import_vitest.expect)(onChangeText).toHaveBeenCalledWith("hello");
+      });
+    });
+  });
+  (0, import_vitest.describe)("with form context", function () {
+    (0, import_vitest.it)("renders and validates with tanstack form", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            name: ""
+          }
+        },
+        onSubmit,
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+          name: "name",
+          label: "Name",
+          required: true
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Name")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Input.spec.native.js.map

package/dist/jsx/fields/Input/Input.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react","import_vitest","import_test_utils","import_Form","import_index","describe","it","result","renderWithProviders","jsx","Input","label","placeholder","name","expect","findTextElement","toBeDefined","input","container","querySelector","getAttribute","toBe","required","textContent","toContain","helperText","error","toBeUndefined","disabled","readOnly","value","skeleton","toBeNull"],"sources":["../../../../src/fields/Input/Input.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Input/Input.stories.mjs

@@ -0,0 +1,189 @@
+import { action } from "@multiplatform.one/storybook";
+import { MagnifyingGlassIcon, XIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Input as TamaguiInput, Paragraph, XStack, YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { Input } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/Input",
+  component: Input,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    placeholder: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    },
+    defaultValue: {
+      control: "text"
+    }
+  }
+};
+var Input_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = useForm({
+        defaultValues: {
+          firstName: "",
+          email: ""
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Input, {
+            label: "First name",
+            name: "firstName",
+            placeholder: "Jane",
+            required: true
+          }), /* @__PURE__ */jsx(Input, {
+            label: "Email",
+            name: "email",
+            placeholder: "jane@example.com",
+            required: true,
+            validators: {
+              onBlur: ({
+                value
+              }) => {
+                if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) return "Invalid email address";
+              }
+            }
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Basic = {
+  args: {
+    label: "Full name",
+    placeholder: "Enter your name",
+    helperText: "This appears on your profile",
+    defaultValue: ""
+  },
+  render: args => /* @__PURE__ */jsx(Input, {
+    onChangeText: text => action("onChangeText")(text),
+    rightIcon: /* @__PURE__ */jsx(XIcon, {}),
+    leftIcon: /* @__PURE__ */jsx(MagnifyingGlassIcon, {}),
+    ...args
+  })
+};
+const Disabled = {
+  args: {
+    label: "Disabled Field",
+    disabled: true,
+    placeholder: "Cannot interact"
+  }
+};
+const WithError = {
+  args: {
+    label: "Field with Error",
+    error: "This field is required",
+    required: true
+  }
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: [/* @__PURE__ */jsx(Input, {
+      label: "Small",
+      size: "$2",
+      placeholder: "Small input"
+    }), /* @__PURE__ */jsx(Input, {
+      label: "Medium (default)",
+      size: "$3",
+      placeholder: "Medium input"
+    }), /* @__PURE__ */jsx(Input, {
+      label: "Large",
+      size: "$4",
+      placeholder: "Large input"
+    })]
+  })
+};
+const Comparison = {
+  render: () => {
+    const ComparisonExample = () => {
+      const [customVal, setCustomVal] = useState("");
+      const [tamaguiVal, setTamaguiVal] = useState("");
+      return /* @__PURE__ */jsxs(XStack, {
+        gap: "$6",
+        alignItems: "flex-start",
+        padding: "$4",
+        children: [/* @__PURE__ */jsxs(YStack, {
+          gap: "$3",
+          width: 300,
+          children: [/* @__PURE__ */jsx(Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Custom Input"
+          }), /* @__PURE__ */jsx(Input, {
+            placeholder: "Enter your name",
+            value: customVal,
+            onChangeText: text => {
+              setCustomVal(text);
+              action("custom.onChangeText")(text);
+            }
+          })]
+        }), /* @__PURE__ */jsxs(YStack, {
+          gap: "$3",
+          width: 300,
+          children: [/* @__PURE__ */jsx(Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Tamagui Input"
+          }), /* @__PURE__ */jsx(TamaguiInput, {
+            placeholder: "Enter your name",
+            value: tamaguiVal,
+            onChangeText: text => {
+              setTamaguiVal(text);
+              action("tamagui.onChangeText")(text);
+            }
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */jsx(ComparisonExample, {});
+  }
+};
+export { Basic, Comparison, Disabled, Main, Sizes, WithError, Input_stories_default as default };
+//# sourceMappingURL=Input.stories.mjs.map

package/dist/jsx/fields/Input/Input.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","MagnifyingGlassIcon","XIcon","useForm","useState","Input","TamaguiInput","Paragraph","XStack","YStack","Button","Form","jsx","jsxs","meta","title","component","parameters","status","type","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","value","defaultValue","Input_stories_default","Main","name","render","FormExample","form","defaultValues","firstName","email","onSubmit","children","gap","validators","onBlur","test","Basic","args","onChangeText","text","rightIcon","leftIcon","Disabled","WithError","Sizes","maxWidth","Comparison","ComparisonExample","customVal","setCustomVal","tamaguiVal","setTamaguiVal","alignItems","padding","width","color"],"sources":["../../../../src/fields/Input/Input.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/Input/Input.stories.native.js

@@ -0,0 +1,231 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Input_stories_exports = {};
+__export(Input_stories_exports, {
+  Basic: () => Basic,
+  Comparison: () => Comparison,
+  Disabled: () => Disabled,
+  Main: () => Main,
+  Sizes: () => Sizes,
+  WithError: () => WithError,
+  default: () => Input_stories_default
+});
+module.exports = __toCommonJS(Input_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Forms/Input",
+  component: import_index.Input,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    placeholder: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    },
+    defaultValue: {
+      control: "text"
+    }
+  }
+};
+var Input_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = (0, import_react_form.useForm)({
+        defaultValues: {
+          firstName: "",
+          email: ""
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            label: "First name",
+            name: "firstName",
+            placeholder: "Jane",
+            required: true
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            label: "Email",
+            name: "email",
+            placeholder: "jane@example.com",
+            required: true,
+            validators: {
+              onBlur: function onBlur(param) {
+                var {
+                  value
+                } = param;
+                if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) return "Invalid email address";
+              }
+            }
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Basic = {
+  args: {
+    label: "Full name",
+    placeholder: "Enter your name",
+    helperText: "This appears on your profile",
+    defaultValue: ""
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+      onChangeText: function onChangeText(text) {
+        return (0, import_storybook.action)("onChangeText")(text);
+      },
+      rightIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {}),
+      leftIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MagnifyingGlassIcon, {}),
+      ...args
+    });
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled Field",
+    disabled: true,
+    placeholder: "Cannot interact"
+  }
+};
+var WithError = {
+  args: {
+    label: "Field with Error",
+    error: "This field is required",
+    required: true
+  }
+};
+var Sizes = {
+  render: function render3() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Small",
+        size: "$2",
+        placeholder: "Small input"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Medium (default)",
+        size: "$3",
+        placeholder: "Medium input"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+        label: "Large",
+        size: "$4",
+        placeholder: "Large input"
+      })]
+    });
+  }
+};
+var Comparison = {
+  render: function render4() {
+    var ComparisonExample = function ComparisonExample2() {
+      var [customVal, setCustomVal] = (0, import_react2.useState)("");
+      var [tamaguiVal, setTamaguiVal] = (0, import_react2.useState)("");
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$6",
+        alignItems: "flex-start",
+        padding: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          width: 300,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Custom Input"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Input, {
+            placeholder: "Enter your name",
+            value: customVal,
+            onChangeText: function onChangeText(text) {
+              setCustomVal(text);
+              (0, import_storybook.action)("custom.onChangeText")(text);
+            }
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          width: 300,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Tamagui Input"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+            placeholder: "Enter your name",
+            value: tamaguiVal,
+            onChangeText: function onChangeText(text) {
+              setTamaguiVal(text);
+              (0, import_storybook.action)("tamagui.onChangeText")(text);
+            }
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ComparisonExample, {});
+  }
+};
+//# sourceMappingURL=Input.stories.native.js.map

package/dist/jsx/fields/Input/Input.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Input_stories_exports","Basic","Comparison","Disabled","Main","Sizes","WithError","default","Input_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_Button","import_Form","import_index","meta","title","component","Input","parameters","status","type","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","defaultValue","render","FormExample","FormExample2","form","useForm","defaultValues","firstName","email","onSubmit","param","action","jsx","Form","children","jsxs","YStack","gap","validators","onBlur","test","Button","args","render2"],"sources":["../../../../src/fields/Input/Input.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAqB;AAC9B,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAAA;AACxB,IAAAC,iBAAS,GAAAJ,MAAgB,CAAAK,mBAAA;AACzB,IAAAC,YAAS,GAASN,MAAA,CAAAO,SAAc,CAAAC,cAAW;AAC3C,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAcC,GAAA;EACvB,SAASC,IAAA,IAAAD,GAAY,EACrBZ,SAAS,CAAAW,MAAA,EAAaE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAsCZ;AApCV,IAAAC,WAAiC,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAC/B,IAAAF,IAAO,WAAAA,IAAA,wBAAAA,IAAA;IACP,SAAWG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACX,KAAAX,YAAc,CAAQe,IAAE,CAAAL,EAAA,EAAMI,GAAA,KAASA,GAAA,KAAAF,MAAA,EACvCnB,SAAU,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACiB,OACzBE,EAAA;AAA+B;AACD,IAC9BM,YAAS,GAAAC,GAAS,IAAAR,WAAO,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACzBE,qBAAqB;AAAUhB,QAC/B,CAAAgB,qBAAqB;EAAUC,KAC/B,EAAAA,CAAA,KAAQA,KAAA;EAA+CC,UAChD,EAAEA,CAAA,KAAAA,UAAgB;EAAAC,QACzB,EAAAA,CAAA,KAAcA,QAAE;EAClBC,IAAA,EAAAA,CAAA,KAAAA,IAAA;EACFC,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAEAC,SAAO,EAAAA,CAAA,KAAAA,SAAQ;EAGRC,OAAM,EAAAA,CAAA,KAAcC;AAAA,EACzB;AAAMC,MACN,CAAAC,OAAQ,GAAMb,YAAA,CAAAG,qBAAA;AACZ,IAAAW,kBAAM,GAAcC,OAAM;AACxB,IAAAC,gBAAa,GAAAD,OAAQ;AAAA,IAAAE,YACnB,GAAAF,OAAe;AAAA,IAAAG,iBACF,GAAAH,OAAA;AAAA,IAAAI,aACJ,GAAAJ,OAAA;AAAA,IAAAK,cACT,GAAAL,OAAA;AAAA,IAAAM,aACA,GAAUN,OAAS,+BAAY;AAC7B,IAAAO,WAAA,GAAOP,OAAA,6BAAiB;AAAA,IAAAQ,YAC1B,GAAAR,OAAA;AAAA,IAAAS,IACD;EAEDC,KAAA,eACE;EAEIC,SAAA,EAAAH,YAAA,CAAAI,KAAC;EAAsEC,UACvE;IAAAC,MAAC;MAAAC,IAAA;IAAA;EACO;EACDC,QAAA,EACL;IAAYC,KAAA;MACJC,OACR;IAAY;IAERC,WAAA;MACED,OAAA;IAAO;IACXE,UACF;MAAAF,OAAA;IAAA;IACFG,KACA;MAA8BH,OAElC;IAEJ;IACAI,QAAO;MACTJ,OAAA;IACF;IAEOK,QAAM,EAAe;MAC1BL,OAAM;IACJ;IACAM,IAAA;MACAN,OAAA,UAAY;MACZO,OAAA,GACF,MACA,IAAS,EACN;IAAA;IACoDtC,KACnD;MACA+B,OAAA;IAA+B;IAC3BQ,YAAA;MACNR,OAAA;IAEJ;EAEO;AAAwB;AACvB,IACJtB,qBAAO,GAAAa,IAAA;AAAA,IACPjB,IAAA;EAAUjB,IACV;EACFoD,MAAA,WAAAA,OAAA;IACF,IAAAC,WAAA,YAAAC,aAAA;MAEa,IAAAC,IAAA,IAAmB,GAAA3B,iBAAA,CAAA4B,OAAA;QACxBC,aAAA;UACJC,SAAO;UACPC,KAAO;QACP;QACFC,QAAA,iBAAAA,SAAAC,KAAA;UACF;YAAAjD;UAAA,IAAAiD,KAAA;UAEa,IAAenC,gBAAA,CAAAoC,MAAA,cAAAlD,KAAA;QAC1B;MAEI;MACA,sBAAC,IAAMY,kBAAM,CAAAuC,GAAA,EAAA/B,WAAwB,CAAAgC,IAAK;QAC1CT,IAAA;QACFU,QAAA,qBAAAzC,kBAAA,CAAA0C,IAAA,EAAApC,cAAA,CAAAqC,MAAA;UAEJC,GAAA;UAEaH,QAAA,EAAuB,CAC1B,eAAM,IAAAzC,kBAAA,CAAAuC,GAAA,EAAA9B,YAAA,CAAAI,KAAA;YACNK,KAAA,cAAoB;YACjB1C,IAAA,aAAW;YACX4C,WAAY;YAEjBG,QAAA;UACE,IACE,iBAAC,EAAAvB,kBAAe,CAAAuC,GAAA,EAAK9B,YAAM,CAAAI,KAAA;YAG3BK,KAAA;YAAC1C,IAAA;YAAA4C,WAAA;YACCG,QAAA,MAAY;YACZsB,UAAO;cACPC,MAAA,WAAeA,MAASA,CAAAT,KAAA;gBACtB;kBAAAjD;gBAAa,IAAIiD,KAAA;gBACjB,IAAAjD,KAAO,iCAA2B,CAAA2D,IAAA,CAAA3D,KAAA;cACpC;YAAA;UACF,IACF,mBAAAY,kBAAA,CAAAuC,GAAA,EAAAhC,aAAA,CAAAyC,MAAA;YAEAV,MAAA,UAAC;YACCG,QAAA;UAGA;QAAC;MAAA;IACa;IACL,sBACP,CAAc,CAAC,EAAAzC,kBAAS,CAAAuC,GAAA,EAAAV,WAAA;EACtB;AACA;AAAmC,IAAAvC,KAAA;EACrC2D,IAAA;IAAA/B,KAAA,EACF;IAAAE,WACF;IAAAC,UACF;IAEJM,YAAA;EACA;EACFC,MAAA,WAAAsB,QAAAD,IAAA;IACF,0BAAAjD,kBAAA,CAAAuC,GAAA,EAAA9B,YAAA,CAAAI,KAAA","ignoreList":[]}