@multiplatform.one/frappe-ui 6.0.0

package/dist/jsx/fields/Color/index.native.js

@@ -0,0 +1,73 @@
+"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 Color_exports = {};
+__export(Color_exports, {
+  Color: () => Color
+});
+module.exports = __toCommonJS(Color_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function Color(props) {
+  var {
+    defaultValue,
+    form,
+    mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue,
+    validators,
+    disabled,
+    value,
+    placeholder = "#000000",
+    _showPresets = true,
+    presetColors,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.ColorPicker, {
+    name,
+    form,
+    validators,
+    value,
+    onValueChange: onChange,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    disabled,
+    placeholder,
+    format: "hex",
+    presetColors,
+    onBlur,
+    mode,
+    preserveValue
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/Color/index.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","Color_exports","Color","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","defaultValue","form","mode","onBlur","onChange","preserveValue","validators","disabled","placeholder","_showPresets","presetColors","fieldProps","useProps","jsx","ColorPicker","onValueChange","label","labelProps","error","helperText","required","id","size","format"],"sources":["../../../../src/fields/Color/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AAyDrB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAtBG,IAAAC,iBAGL,GAAiCJ,MAAA,CAAAK,mBAAA;AACjC,IAAAC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACJC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACA,IAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAA,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;EACA,OACAE,EAAA;AAAc;AACC,IACfM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,aAAG;AAAAhB,QACD,CAAAgB,aAAc;EAElBC,KAAA,EACEA,CAAA,KAAAA;AAAA;AAACC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,aAAA;AAAA,IAAAI,kBACC,GAAAC,OAAA;AAAA,IAAAC,YACA,GAAAD,OAAA;AAAA,IAAAE,cACA,GAAAF,OAAA;AAAA,SACAJ,MAAAO,KAAA;EAAA,IACA;IAAAC,YAAA;IAAeC,IAAA;IAAAC,IAAA;IAAAxB,IAAA;IAAAyB,MAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAjB,KAAA;IAAAkB,WAAA;IAAAC,YAAA;IAAAC,YAAA;IAAA,GAAAC;EAAA,QAAAb,cAAA,CAAAc,QAAA,EAAAb,KAAA;EAAA,OACf,mBAAAJ,kBAAA,CAAAkB,GAAA,EAAAhB,YAAA,CAAAiB,WAAA;IAAApC,IACA;IAAkBuB,IAClB;IAAuBK,UAChB;IAAWhB,KAClB;IAAuByB,aACb,EAAAX,QAAW;IAAAJ,YACjB;IAAWgB,KACf,EAAAL,UAAM,CAAAK,KAAW;IAAAC,UACjB,EAAAN,UAAA,CAAAM,UAAA;IAAAC,KACA,EAAAP,UAAA,CAAAO,KAAA;IAAAC,UACO,EAAAR,UAAA,CAAAQ,UAAA;IAAAC,QACP,EAAAT,UAAA,CAAAS,QAAA;IAAAC,EACA,EAAAV,UAAA,CAAAU,EAAA;IAAAC,IACA,EAAAX,UAAA,CAAAW,IAAA;IAAAf,QACA;IAAAC,WAAA;IACFe,MAAA;IAEJb,YAAA","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Data } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Data_stories_default = {
+  title: "FrappeUI/Data",
+  component: Data,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A text input field for Frappe Data, Small Text, Long Text, and Text Editor field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["data", "small_text", "long_text", "text_editor"],
+      description: "The type of text field to render"
+    },
+    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"
+    },
+    maxLength: {
+      control: "number",
+      description: "Maximum character length"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledData(props) {
+  const [value, setValue] = useState(props.value || "");
+  return /* @__PURE__ */jsx(Data, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */jsx(ControlledData, {
+  ...args
+});
+Default.args = {
+  label: "Name",
+  placeholder: "Enter your name",
+  type: "data"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledData, {
+    label: "Default",
+    placeholder: "Enter text"
+  }), /* @__PURE__ */jsx(ControlledData, {
+    label: "With Value",
+    value: "Some entered text"
+  }), /* @__PURE__ */jsx(ControlledData, {
+    label: "Required Field",
+    required: true,
+    placeholder: "Required"
+  }), /* @__PURE__ */jsx(ControlledData, {
+    label: "With Error",
+    value: "invalid",
+    error: "This value is not valid"
+  }), /* @__PURE__ */jsx(ControlledData, {
+    label: "Disabled",
+    value: "Cannot edit",
+    disabled: true
+  }), /* @__PURE__ */jsx(ControlledData, {
+    label: "With Character Limit",
+    maxLength: 100,
+    value: "Some text with character counting"
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the DataField component."
+    }
+  }
+};
+export { AllStates, Default, Data_stories_default as default };
+//# sourceMappingURL=Data.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["action","useState","YStack","Data","jsx","jsxs","Data_stories_default","title","component","parameters","status","type","docs","description","argTypes","control","options","label","placeholder","disabled","required","maxLength","error","ControlledData","props","value","setValue","onChange","v","Default","args","storyName","AllStates","gap","width","children","story"],"sources":["../../../../src/fields/Data/Data.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,IAAA,QAA4B;AAgCjC,SAAAC,GAAA,EAoBFC,IAAA,QApBE;AA9BJ,IAAOC,oBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWL,IAAA;EACXM,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;IACzBC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXL,SAAA,EACE;MACJ;IACF;EACF;EACAM,QAAA,EAAU;IACRH,IAAA,EAAM;MACJI,OAAA,EAAS;MACTC,OAAA,EAAS,CAAC,QAAQ,cAAc,aAAa,aAAa;MAC1DH,WAAA,EAAa;IACf;IACAI,KAAA,EAAO;MAAEF,OAAA,EAAS;MAAQF,WAAA,EAAa;IAAc;IACrDK,WAAA,EAAa;MAAEH,OAAA,EAAS;MAAQF,WAAA,EAAa;IAAmB;IAChEM,QAAA,EAAU;MAAEJ,OAAA,EAAS;MAAWF,WAAA,EAAa;IAAoB;IACjEO,QAAA,EAAU;MAAEL,OAAA,EAAS;MAAWF,WAAA,EAAa;IAAmB;IAChEQ,SAAA,EAAW;MAAEN,OAAA,EAAS;MAAUF,WAAA,EAAa;IAA2B;IACxES,KAAA,EAAO;MAAEP,OAAA,EAAS;MAAQF,WAAA,EAAa;IAA2B;EACpE;AACF;AAEA,SAASU,eAAeC,KAAA,EAAoC;EAC1D,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIzB,QAAA,CAASuB,KAAA,CAAMC,KAAA,IAAS,EAAE;EACpD,OACE,eAAArB,GAAA,CAACD,IAAA;IACE,GAAGqB,KAAA;IACJC,KAAA;IACAE,QAAA,EAAWC,CAAA,IAAM;MACfF,QAAA,CAASE,CAAC;MACV5B,MAAA,CAAO,UAAU,EAAE4B,CAAC;IACtB;EAAA,CACF;AAEJ;AAEO,MAAMC,OAAA,GAAWC,IAAA,IAAoB,eAAA1B,GAAA,CAACmB,cAAA;EAAgB,GAAGO;AAAA,CAAM;AACtED,OAAA,CAAQC,IAAA,GAAO;EACbb,KAAA,EAAO;EACPC,WAAA,EAAa;EACbP,IAAA,EAAM;AACR;AAEAkB,OAAA,CAAQE,SAAA,GAAY;AACb,MAAMC,SAAA,GAAYA,CAAA,KACvB,eAAA3B,IAAA,CAACH,MAAA;EAAO+B,GAAA,EAAI;EAAKC,KAAA,EAAO;EACtBC,QAAA,kBAAA/B,GAAA,CAACmB,cAAA;IAAeN,KAAA,EAAM;IAAUC,WAAA,EAAY;EAAA,CAAa,GACzD,eAAAd,GAAA,CAACmB,cAAA;IAAeN,KAAA,EAAM;IAAaQ,KAAA,EAAM;EAAA,CAAoB,GAC7D,eAAArB,GAAA,CAACmB,cAAA;IAAeN,KAAA,EAAM;IAAiBG,QAAA,EAAQ;IAACF,WAAA,EAAY;EAAA,CAAW,GACvE,eAAAd,GAAA,CAACmB,cAAA;IAAeN,KAAA,EAAM;IAAaQ,KAAA,EAAM;IAAUH,KAAA,EAAM;EAAA,CAA0B,GACnF,eAAAlB,GAAA,CAACmB,cAAA;IAAeN,KAAA,EAAM;IAAWQ,KAAA,EAAM;IAAcN,QAAA,EAAQ;EAAA,CAAC,GAC9D,eAAAf,GAAA,CAACmB,cAAA;IACCN,KAAA,EAAM;IACNI,SAAA,EAAW;IACXI,KAAA,EAAM;EAAA,CACR;AAAA,CACF;AAEFO,SAAA,CAAUvB,UAAA,GAAa;EACrBG,IAAA,EAAM;IACJC,WAAA,EAAa;MACXuB,KAAA,EAAO;IACT;EACF;AACF","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+"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 Data_stories_exports = {};
+__export(Data_stories_exports, {
+  AllStates: () => AllStates,
+  Default: () => Default,
+  default: () => Data_stories_default
+});
+module.exports = __toCommonJS(Data_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import__ = require("./index.native.js");
+var Data_stories_default = {
+  title: "FrappeUI/Data",
+  component: import__.Data,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A text input field for Frappe Data, Small Text, Long Text, and Text Editor field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["data", "small_text", "long_text", "text_editor"],
+      description: "The type of text field to render"
+    },
+    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"
+    },
+    maxLength: {
+      control: "number",
+      description: "Maximum character length"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledData(props) {
+  var [value, setValue] = (0, import_react.useState)(props.value || "");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Data, {
+    ...props,
+    value,
+    onChange: function onChange(v) {
+      setValue(v);
+      (0, import_storybook.action)("onChange")(v);
+    }
+  });
+}
+var Default = function Default2(args) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Name",
+  placeholder: "Enter your name",
+  type: "data"
+};
+Default.storyName = "Main";
+var AllStates = function AllStates2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+      label: "Default",
+      placeholder: "Enter text"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+      label: "With Value",
+      value: "Some entered text"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+      label: "Required Field",
+      required: true,
+      placeholder: "Required"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+      label: "With Error",
+      value: "invalid",
+      error: "This value is not valid"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+      label: "Disabled",
+      value: "Cannot edit",
+      disabled: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledData, {
+      label: "With Character Limit",
+      maxLength: 100,
+      value: "Some text with character counting"
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the DataField component."
+    }
+  }
+};
+//# sourceMappingURL=Data.stories.native.js.map

package/dist/jsx/fields/Data/Data.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","Data_stories_exports","AllStates","Default","default","Data_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_tamagui","import__","title","component","Data","parameters","status","type","docs","description","argTypes","control","options","label","placeholder","disabled","required","maxLength"],"sources":["../../../../src/fields/Data/Data.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AACzB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAqC,GAAAJ,MAAA,CAAAK,mBAAA;AAgCjC,IAAAC,YAoBF,GAAAN,MAAA,CApBEO,SAAA,CAAAC,cAAA;AA9BJ,IAAOC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAQ;EACb,SAAOC,IAAA,IAAAD,GAAA,EACPZ,SAAW,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACC,IACVC,WAAU,GAAAA,CAAAC,EAAM,EAAAC,IAAA,EAASC,MAAA,EAAAC,IAAA;EAAA,IACzBF,IAAM,WAAAA,IAAA,wBAAAA,IAAA;IAAA,KACJ,IAAAG,GAAA,IAAahB,iBAAA,CAAAa,IAAA,OACX,CAAAX,YACE,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACJnB,SAAA,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;EAEJ,OAAAE,EAAA;AAAA;AACU,IACRM,YAAM,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,oBACK;AAAAhB,QACT,CAAAgB,oBAAkB;EAAwCC,SAC1D,EAAAA,CAAA,KAAaA,SAAA;EAAAC,OACf,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OACA,EAAOA,CAAA,KAAEC;AAA4C;AACWC,MAChE,CAAAC,OAAU,GAAET,YAAS,CAAAG,oBAAwB;AAAoB,IACjEO,kBAAY,GAASC,OAAA,oBAAwB;AAAmB,IAChEC,gBAAa,GAAAD,OAAS,+BAAuB;AAA2B,IACxEE,YAAS,GAAAF,OAAS,QAAQ;AAAwC,IACpEG,cAAA,GAAAH,OAAA;AACF,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAAJ,oBAAwB;EACtBS,KAAA,EAAO,eAAe;EACtBC,SACE,EAAAF,QAAA,CAAAG,IAAA;EAAAC,UAAC;IAAAC,MAAA;MACEC,IAAG;IAAA;IACJC,IACA;MACEC,WAAS,EAAC;QACVN,SAAO;MACT;IAAA;EACF;EAEJO,QAAA;IAEOH,IAAM;MACbI,OAAQ,EAAO;MACbC,OAAO,GACP,QACM,cACR,aAEQ,aAAY,CACP;MAETH,WAAA;IACA;IACAI,KAAA;MACAF,OAAA;MACAF,WAAA;IACA;IAACK,WAAA;MAAAH,OAAA;MACCF,WAAM;IAAA;IACKM,QACX,EAAM;MAAAJ,OAAA;MACRF,WAAA;IACF;IAEFO,QAAU;MACRL,OAAM;MACJF,WAAa;IAAA;IAEbQ,SAAA;MACFN,OAAA;MACFF,WAAA","ignoreList":[]}

package/dist/jsx/fields/Data/index.mjs

@@ -0,0 +1,46 @@
+import { Input as FormsInput } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function Data(props) {
+  const {
+    defaultValue,
+    form,
+    inputProps,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    placeholder,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    type = "data",
+    maxLength,
+    ...fieldProps
+  } = useProps(props);
+  const isMultiline = type === "long_text" || type === "text_editor" || type === "small_text";
+  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: isMultiline,
+    maxLength: maxLength ?? (isMultiline ? void 0 : 140),
+    inputProps
+  });
+}
+export { Data };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/fields/Data/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Input","FormsInput","useProps","jsx","Data","props","defaultValue","form","inputProps","_mode","name","onBlur","onChange","placeholder","_preserveValue","validators","disabled","value","type","maxLength","fieldProps","isMultiline","label","labelProps","error","helperText","required","id","size","onChangeText","multiline"],"sources":["../../../../src/fields/Data/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,IAASC,UAAA,QAAkB;AAEpC,SAASC,QAAA,QAAgB;AA4DrB,SAAAC,GAAA;AAxBG,SAASC,KAGdC,KAAA,EAAgC;EAChC,MAAM;IACJC,YAAA;IACAC,IAAA;IACAC,UAAA;IACAC,KAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,WAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACAC,IAAA,GAAO;IACPC,SAAA;IACA,GAAGC;EACL,IAAIlB,QAAA,CAASG,KAAK;EAClB,MAAMgB,WAAA,GAAcH,IAAA,KAAS,eAAeA,IAAA,KAAS,iBAAiBA,IAAA,KAAS;EAE/E,OACE,eAAAf,GAAA,CAACF,UAAA;IACCS,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAgB,KAAA,EAAOF,UAAA,CAAWE,KAAA;IAClBC,UAAA,EAAYH,UAAA,CAAWG,UAAA;IACvBC,KAAA,EAAOJ,UAAA,CAAWI,KAAA;IAClBC,UAAA,EAAYL,UAAA,CAAWK,UAAA;IACvBC,QAAA,EAAUN,UAAA,CAAWM,QAAA;IACrBC,EAAA,EAAIP,UAAA,CAAWO,EAAA;IACfC,IAAA,EAAMR,UAAA,CAAWQ,IAAA;IACjBX,KAAA;IACAY,YAAA,EAAcjB,QAAA;IACdD,MAAA;IACAE,WAAA;IACAG,QAAA;IACAc,SAAA,EAAWT,WAAA;IACXF,SAAA,EAAWA,SAAA,KAAcE,WAAA,GAAc,SAAY;IACnDb;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/fields/Data/index.native.js

