@multiplatform.one/components 0.2.0

package/dist/cjs/forms/FormField.js

@@ -0,0 +1,40 @@
+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 FormField_exports = {};
+__export(FormField_exports, {
+  FormField: () => FormField
+});
+module.exports = __toCommonJS(FormField_exports);
+var import_tamagui = require("tamagui");
+function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
+  return <import_tamagui.YStack>
+    {label && <import_tamagui.Label htmlFor={id} size={size || "$3"} {...labelProps} color={error ? "$red10" : void 0}>
+      {label}
+      {required && ` *`}
+    </import_tamagui.Label>}
+    <import_tamagui.YStack>
+      {children}
+      {helperText && <import_tamagui.Paragraph paddingLeft="$2" size={size} color={error ? "$red10" : void 0}>{helperText}</import_tamagui.Paragraph>}
+    </import_tamagui.YStack>
+  </import_tamagui.YStack>;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormField
+});
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/forms/FormField.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAyC;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,CAAC;AAAA,KACE,SACC,CAAC,qBAAM,SAAS,IAAI,MAAM,QAAQ,UAAU,YAAY,OAAO,QAAQ,WAAW;AAAA,OAC/E;AAAA,OACA,YAAY;AAAA,IACf,EAHC;AAAA,IAKH,CAAC;AAAA,OACE;AAAA,OACA,cACC,CAAC,yBAAU,YAAY,KAAK,MAAM,MAAwB,OAAO,QAAQ,WAAW,SACjF,WACH,EAFC;AAAA,IAIL,EAPC;AAAA,EAQH,EAfC;AAiBL;",
+  "names": []
+}

package/dist/cjs/forms/FormInput/FormInput.stories.js

