@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/fields/Select/Select.stories.mjs

@@ -0,0 +1,122 @@
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Select } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select_stories_default = {
+  title: "FrappeUI/Select",
+  component: Select,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dropdown select field for Frappe Select field type with support for string or object options."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledSelect({
+  onChange: _onChange,
+  ...props
+}) {
+  const [value, setValue] = useState(props.value || "");
+  const handleChange = v => {
+    setValue(v);
+    action("onChange")(v);
+  };
+  const merged = {
+    ...props,
+    value,
+    onChange: handleChange
+  };
+  return /* @__PURE__ */jsx(Select, {
+    ...merged
+  });
+}
+const statusOptions = ["Open", "In Progress", "Completed", "Cancelled"];
+const priorityOptions = [{
+  value: "low",
+  label: "Low Priority"
+}, {
+  value: "medium",
+  label: "Medium Priority"
+}, {
+  value: "high",
+  label: "High Priority"
+}, {
+  value: "critical",
+  label: "Critical"
+}];
+const Default = args => /* @__PURE__ */jsx(ControlledSelect, {
+  ...args
+});
+Default.args = {
+  label: "Status",
+  options: statusOptions,
+  placeholder: "Select status"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledSelect, {
+    label: "Default",
+    options: statusOptions,
+    placeholder: "Select..."
+  }), /* @__PURE__ */jsx(ControlledSelect, {
+    label: "With Value",
+    options: statusOptions,
+    value: "Open"
+  }), /* @__PURE__ */jsx(ControlledSelect, {
+    label: "Object Options",
+    options: priorityOptions,
+    value: "medium"
+  }), /* @__PURE__ */jsx(ControlledSelect, {
+    label: "Required",
+    options: statusOptions,
+    required: true,
+    placeholder: "Required field"
+  }), /* @__PURE__ */jsx(ControlledSelect, {
+    label: "With Error",
+    options: statusOptions,
+    error: "Selection is required"
+  }), /* @__PURE__ */jsx(ControlledSelect, {
+    label: "Disabled",
+    options: statusOptions,
+    value: "Completed",
+    disabled: true
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the SelectField component."
+    }
+  }
+};
+export { AllStates, Default, Select_stories_default as default };
+//# sourceMappingURL=Select.stories.mjs.map