@@ -0,0 +1,74 @@
+"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 Data_exports = {};
+__export(Data_exports, {
+  Data: () => Data
+});
+module.exports = __toCommonJS(Data_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function Data(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    placeholder,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    type = "data",
+    maxLength,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  var isMultiline = type === "long_text" || type === "text_editor" || type === "small_text";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+    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: isMultiline,
+    maxLength: maxLength !== null && maxLength !== void 0 ? maxLength : isMultiline ? void 0 : 140,
+    inputProps
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/Data/index.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","Data_exports","Data","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","defaultValue","form","inputProps","_mode","onBlur","onChange","placeholder","_preserveValue","validators","disabled","type","maxLength","fieldProps","useProps","isMultiline","jsx","Input","label","labelProps","error","helperText","required","id","size","onChangeText","multiline"],"sources":["../../../../src/fields/Data/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AA4DrB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAxBG,IAAAC,iBAG2B,GAAAJ,MAAA,CAAAK,mBAAA;AAChC,IAAAC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACJC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACA,IAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAA,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;EACA,OACAE,EAAA;AAAA;AACA,IACAM,YAAO,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACPE,YAAA;AAAAhB,QACG,CAAAgB,YAAA;EACLC,IAAI,EAAAA,CAAA,KAAAA;AACJ;AAEAC,MAAA,CAAAC,OACE,GAAAN,YAAA,CAAAG,YAAA;AAAA,IAACI,kBAAA,GAAAC,OAAA;AAAA,IAAAC,YAAA,GAAAD,OAAA;AAAA,IAAAE,cACC,GAAAF,OAAA;AAAA,SACAJ,KAAAO,KAAA;EAAA,IACA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAzB,IAAA;IAAA0B,MAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAnB,KAAA;IAAAoB,IAAA;IAAAC,SAAA;IAAA,GAAAC;EAAA,QAAAd,cAAA,CAAAe,QAAA,EAAAd,KAAA;EAAA,IACAe,WAAA,GAAAJ,IAAA,oBAAAA,IAAA,sBAAAA,IAAA;EAAA,OACA,eAAkB,IAAAf,kBAAA,CAAAoB,GAAA,EAAAlB,YAAA,CAAAmB,KAAA;IAAAtC,IAClB;IAAuBuB,IACvB;IAAkBO,UAClB;IAAuBR,YACb;IAAWiB,KACrB,EAAIL,UAAW,CAAAK,KAAA;IAAAC,UACT,EAAAN,UAAW,CAAAM,UAAA;IAAAC,KACjB,EAAAP,UAAA,CAAAO,KAAA;IAAAC,UACA,EAAAR,UAAc,CAAAQ,UAAA;IAAAC,QACd,EAAAT,UAAA,CAAAS,QAAA;IAAAC,EACA,EAAAV,UAAA,CAAAU,EAAA;IAAAC,IACA,EAAAX,UAAA,CAAAW,IAAA;IAAAjC,KACA;IAAWkC,YACX,EAAWnB,QAAA;IAAwCD,MACnD;IAAAE,WAAA;IACFG,QAAA;IAEJgB,SAAA,EAAAX,WAAA","ignoreList":[]}

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

@@ -0,0 +1,209 @@
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Date } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Date_stories_default = {
+  title: "FrappeUI/Date",
+  component: Date,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A date/datetime/time picker field for Frappe Date, Datetime, and Time field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["date", "datetime", "time"],
+      description: "The type of date field to render"
+    },
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledDate(props) {
+  const [value, setValue] = useState(props.value || "");
+  return /* @__PURE__ */jsx(Date, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+Default.args = {
+  label: "Date",
+  type: "date"
+};
+Default.storyName = "Main";
+const DateType = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+DateType.args = {
+  label: "Birth Date",
+  type: "date",
+  value: "2000-01-15"
+};
+const DatetimeType = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+DatetimeType.args = {
+  label: "Meeting Start",
+  type: "datetime",
+  value: "2026-01-24T14:30"
+};
+DatetimeType.parameters = {
+  docs: {
+    description: {
+      story: "Datetime type includes both date and time selection."
+    }
+  }
+};
+const TimeType = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+TimeType.args = {
+  label: "Daily Reminder",
+  type: "time",
+  value: "09:00"
+};
+TimeType.parameters = {
+  docs: {
+    description: {
+      story: "Time type for time-only input."
+    }
+  }
+};
+const Required = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+Required.args = {
+  label: "Start Date",
+  type: "date",
+  required: true
+};
+const WithError = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+WithError.args = {
+  label: "End Date",
+  type: "date",
+  error: "End date must be after start date"
+};
+const Disabled = args => /* @__PURE__ */jsx(ControlledDate, {
+  ...args
+});
+Disabled.args = {
+  label: "Created On",
+  type: "datetime",
+  value: "2026-01-01T10:00",
+  disabled: true
+};
+const AllTypes = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledDate, {
+    label: "Date Only",
+    type: "date",
+    value: "2026-01-24"
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "Date and Time",
+    type: "datetime",
+    value: "2026-01-24T14:30"
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "Time Only",
+    type: "time",
+    value: "14:30"
+  })]
+});
+AllTypes.parameters = {
+  docs: {
+    description: {
+      story: "All three date field types: date, datetime, and time."
+    }
+  }
+};
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledDate, {
+    label: "Default (Empty)",
+    type: "date"
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "With Value",
+    type: "date",
+    value: "2026-06-15"
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "Required",
+    type: "date",
+    required: true
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "With Error",
+    type: "date",
+    error: "Please select a valid date"
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "Disabled",
+    type: "date",
+    value: "2026-01-01",
+    disabled: true
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the DateField component."
+    }
+  }
+};
+const EventSchedulingExample = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledDate, {
+    label: "Event Date",
+    type: "date",
+    value: "2026-02-14",
+    required: true
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "Start Time",
+    type: "time",
+    value: "09:00",
+    required: true
+  }), /* @__PURE__ */jsx(ControlledDate, {
+    label: "End Time",
+    type: "time",
+    value: "17:00",
+    required: true
+  })]
+});
+EventSchedulingExample.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using DateField for event scheduling."
+    }
+  }
+};
+export { AllStates, AllTypes, DateType, DatetimeType, Default, Disabled, EventSchedulingExample, Required, TimeType, WithError, Date_stories_default as default };
+//# sourceMappingURL=Date.stories.mjs.map