@multiplatform.one/frappe-ui 6.0.0

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

@@ -0,0 +1,110 @@
+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 { Data } from "./index.native.js";
+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) {
+  var [value, setValue] = useState(props.value || "");
+  return /* @__PURE__ */_jsx(Data, {
+    ...props,
+    value,
+    onChange: function onChange(v) {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+var Default = function Default2(args) {
+  return /* @__PURE__ */_jsx(ControlledData, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Name",
+  placeholder: "Enter your name",
+  type: "data"
+};
+Default.storyName = "Main";
+var AllStates = function AllStates2() {
+  return /* @__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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","YStack","Data","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","Default2","args"],"sources":["../../../../src/fields/Data/Data.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,QAA4B;AAgCjC,SAAAC,IAAA,QAoBF;AAlDF,IAAOC,oBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWH,IAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MAEFC,WAAA;QACFL,SAAA;MACF;IACA;EAAU;EACFM,QACJ;IAASH,IACT;MACAI,OAAA,UAAa;MACfC,OAAA,GACA,MAAS,EACT,YAAe,EACf,WAAY,EACZ,aAAY,CACZ;MACAH,WAAS;IACX;IACFI,KAAA;MAEAF,OAAS;MACPF,WAAc;IACd;IACGK,WAAA;MAAAH,OAAA;MACEF,WAAG;IAAA;IACJM,QACA;MACEJ,OAAA,WAAU;MACVF,WAAO;IAAa;IACtBO,QAAA;MACFL,OAAA;MAEJF,WAAA;IAEO;IACPQ,SAAQ,EAAO;MACbN,OAAO;MACPF,WAAa;IACb;IACFS,KAAA;MAEAP,OAAQ,QAAY;MACPF,WAAA,EAAY;IAErB;EACA;AAA6D;AACU,SACvEU,cAACA,CAAAC,KAAA;EACD,KAAAC,KAAA,EAAAC,QAAC,IAAAvB,QAAA,CAAAqB,KAAe,CAAAC,KAAA,IAAM;EACtB,sBAAA1B,IAAA,CAAAM,IAAA;IAAC,GAAAmB,KAAA;IAAAC,KAAA;IAAAE,QACC,EAAM,SAAAA,SAAAC,CAAA;MACNF,QAAA,CAAAE,CAAA,CAAW;MACX1B,MAAA,CAAM,YAAA0B,CAAA;IAAA;EACR;AAAA;AAGJ,IAAAC,OAAU,YAAaC,SAAAC,IAAA;EACrB,OAAM,eAAAhC,IAAA,CAAAwB,cAAA;IACJ,GAAAQ;EAAa;AACJ;AACTF,OACF,CAAAE,IAAA;EACFd,KAAA","ignoreList":[]}

package/dist/esm/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/esm/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/esm/fields/Data/index.native.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Input","FormsInput","useProps","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,GAAA,IAAAC,IAAS,2BAAkB;AAEpC,SAASC,KAAA,IAAAC,UAAgB;AA4DrB,SAAAC,QAAA;AAxBG,SAASC,KAGdC,KAAA,EAAgC;EAChC;IAAMC,YAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,SAAA;IAAA,GAAAC;EAAA,IAAAjB,QAAA,CAAAE,KAAA;EAAA,IACJgB,WAAA,GAAAH,IAAA,oBAAAA,IAAA,sBAAAA,IAAA;EAAA,OACA,eAAAlB,IAAA,CAAAE,UAAA;IACAQ,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAgB,KAAA,EAAAF,UAAA,CAAAE,KAAA;IACAC,UAAA,EAAAH,UAAA,CAAAG,UAAA;IACAC,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAA,EAAAL,UAAA,CAAAK,UAAA;IACAC,QAAA,EAAAN,UAAA,CAAAM,QAAA;IACAC,EAAA,EAAAP,UAAA,CAAAO,EAAA;IACAC,IAAA,EAAAR,UAAO,CAAAQ,IAAA;IACPX,KAAA;IACAY,YAAG,EAAAjB,QAAA;IACLD,MAAI;IACJE,WAAM;IAENG,QACE;IAACc,SAAA,EAAAT,WAAA;IAAAF,SAAA,EAAAA,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAE,WAAA;IAAAb;EACC;AACA;AACA,SACAJ,IACA","ignoreList":[]}

package/dist/esm/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

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

@@ -0,0 +1 @@
+{"version":3,"names":["action","useState","YStack","Date","jsx","jsxs","Date_stories_default","title","component","parameters","status","type","docs","description","argTypes","control","options","label","disabled","required","error","ControlledDate","props","value","setValue","onChange","v","Default","args","storyName","DateType","DatetimeType","story","TimeType","Required","WithError","Disabled","AllTypes","gap","width","children","AllStates","EventSchedulingExample"],"sources":["../../../../src/fields/Date/Date.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,229 @@
+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 { Date } from "./index.native.js";
+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) {
+  var [value, setValue] = useState(props.value || "");
+  return /* @__PURE__ */_jsx(Date, {
+    ...props,
+    value,
+    onChange: function onChange(v) {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+var Default = function Default2(args) {
+  return /* @__PURE__ */_jsx(ControlledDate, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Date",
+  type: "date"
+};
+Default.storyName = "Main";
+var DateType = function DateType2(args) {
+  return /* @__PURE__ */_jsx(ControlledDate, {
+    ...args
+  });
+};
+DateType.args = {
+  label: "Birth Date",
+  type: "date",
+  value: "2000-01-15"
+};
+var DatetimeType = function DatetimeType2(args) {
+  return /* @__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."
+    }
+  }
+};
+var TimeType = function TimeType2(args) {
+  return /* @__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."
+    }
+  }
+};
+var Required = function Required2(args) {
+  return /* @__PURE__ */_jsx(ControlledDate, {
+    ...args
+  });
+};
+Required.args = {
+  label: "Start Date",
+  type: "date",
+  required: true
+};
+var WithError = function WithError2(args) {
+  return /* @__PURE__ */_jsx(ControlledDate, {
+    ...args
+  });
+};
+WithError.args = {
+  label: "End Date",
+  type: "date",
+  error: "End date must be after start date"
+};
+var Disabled = function Disabled2(args) {
+  return /* @__PURE__ */_jsx(ControlledDate, {
+    ...args
+  });
+};
+Disabled.args = {
+  label: "Created On",
+  type: "datetime",
+  value: "2026-01-01T10:00",
+  disabled: true
+};
+var AllTypes = function AllTypes2() {
+  return /* @__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."
+    }
+  }
+};
+var AllStates = function AllStates2() {
+  return /* @__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."
+    }
+  }
+};
+var EventSchedulingExample = function EventSchedulingExample2() {
+  return /* @__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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","YStack","Date","Date_stories_default","title","component","parameters","status","type","docs","description","argTypes","control","options","label","disabled","required","error","ControlledDate","props","value","setValue","onChange","v","Default","Default2","args","storyName","DateType","DateType2","DatetimeType","DatetimeType2","story","TimeType","TimeType2","Required","Required2","WithError","WithError2","Disabled","Disabled2"],"sources":["../../../../src/fields/Date/Date.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}