package/dist/esm/fields/Select/Select.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","useState","YStack","Select","jsx","jsxs","Select_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","placeholder","disabled","required","error","ControlledSelect","onChange","_onChange","props","value","setValue","handleChange","v","merged","statusOptions","priorityOptions","Default","args","options","storyName","AllStates","gap","width","children","story"],"sources":["../../../../src/fields/Select/Select.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Select/Select.stories.native.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Select } from "./index.native.js";
+var Select_stories_default = {
+  title: "FrappeUI/Select",
+  component: Select,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dropdown select field for Frappe Select field type with support for string or object options."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledSelect(param) {
+  var {
+    onChange: _onChange,
+    ...props
+  } = param;
+  var [value, setValue] = useState(props.value || "");
+  var handleChange = function handleChange2(v) {
+    setValue(v);
+    action("onChange")(v);
+  };
+  var merged = {
+    ...props,
+    value,
+    onChange: handleChange
+  };
+  return /* @__PURE__ */_jsx(Select, {
+    ...merged
+  });
+}
+var statusOptions = ["Open", "In Progress", "Completed", "Cancelled"];
+var priorityOptions = [{
+  value: "low",
+  label: "Low Priority"
+}, {
+  value: "medium",
+  label: "Medium Priority"
+}, {
+  value: "high",
+  label: "High Priority"
+}, {
+  value: "critical",
+  label: "Critical"
+}];
+var Default = function Default2(args) {
+  return /* @__PURE__ */_jsx(ControlledSelect, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Status",
+  options: statusOptions,
+  placeholder: "Select status"
+};
+Default.storyName = "Main";
+var AllStates = function AllStates2() {
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */_jsx(ControlledSelect, {
+      label: "Default",
+      options: statusOptions,
+      placeholder: "Select..."
+    }), /* @__PURE__ */_jsx(ControlledSelect, {
+      label: "With Value",
+      options: statusOptions,
+      value: "Open"
+    }), /* @__PURE__ */_jsx(ControlledSelect, {
+      label: "Object Options",
+      options: priorityOptions,
+      value: "medium"
+    }), /* @__PURE__ */_jsx(ControlledSelect, {
+      label: "Required",
+      options: statusOptions,
+      required: true,
+      placeholder: "Required field"
+    }), /* @__PURE__ */_jsx(ControlledSelect, {
+      label: "With Error",
+      options: statusOptions,
+      error: "Selection is required"
+    }), /* @__PURE__ */_jsx(ControlledSelect, {
+      label: "Disabled",
+      options: statusOptions,
+      value: "Completed",
+      disabled: true
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the SelectField component."
+    }
+  }
+};
+export { AllStates, Default, Select_stories_default as default };
+//# sourceMappingURL=Select.stories.native.js.map

package/dist/esm/fields/Select/Select.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","YStack","Select","Select_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","placeholder","disabled","required","error","ControlledSelect","param","onChange","_onChange","props","value","setValue","handleChange","handleChange2","v","merged","statusOptions","priorityOptions"],"sources":["../../../../src/fields/Select/Select.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,sCAAgB;AACzB,SAASC,QAAA,QAAc;AACvB,SAASC,MAAA,QAAgC;AA8BhC,SAAAC,MAqBP,2BArBO;AA5BT,IAAOC,sBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWH,MAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MAEFC,WAAA;QACFL,SAAA;MACF;IACA;EAAU;EAC6CM,QACrD;IACAC,KAAA;MACAC,OAAA,EAAU,MAAE;MACZH,WAAS;IACX;IACFI,WAAA;MAEAD,OAAS;MACPH,WAAc;IACd;IACEK,QAAA,EAAU;MACVF,OAAO,WAAa;MACtBH,WAAA;IACA;IACAM,QAAO;MACTH,OAAA;MAEMH,WAAA;IAEN;IACIO,KAAA,EAAO;MACPJ,OAAO,QAAU;MACjBH,WAAO,EAAQ;IACf;EACJ;AAEO;AACP,SAAQQ,gBAAOA,CAAAC,KAAA;EACb;IAAAC,QAAO,EAAAC,SAAA;IAAA,GAAAC;EAAA,IAAAH,KAAA;EACP,KAAAI,KAAS,EAAAC,QAAA,IAAAxB,QAAA,CAAAsB,KAAA,CAAAC,KAAA;EACT,IAAAE,YAAa,YAAAC,cAAAC,CAAA;IACfH,QAAA,CAAAG,CAAA;IAEA5B,MAAQ,WAAY,EAAA4B,CAAA;EACb;EAEH,IAAAC,MAAA;IACA,GAAAN,KAAA;IACAC,KAAA;IACAH,QAAA,EAAAK;EAAA;EAAC,sBAAA7B,IAAA,CAAAM,MAAA;IAAA,GACC0B;EAAM;AACG;AACD,IAAAC,aACR,GAAY,SACd,eACA,aACA,YAAsF;AAG1F,IAAAC,eAAU,IACR;EACEP,KAAA;EAAaX,KACX;AAAO,GAEX;EACFW,KAAA","ignoreList":[]}

package/dist/esm/fields/Select/index.mjs

@@ -0,0 +1,45 @@
+import { Select as FormsSelect } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function Select(props) {
+  const {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    options,
+    placeholder = "Select an option",
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = useProps(props);
+  const normalizedOptions = (options || []).map(opt => typeof opt === "string" ? {
+    label: opt,
+    value: opt
+  } : opt);
+  return /* @__PURE__ */jsx(FormsSelect, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    disabled,
+    value,
+    onValueChange: val => onChange?.(Array.isArray(val) ? val[0] ?? "" : val),
+    onBlur,
+    options: normalizedOptions,
+    placeholder
+  });
+}
+export { Select };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/Select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Select","FormsSelect","useProps","jsx","props","defaultValue","form","_mode","name","onBlur","onChange","options","placeholder","_preserveValue","validators","disabled","value","fieldProps","normalizedOptions","map","opt","label","labelProps","error","helperText","required","id","size","onValueChange","val","Array","isArray"],"sources":["../../../../src/fields/Select/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,IAAUC,WAAA,QAAmB;AAEtC,SAASC,QAAA,QAAgB;AA2DrB,SAAAC,GAAA;AAzBG,SAASH,OAGdI,KAAA,EAAkC;EAClC,MAAM;IACJC,YAAA;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,OAAA;IACAC,WAAA,GAAc;IACdC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACA,GAAGC;EACL,IAAIf,QAAA,CAASE,KAAK;EAElB,MAAMc,iBAAA,IAAqBP,OAAA,IAAW,EAAC,EAAGQ,GAAA,CAAKC,GAAA,IAC7C,OAAOA,GAAA,KAAQ,WAAW;IAAEC,KAAA,EAAOD,GAAA;IAAKJ,KAAA,EAAOI;EAAI,IAAIA,GACzD;EAEA,OACE,eAAAjB,GAAA,CAACF,WAAA;IACCO,IAAA;IACAF,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAgB,KAAA,EAAOJ,UAAA,CAAWI,KAAA;IAClBC,UAAA,EAAYL,UAAA,CAAWK,UAAA;IACvBC,KAAA,EAAON,UAAA,CAAWM,KAAA;IAClBC,UAAA,EAAYP,UAAA,CAAWO,UAAA;IACvBC,QAAA,EAAUR,UAAA,CAAWQ,QAAA;IACrBC,EAAA,EAAIT,UAAA,CAAWS,EAAA;IACfC,IAAA,EAAMV,UAAA,CAAWU,IAAA;IACjBZ,QAAA;IACAC,KAAA;IACAY,aAAA,EAAgBC,GAAA,IAAQnB,QAAA,GAAWoB,KAAA,CAAMC,OAAA,CAAQF,GAAG,IAAKA,GAAA,CAAI,CAAC,KAAK,KAAMA,GAAG;IAC5EpB,MAAA;IACAE,OAAA,EAASO,iBAAA;IACTN;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/fields/Select/index.native.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select as FormsSelect } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+function Select(props) {
+  var {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    options,
+    placeholder = "Select an option",
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = useProps(props);
+  var normalizedOptions = (options || []).map(function (opt) {
+    return typeof opt === "string" ? {
+      label: opt,
+      value: opt
+    } : opt;
+  });
+  return /* @__PURE__ */_jsx(FormsSelect, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    disabled,
+    value,
+    onValueChange: function onValueChange(val) {
+      var _val_;
+      return onChange === null || onChange === void 0 ? void 0 : onChange(Array.isArray(val) ? (_val_ = val[0]) !== null && _val_ !== void 0 ? _val_ : "" : val);
+    },
+    onBlur,
+    options: normalizedOptions,
+    placeholder
+  });
+}
+export { Select };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/Select/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Select","FormsSelect","useProps","props","defaultValue","form","_mode","name","onBlur","onChange","options","placeholder","_preserveValue","validators","disabled","value","fieldProps","normalizedOptions","map","opt","label","labelProps","error","helperText","required","id","size","onValueChange","val","_val_","Array","isArray"],"sources":["../../../../src/fields/Select/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAU,2BAAmB;AAEtC,SAASC,MAAA,IAAAC,WAAgB;AA2DrB,SAAAC,QAAA;AAzBG,SAASF,OAGdG,KAAA,EAAkC;EAClC;IAAMC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAd,QAAA,CAAAC,KAAA;EAAA,IACJc,iBAAA,IAAAP,OAAA,QAAAQ,GAAA,WAAAC,GAAA;IACA,cAAAA,GAAA;MACAC,KAAA,EAAAD,GAAA;MACAJ,KAAA,EAAAI;IACA,IAAAA,GAAA;EAAA,EACA;EAAA,OACA,eAAApB,IAAA,CAAAE,WAAA;IACAM,IAAA;IACAF,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAgB,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAG,EAAAL,UAAA,CAAAK,UAAA;IACLC,KAAI,EAAAN,UAAc,CAAAM,KAAA;IAElBC,UAAM,EAAAP,UAAA,CAAAO,UAAqB;IAAmBC,QAAC,EAC7CR,UAAO,CAAAQ,QAAQ;IACjBC,EAAA,EAAAT,UAAA,CAAAS,EAAA;IAEAC,IAAA,EACEV,UAAA,CAAAU,IAAA;IAACZ,QAAA;IAAAC,KAAA;IAAAY,aACC,WAAAA,cAAAC,GAAA;MACA,IAAAC,KAAA;MACA,OAAApB,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAqB,KAAA,CAAAC,OAAA,CAAAH,GAAA,KAAAC,KAAA,GAAAD,GAAA,iBAAAC,KAAA,cAAAA,KAAA,QAAAD,GAAA;IAAA;IACApB,MACA;IAAkBE,OAClB,EAAAO,iBAAuB;IAAAN;EACL;AACK;AACF,SACNX,MACf","ignoreList":[]}