@@ -0,0 +1,42 @@
+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 FormInput_stories_exports = {};
+__export(FormInput_stories_exports, {
+  default: () => FormInput_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormInput_stories_exports);
+var import_index = require("./index");
+var import_tamagui = require("tamagui");
+var import_addon_actions = require("@storybook/addon-actions");
+var FormInput_stories_default = {
+  title: "forms/FormInput",
+  component: import_index.FormInput,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <import_tamagui.YStack padding="$4" space>
+  <import_index.FormInput onChangeText={(0, import_addon_actions.action)("onTextChange")} name="firstName" label="First Name" />
+  <import_index.FormInput onChangeText={(0, import_addon_actions.action)("onTextChange")} name="lastName" label="Last Name" />
+</import_tamagui.YStack>;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormInput.stories.js.map

package/dist/cjs/forms/FormInput/FormInput.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormInput/FormInput.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0B;AAC1B,qBAAuB;AACvB,2BAAuB;AAEvB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,sBAAO,QAAQ,KAAK;AAAA,EACnB,CAAC,uBAAU,kBAAc,6BAAO,cAAc,GAAG,KAAK,YAAY,MAAM,aAAa;AAAA,EACrF,CAAC,uBAAU,kBAAc,6BAAO,cAAc,GAAG,KAAK,WAAW,MAAM,YAAY;AACrF,EAHC;",
+  "names": []
+}

package/dist/cjs/forms/FormInput/index.js

@@ -0,0 +1,76 @@
+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 FormInput_exports = {};
+__export(FormInput_exports, {
+  FormInput: () => FormInput
+});
+module.exports = __toCommonJS(FormInput_exports);
+var import_react = require("react");
+var import_react_hook_form = require("react-hook-form");
+var import_FormField = require("../FormField");
+var import_tamagui = require("tamagui");
+function FormInput({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...inputProps
+}) {
+  const formContext = (0, import_react_hook_form.useFormContext)();
+  const id = (0, import_react.useId)();
+  if (!formContext) {
+    return <import_FormField.FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><import_tamagui.Input {...inputProps} /></import_FormField.FormField>;
+  }
+  return <import_react_hook_form.Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => <import_FormField.FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><import_tamagui.Input
+      {...inputProps}
+      value={value ?? ""}
+      onBlur={(e) => {
+        onBlur();
+        if (inputProps.onBlur)
+          inputProps.onBlur(e);
+      }}
+      onChange={(e) => {
+        onChange(e);
+        if (inputProps.onChange)
+          inputProps.onChange(e);
+      }}
+    /></import_FormField.FormField>}
+  />;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormInput
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/FormInput/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormInput/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAI7B,6BAA2C;AAC3C,uBAA0B;AAC1B,qBAAsB;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,kBAAc,uCAAe;AACnC,QAAM,SAAK,oBAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,2BAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,yBAAU,YAAY,EACzB,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO;AACP,YAAI,WAAW;AAAQ,qBAAW,OAAO,CAAC;AAAA,MAC5C;AAAA,MACA,UAAU,CAAC,MAAM;AACf,iBAAS,CAAC;AACV,YAAI,WAAW;AAAU,qBAAW,SAAS,CAAC;AAAA,MAChD;AAAA,IACF,EACF,EApBC;AAAA,EAsBL;AAEJ;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,45 @@
+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 FormRadioGroup_stories_exports = {};
+__export(FormRadioGroup_stories_exports, {
+  default: () => FormRadioGroup_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormRadioGroup_stories_exports);
+var import_index = require("./index");
+var FormRadioGroup_stories_default = {
+  title: "forms/FormRadioGroup",
+  component: import_index.FormRadioGroup,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <import_index.FormRadioGroup
+  name="radio group"
+  label="radio group"
+  helperText="select an option"
+  required
+  radioElements={[
+    { label: "option 1", value: "option1" },
+    { label: "option 2", value: "option2" },
+    { label: "option 3", value: "option3" }
+  ]}
+/>;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormRadioGroup.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAE/B,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AACF;",
+  "names": []
+}

package/dist/cjs/forms/FormRadioGroup/index.js

@@ -0,0 +1,84 @@
+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 FormRadioGroup_exports = {};
+__export(FormRadioGroup_exports, {
+  FormRadio: () => FormRadio,
+  FormRadioGroup: () => FormRadioGroup
+});
+module.exports = __toCommonJS(FormRadioGroup_exports);
+var import_react = require("react");
+var import_react_hook_form = require("react-hook-form");
+var import_FormField = require("../FormField");
+var import_tamagui = require("tamagui");
+function FormRadioGroup({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  horizontal,
+  rules,
+  labelStyle,
+  spacingProps,
+  ...radioProps
+}) {
+  const formContext = (0, import_react_hook_form.useFormContext)();
+  const id = (0, import_react.useId)();
+  if (!formContext) {
+    return <import_tamagui.RadioGroup name={name} {...radioProps}>{horizontal ? <import_tamagui.XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</import_tamagui.XStack> : <import_tamagui.YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</import_tamagui.YStack>}</import_tamagui.RadioGroup>;
+  }
+  return <import_react_hook_form.Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <import_FormField.FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><import_tamagui.RadioGroup
+      name={name}
+      {...radioProps}
+      value={value}
+      onValueChange={(e) => {
+        onChange(e);
+        if (radioProps.onValueChange)
+          radioProps.onValueChange(e);
+      }}
+    >{horizontal ? <import_tamagui.XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</import_tamagui.XStack> : <import_tamagui.YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</import_tamagui.YStack>}</import_tamagui.RadioGroup></import_FormField.FormField>}
+  />;
+}
+function FormRadio({ label, value, size, disabled, id, ...labelStyle }) {
+  return <import_tamagui.XStack alignItems="center" space="$1">
+    <import_tamagui.RadioGroup.Item value={value} id={id} size={size}><import_tamagui.RadioGroup.Indicator disabled={disabled} /></import_tamagui.RadioGroup.Item>
+    <import_tamagui.Label size={size} htmlFor={id} {...labelStyle}>{label}</import_tamagui.Label>
+  </import_tamagui.XStack>;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormRadio,
+  FormRadioGroup
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/FormRadioGroup/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAI7B,6BAA2C;AAC3C,uBAA0B;AAC1B,qBAAkD;AAwB3C,SAAS,eAAe;AAAA,EAC7B;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,GAAgG;AAC9F,QAAM,kBAAc,uCAAe;AACnC,QAAM,SAAK,oBAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,0BAAW,MAAM,UAAU,aACzB,aACC,CAAC,0BAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,yBAMD,CAAC,0BAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,uBAML,EAdC;AAAA,EAgBL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,MAAM;AAAA,UACF;AAAA,MACJ,OAAO;AAAA,MACP,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC;AACV,YAAI,WAAW;AAAe,qBAAW,cAAc,CAAC;AAAA,MAC1D;AAAA,MAEC,aACC,CAAC,0BAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,yBAMD,CAAC,0BAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,uBAML,EAtBC,0BAuBH,EA/BC;AAAA,EAiCL;AAEJ;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,CAAC,sBAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,0BAAW,KAAK,OAAO,OAAO,IAAI,IAAI,MAAM,MAC3C,CAAC,0BAAW,UAAU,UAAU,UAAU,EAC5C,EAFC,0BAAW;AAAA,IAGZ,CAAC,qBAAM,MAAM,MAAM,SAAS,QAAQ,aACjC,MACH,EAFC;AAAA,EAGH,EAPC;AASL;",
+  "names": ["error"]
+}

package/dist/cjs/forms/FormSelectSimple/FormSelectSimple.stories.js

@@ -0,0 +1,43 @@
+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 FormSelectSimple_stories_exports = {};
+__export(FormSelectSimple_stories_exports, {
+  default: () => FormSelectSimple_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormSelectSimple_stories_exports);
+var import_index = require("./index");
+var import_tamagui = require("tamagui");
+var FormSelectSimple_stories_default = {
+  title: "forms/FormSelectSimple",
+  component: import_index.FormSelectSimple,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <import_index.FormSelectSimple name="FormSelectSimple" placeholder="select one of these">
+  <import_tamagui.Select.Item index={0} value="bmw"><import_tamagui.Select.ItemText>BMW</import_tamagui.Select.ItemText></import_tamagui.Select.Item>
+  <import_tamagui.Select.Item index={1} value="audi"><import_tamagui.Select.ItemText>AUDI</import_tamagui.Select.ItemText></import_tamagui.Select.Item>
+  <import_tamagui.Select.Item index={2} value="ford"><import_tamagui.Select.ItemText>FORD</import_tamagui.Select.ItemText></import_tamagui.Select.Item>
+  <import_tamagui.Select.Item index={3} value="suzuki"><import_tamagui.Select.ItemText>SUZUKI</import_tamagui.Select.ItemText></import_tamagui.Select.Item>
+</import_index.FormSelectSimple>;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormSelectSimple.stories.js.map

package/dist/cjs/forms/FormSelectSimple/FormSelectSimple.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSelectSimple/FormSelectSimple.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiC;AACjC,qBAAuB;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,8BAAiB,KAAK,mBAAmB,YAAY;AAAA,EACpD,CAAC,sBAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,sBAAO,SAAS,GAAG,EAAnB,sBAAO,SACV,EAFC,sBAAO;AAAA,EAGR,CAAC,sBAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,sBAAO,SAAS,IAAI,EAApB,sBAAO,SACV,EAFC,sBAAO;AAAA,EAGR,CAAC,sBAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,sBAAO,SAAS,IAAI,EAApB,sBAAO,SACV,EAFC,sBAAO;AAAA,EAGR,CAAC,sBAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,sBAAO,SAAS,MAAM,EAAtB,sBAAO,SACV,EAFC,sBAAO;AAGV,EAbC;",
+  "names": []
+}

package/dist/cjs/forms/FormSelectSimple/index.js

@@ -0,0 +1,71 @@
+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 FormSelectSimple_exports = {};
+__export(FormSelectSimple_exports, {
+  FormSelectSimple: () => FormSelectSimple
+});
+module.exports = __toCommonJS(FormSelectSimple_exports);
+var import_react = require("react");
+var import_react_hook_form = require("react-hook-form");
+var import_FormField = require("../FormField");
+var import_SelectSimple = require("../SelectSimple");
+function FormSelectSimple({
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  ...selectProps
+}) {
+  const formContext = (0, import_react_hook_form.useFormContext)();
+  const id = (0, import_react.useId)();
+  if (!formContext) {
+    return <import_FormField.FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><import_SelectSimple.SelectSimple {...selectProps} /></import_FormField.FormField>;
+  }
+  return <import_react_hook_form.Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <import_FormField.FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><import_SelectSimple.SelectSimple
+      {...selectProps}
+      value={value ?? ""}
+      onValueChange={(e) => {
+        onChange(e);
+        if (selectProps.onValueChange)
+          selectProps.onValueChange(e);
+      }}
+    /></import_FormField.FormField>}
+  />;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormSelectSimple
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/FormSelectSimple/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSelectSimple/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAI7B,6BAA2C;AAC3C,uBAA0B;AAC1B,0BAA6B;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,kBAAc,uCAAe;AACnC,QAAM,SAAK,oBAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,2BAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,qCAAiB,aAAa,EACjC,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAe,sBAAY,cAAc,CAAC;AAAA,MAC5D;AAAA,IACF,EACF,EAhBC;AAAA,EAkBL;AAEJ;",
+  "names": ["error"]
+}

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

@@ -0,0 +1,37 @@
+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 FormSlider_stories_exports = {};
+__export(FormSlider_stories_exports, {
+  default: () => FormSlider_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormSlider_stories_exports);
+var import_index = require("./index");
+var FormSlider_stories_default = {
+  title: "forms/FormSlider",
+  component: import_index.FormSlider,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <import_index.FormSlider name="FormSlider" size={20} />;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormSlider.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;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,CAAC,wBAAW,KAAK,aAAa,MAAM,IAAI;",
+  "names": []
+}

package/dist/cjs/forms/FormSlider/index.js

@@ -0,0 +1,89 @@
+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 FormSlider_exports = {};
+__export(FormSlider_exports, {
+  FormSlider: () => FormSlider
+});
+module.exports = __toCommonJS(FormSlider_exports);
+var import_react = require("react");
+var import_tamagui2 = require("tamagui");
+var import_react_hook_form = require("react-hook-form");
+var import_FormField2 = require("../FormField");
+function FormSlider({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  thumbStyle,
+  rules,
+  ...switchProps
+}) {
+  const formContext = (0, import_react_hook_form.useFormContext)();
+  const id = (0, import_react.useId)();
+  if (!formContext) {
+    return <import_tamagui2.Slider defaultValue={defaultValue} {...switchProps}>
+      <import_tamagui2.Slider.Track><import_tamagui2.Slider.TrackActive /></import_tamagui2.Slider.Track>
+      <import_tamagui2.Slider.Thumb
+        bordered
+        circular
+        elevate
+        index={0}
+        aria-describedby="my-tooltip"
+        position="absolute"
+        style={{ height: 10, width: 10 }}
+      />
+    </import_tamagui2.Slider>;
+  }
+  return <import_react_hook_form.Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <import_FormField2.FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><import_tamagui2.Slider defaultValue={defaultValue} value={value} onValueChange={onChange} {...switchProps}>
+      <import_tamagui2.Slider.Track><import_tamagui2.Slider.TrackActive /></import_tamagui2.Slider.Track>
+      <import_tamagui2.Slider.Thumb
+        alignItems="center"
+        justifyContent="center"
+        bordered
+        circular
+        userSelect="none"
+        elevate
+        index={0}
+        {...thumbStyle}
+      >{value[0]}</import_tamagui2.Slider.Thumb>
+      {children}
+    </import_tamagui2.Slider></import_FormField2.FormField>}
+  />;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormSlider
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/FormSlider/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSlider/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6B;AAE7B,IAAAA,kBAAuB;AAGvB,6BAA2C;AAC3C,IAAAC,oBAA0B;AAOnB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,kBAAc,uCAAe;AACnC,QAAM,SAAK,oBAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,uBAAO,cAAc,kBAAkB;AAAA,MACtC,CAAC,uBAAO,MACN,CAAC,uBAAO,YAAY,EACtB,EAFC,uBAAO;AAAA,MAGR,CAAC,uBAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG;AAAA,MACjC;AAAA,IACF,EAbC;AAAA,EAeL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAC,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,uBAAO,cAAc,cAAc,OAAO,OAAO,eAAe,cAAc;AAAA,MAC7E,CAAC,uBAAO,MACN,CAAC,uBAAO,YAAY,EACtB,EAFC,uBAAO;AAAA,MAGR,CAAC,uBAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,OAAO;AAAA,YACH;AAAA,QAEH,MAAM,CAAC,EACV,EAXC,uBAAO;AAAA,OAYP;AAAA,IACH,EAjBC,uBAkBH,EA1BC;AAAA,EA4BL;AAEJ;",
+  "names": ["import_tamagui", "import_FormField", "error"]
+}

package/dist/cjs/forms/FormSubmitButton/FormSubmitButton.stories.js

@@ -0,0 +1,38 @@
+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 FormSubmitButton_stories_exports = {};
+__export(FormSubmitButton_stories_exports, {
+  default: () => FormSubmitButton_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormSubmitButton_stories_exports);
+var import_SimpleForm = require("../SimpleForm");
+var import_index = require("./index");
+var FormSubmitButton_stories_default = {
+  title: "forms/FormSubmitButton",
+  component: import_index.FormSubmitButton,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <import_SimpleForm.SimpleForm><import_index.FormSubmitButton onSubmit={() => console.log("Form submitted")}>Click here</import_index.FormSubmitButton></import_SimpleForm.SimpleForm>;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormSubmitButton.stories.js.map

package/dist/cjs/forms/FormSubmitButton/FormSubmitButton.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormSubmitButton/FormSubmitButton.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAA2B;AAC3B,mBAAiC;AAEjC,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,6BACC,CAAC,8BAAiB,UAAU,MAAM,QAAQ,IAAI,gBAAgB,GAAG,UAAU,EAA1E,8BACH,EAFC;",
+  "names": []
+}