package/dist/esm/fields/Signature/index.mjs

@@ -0,0 +1,49 @@
+import { Signature as FormsSignature } from "@multiplatform.one/forms";
+import { EraserIcon } from "@phosphor-icons/react";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function Signature(props) {
+  const {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    width,
+    height,
+    penColor,
+    backgroundColor,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */jsx(FormsSignature, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    width,
+    height,
+    penColor,
+    backgroundColor,
+    clearIcon: /* @__PURE__ */jsx(EraserIcon, {
+      size: 16
+    })
+  });
+}
+export { Signature };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/Signature/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Signature","FormsSignature","EraserIcon","useProps","jsx","props","defaultValue","form","mode","_mode","name","onBlur","onChange","preserveValue","_preserveValue","validators","disabled","value","width","height","penColor","backgroundColor","fieldProps","label","labelProps","error","helperText","required","id","size","clearIcon"],"sources":["../../../../src/fields/Signature/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,IAAaC,cAAA,QAAsB;AAC5C,SAASC,UAAA,QAAkB;AAE3B,SAASC,QAAA,QAAgB;AAgFR,SAAAC,GAAA;AA3CV,SAASJ,UAGdK,KAAA,EAAqC;EACrC,MAAM;IACJC,YAAA;IACAC,IAAA;IACAC,IAAA,EAAMC,KAAA;IACNC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,aAAA,EAAeC,cAAA;IACfC,UAAA;IACAC,QAAA;IACAC,KAAA;IACAC,KAAA;IACAC,MAAA;IACAC,QAAA;IACAC,eAAA;IACA,GAAGC;EACL,IAAInB,QAAA,CAASE,KAAK;EAElB,OACE,eAAAD,GAAA,CAACH,cAAA;IACCS,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAiB,KAAA,EAAOD,UAAA,CAAWC,KAAA;IAClBC,UAAA,EAAYF,UAAA,CAAWE,UAAA;IACvBC,KAAA,EAAOH,UAAA,CAAWG,KAAA;IAClBC,UAAA,EAAYJ,UAAA,CAAWI,UAAA;IACvBC,QAAA,EAAUL,UAAA,CAAWK,QAAA;IACrBC,EAAA,EAAIN,UAAA,CAAWM,EAAA;IACfC,IAAA,EAAMP,UAAA,CAAWO,IAAA;IACjBZ,KAAA;IACAL,QAAA;IACAD,MAAA;IACAK,QAAA;IACAE,KAAA;IACAC,MAAA;IACAC,QAAA;IACAC,eAAA;IACAS,SAAA,EAAW,eAAA1B,GAAA,CAACF,UAAA;MAAW2B,IAAA,EAAM;IAAA,CAAI;EAAA,CACnC;AAEJ","ignoreList":[]}

package/dist/esm/fields/Signature/index.native.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Signature as FormsSignature } from "@multiplatform.one/forms";
+import { EraserIcon } from "@phosphor-icons/react";
+import { useProps } from "tamagui";
+function Signature(props) {
+  var {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    width,
+    height,
+    penColor,
+    backgroundColor,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */_jsx(FormsSignature, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    width,
+    height,
+    penColor,
+    backgroundColor,
+    clearIcon: /* @__PURE__ */_jsx(EraserIcon, {
+      size: 16
+    })
+  });
+}
+export { Signature };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/Signature/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Signature","FormsSignature","EraserIcon","useProps","props","defaultValue","form","mode","_mode","name","onBlur","onChange","preserveValue","_preserveValue","validators","disabled","value","width","height","penColor","backgroundColor","fieldProps","label","labelProps","error","helperText","required","id","size","clearIcon"],"sources":["../../../../src/fields/Signature/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAa,mBAAsB;AAC5C,SAASC,SAAA,IAAAC,cAAkB;AAE3B,SAASC,UAAA,QAAgB;AAgFR,SAAAC,QAAA;AA3CV,SAASH,UAGdI,KAAA,EAAqC;EACrC;IAAMC,YAAA;IAAAC,IAAA;IAAAC,IAAA,EAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,aAAA,EAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,eAAA;IAAA,GAAAC;EAAA,IAAAlB,QAAA,CAAAC,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,cAAA;IACAQ,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAiB,KAAA,EAAAD,UAAA,CAAAC,KAAA;IACAC,UAAA,EAAAF,UAAe,CAAAE,UAAA;IACfC,KAAA,EAAAH,UAAA,CAAAG,KAAA;IACAC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,QAAA,EAAAL,UAAA,CAAAK,QAAA;IACAC,EAAA,EAAAN,UAAA,CAAAM,EAAA;IACAC,IAAA,EAAAP,UAAA,CAAAO,IAAA;IACAZ,KAAA;IACAL,QAAA;IACAD,MAAG;IACLK,QAAI;IAEJE,KACE;IAACC,MAAA;IAAAC,QAAA;IAAAC,eACC;IAAAS,SACA,iBAAA9B,IAAA,CAAAG,UAAA;MACA0B,IAAA;IAAA;EACA;AACkB;AACK,SACL5B,SAClB","ignoreList":[]}

package/dist/esm/fields/Slider/index.mjs

@@ -0,0 +1,45 @@
+import { Slider as FormsSlider } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function SliderField(props) {
+  const {
+    sliderProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    min,
+    max,
+    step,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */jsx(FormsSlider, {
+    name,
+    form,
+    validators,
+    defaultValue: defaultValue != null ? [defaultValue] : void 0,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value: value != null ? [value] : void 0,
+    onValueChange: values => onChange?.(values[0]),
+    onBlur,
+    disabled,
+    min,
+    max,
+    step,
+    sliderProps
+  });
+}
+export { SliderField };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/Slider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Slider","FormsSlider","useProps","jsx","SliderField","props","sliderProps","defaultValue","form","_mode","name","onBlur","onChange","_preserveValue","validators","disabled","value","min","max","step","fieldProps","label","labelProps","error","helperText","required","id","size","onValueChange","values"],"sources":["../../../../src/fields/Slider/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,IAAUC,WAAA,QAAmB;AAEtC,SAASC,QAAA,QAAgB;AA2DrB,SAAAC,GAAA;AAvBG,SAASC,YAGdC,KAAA,EAAuC;EACvC,MAAM;IACJC,WAAA;IACAC,YAAA;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACAC,GAAA;IACAC,GAAA;IACAC,IAAA;IACA,GAAGC;EACL,IAAIlB,QAAA,CAASG,KAAK;EAElB,OACE,eAAAF,GAAA,CAACF,WAAA;IACCS,IAAA;IACAF,IAAA;IACAM,UAAA;IACAP,YAAA,EAAcA,YAAA,IAAgB,OAAO,CAACA,YAAsB,IAAI;IAChEc,KAAA,EAAOD,UAAA,CAAWC,KAAA;IAClBC,UAAA,EAAYF,UAAA,CAAWE,UAAA;IACvBC,KAAA,EAAOH,UAAA,CAAWG,KAAA;IAClBC,UAAA,EAAYJ,UAAA,CAAWI,UAAA;IACvBC,QAAA,EAAUL,UAAA,CAAWK,QAAA;IACrBC,EAAA,EAAIN,UAAA,CAAWM,EAAA;IACfC,IAAA,EAAMP,UAAA,CAAWO,IAAA;IACjBX,KAAA,EAAOA,KAAA,IAAS,OAAO,CAACA,KAAK,IAAI;IACjCY,aAAA,EAAgBC,MAAA,IAAWjB,QAAA,GAAWiB,MAAA,CAAO,CAAC,CAAC;IAC/ClB,MAAA;IACAI,QAAA;IACAE,GAAA;IACAC,GAAA;IACAC,IAAA;IACAb;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/fields/Slider/index.native.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slider as FormsSlider } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+function SliderField(props) {
+  var {
+    sliderProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    min,
+    max,
+    step,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */_jsx(FormsSlider, {
+    name,
+    form,
+    validators,
+    defaultValue: defaultValue != null ? [defaultValue] : void 0,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value: value != null ? [value] : void 0,
+    onValueChange: function onValueChange(values) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(values[0]);
+    },
+    onBlur,
+    disabled,
+    min,
+    max,
+    step,
+    sliderProps
+  });
+}
+export { SliderField };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/Slider/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Slider","FormsSlider","useProps","SliderField","props","sliderProps","defaultValue","form","_mode","name","onBlur","onChange","_preserveValue","validators","disabled","value","min","max","step","fieldProps","label","labelProps","error","helperText","required","id","size","onValueChange","values"],"sources":["../../../../src/fields/Slider/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAU,2BAAmB;AAEtC,SAASC,MAAA,IAAAC,WAAgB;AA2DrB,SAAAC,QAAA;AAvBG,SAASC,YAGdC,KAAA,EAAuC;EACvC;IAAMC,WAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,IAAA;IAAA,GAAAC;EAAA,IAAAjB,QAAA,CAAAE,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,WAAA;IACAQ,IAAA;IACAF,IAAA;IACAM,UAAA;IACAP,YAAA,EAAAA,YAAA,YACAA,YAAA,CACA;IACAc,KAAA,EAAAD,UAAA,CAAAC,KAAA;IACAC,UAAA,EAAAF,UAAA,CAAAE,UAAA;IACAC,KAAA,EAAAH,UAAA,CAAAG,KAAA;IACAC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,QAAA,EAAAL,UAAA,CAAAK,QAAA;IACAC,EAAA,EAAAN,UAAA,CAAAM,EAAA;IACAC,IAAA,EAAAP,UAAA,CAAAO,IAAA;IACAX,KAAG,EAAAA,KAAA,YACDA,KAAA,CAEJ,QACE;IAACY,aAAA,WAAAA,cAAAC,MAAA;MAAA,OAAAjB,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAiB,MAAA;IAAA;IACClB,MACA;IAAAI,QACA;IAAAE,GACA;IAAgEC,GAChE;IAAkBC,IAClB;IAAuBb;EACL;AACK;AACF,SACNF,WACT","ignoreList":[]}

package/dist/esm/fields/SmallText/index.mjs

@@ -0,0 +1,44 @@
+import { Input as FormsInput } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function SmallText(props) {
+  const {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    placeholder,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    maxLength,
+    textAreaProps,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */jsx(FormsInput, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChangeText: onChange,
+    onBlur,
+    placeholder,
+    disabled,
+    multiline: true,
+    maxLength,
+    inputProps: textAreaProps
+  });
+}
+export { SmallText };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/SmallText/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Input","FormsInput","useProps","jsx","SmallText","props","defaultValue","form","_mode","name","onBlur","onChange","placeholder","_preserveValue","validators","disabled","value","maxLength","textAreaProps","fieldProps","label","labelProps","error","helperText","required","id","size","onChangeText","multiline","inputProps"],"sources":["../../../../src/fields/SmallText/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,IAASC,UAAA,QAAkB;AAEpC,SAASC,QAAA,QAAgB;AAyDrB,SAAAC,GAAA;AAtBG,SAASC,UAGdC,KAAA,EAAqC;EACrC,MAAM;IACJC,YAAA;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,WAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACAC,SAAA;IACAC,aAAA;IACA,GAAGC;EACL,IAAIjB,QAAA,CAASG,KAAK;EAElB,OACE,eAAAF,GAAA,CAACF,UAAA;IACCQ,IAAA;IACAF,IAAA;IACAO,UAAA;IACAR,YAAA;IACAc,KAAA,EAAOD,UAAA,CAAWC,KAAA;IAClBC,UAAA,EAAYF,UAAA,CAAWE,UAAA;IACvBC,KAAA,EAAOH,UAAA,CAAWG,KAAA;IAClBC,UAAA,EAAYJ,UAAA,CAAWI,UAAA;IACvBC,QAAA,EAAUL,UAAA,CAAWK,QAAA;IACrBC,EAAA,EAAIN,UAAA,CAAWM,EAAA;IACfC,IAAA,EAAMP,UAAA,CAAWO,IAAA;IACjBV,KAAA;IACAW,YAAA,EAAchB,QAAA;IACdD,MAAA;IACAE,WAAA;IACAG,QAAA;IACAa,SAAA,EAAS;IACTX,SAAA;IACAY,UAAA,EAAYX;EAAA,CACd;AAEJ","ignoreList":[]}

package/dist/esm/fields/SmallText/index.native.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as FormsInput } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+function SmallText(props) {
+  var {
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    placeholder,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    maxLength,
+    textAreaProps,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */_jsx(FormsInput, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChangeText: onChange,
+    onBlur,
+    placeholder,
+    disabled,
+    multiline: true,
+    maxLength,
+    inputProps: textAreaProps
+  });
+}
+export { SmallText };
+//# sourceMappingURL=index.native.js.map