@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/Barcode/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Barcode_exports","__export","Barcode","module","exports","import_jsx_runtime","require","import_forms","import_react","import_tamagui","props","defaultValue","form","mode","_mode","name","onBlur","onChange","preserveValue","_preserveValue","validators","disabled","enableScan","formats","_formats","fieldProps","useProps","jsx","label","labelProps","error","helperText","required","id","size","barcodeIcon","BarcodeIcon","scanIcon","CameraIcon","stopIcon","XIcon"],"sources":["../../../../src/fields/Barcode/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAwC,CAAAK,eAAA;AACxC,IAAAK,kBAA+C,GAAAC,OAAA;AAE/C,IAAAC,YAAA,GAAAD,OAAyB;AAwEN,IAAAE,YAAA,GAAAF,OAAA;AAtCZ,IAAAG,cAGL,GAAAH,OAAmC;AACnC,SAAMJ,QAAAQ,KAAA;EAAA,IACJ;IAAAC,YAAA;IAAAC,IAAA;IAAAC,IAAA,EAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,aAAA,EAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAtB,KAAA;IAAAuB,UAAA;IAAAC,OAAA,EAAAC,QAAA;IAAA,GAAAC;EAAA,QAAAhB,cAAA,CAAAiB,QAAA,EAAAhB,KAAA;EAAA,OACA,mBAAAL,kBAAA,CAAAsB,GAAA,EAAApB,YAAA,CAAAL,OAAA;IACAa,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAiB,KAAA,EAAAH,UAAe,CAAAG,KAAA;IACfC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,KAAA,EAAAL,UAAA,CAAAK,KAAA;IACAC,UAAA,EAAAN,UAAA,CAAAM,UAAA;IACAC,QAAA,EAAAP,UAAA,CAAAO,QAAA;IACAC,EAAA,EAAAR,UAAS,CAAAQ,EAAA;IACTC,IAAG,EAAAT,UAAA,CAAAS,IAAA;IACLnC,KAAA;IAEAkB,QACE;IAACD,MAAA;IAAAK,QAAA;IAAAC,UACC;IAAAa,WACA,qBAAA9B,kBAAA,CAAAsB,GAAA,EAAAnB,YAAA,CAAA4B,WAAA;MACAF,IAAA;IAAA,EACA;IAAAG,QACA,EAAO,eAAW,IAAAhC,kBAAA,CAAAsB,GAAA,EAAAnB,YAAA,CAAA8B,UAAA;MAClBJ,IAAA;IAAuB,EACvB;IAAkBK,QAClB,iBAAuB,IAAAlC,kBAAA,CAAAsB,GAAA,EAAAnB,YAAA,CAAAgC,KAAA;MACvBN,IAAA;IAAqB;EACN;AACE","ignoreList":[]}

package/dist/cjs/fields/Check/Check.stories.cjs

@@ -0,0 +1,114 @@
+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 Check_stories_exports = {};
+__export(Check_stories_exports, {
+  AllStates: () => AllStates,
+  Default: () => Default,
+  default: () => Check_stories_default
+});
+module.exports = __toCommonJS(Check_stories_exports);
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import__ = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Check_stories_default = {
+  title: "FrappeUI/Check",
+  component: import__.Check,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A checkbox field for Frappe Check field type (boolean values)."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "boolean",
+      description: "Checked state"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledCheck(props) {
+  const [value, setValue] = (0, import_react.useState)(props.value || false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Check, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      (0, import_storybook.action)("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+  ...args
+});
+Default.args = {
+  label: "Accept Terms"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+    label: "Unchecked (Default)",
+    value: false
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+    label: "Checked",
+    value: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+    label: "With Error",
+    value: false,
+    error: "This field is required"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+    label: "Disabled Unchecked",
+    value: false,
+    disabled: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+    label: "Disabled Checked",
+    value: true,
+    disabled: true
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the CheckField component."
+    }
+  }
+};

package/dist/cjs/fields/Check/Check.stories.native.js

@@ -0,0 +1,121 @@
+"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 Check_stories_exports = {};
+__export(Check_stories_exports, {
+  AllStates: () => AllStates,
+  Default: () => Default,
+  default: () => Check_stories_default
+});
+module.exports = __toCommonJS(Check_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 Check_stories_default = {
+  title: "FrappeUI/Check",
+  component: import__.Check,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A checkbox field for Frappe Check field type (boolean values)."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "boolean",
+      description: "Checked state"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledCheck(props) {
+  var [value, setValue] = (0, import_react.useState)(props.value || false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Check, {
+    ...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)(ControlledCheck, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Accept Terms"
+};
+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)(ControlledCheck, {
+      label: "Unchecked (Default)",
+      value: false
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+      label: "Checked",
+      value: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+      label: "With Error",
+      value: false,
+      error: "This field is required"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+      label: "Disabled Unchecked",
+      value: false,
+      disabled: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledCheck, {
+      label: "Disabled Checked",
+      value: true,
+      disabled: true
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the CheckField component."
+    }
+  }
+};
+//# sourceMappingURL=Check.stories.native.js.map

package/dist/cjs/fields/Check/Check.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Check_stories_exports","__export","AllStates","Default","default","Check_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_tamagui","import__","title","component","Check","parameters","status","type","docs","description","argTypes","label","control","disabled","error","ControlledCheck","props","setValue","useState","jsx","onChange","v","action","Default2","args"],"sources":["../../../../src/fields/Check/Check.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAuB,CAAAK,qBAAA;AACvB,IAAAQ,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,gBAAA,GAAuBD,OAAA;AACvB,IAAAE,YAAuC,GAAAF,OAAA;AAwBnC,IAAAG,cAAA,GAAAH,OAAA;AAtBJ,IAAOI,QAAA,GAAAJ,OAAA;AAAQ,IACbJ,qBAAO;EACPS,KAAA,kBAAW;EACXC,SAAA,EAAAF,QAAY,CAAAG,KAAA;EAAAC,UACF,EAAE;IACVC,MAAM;MACJC,IAAA;IAAa;IACAC,IACb;MACFC,WAAA;QACFN,SAAA;MACA;IACE;EAAqD;EACKO,QAC1D;IACAC,KAAA,EAAO;MACTC,OAAA;MACFH,WAAA;IAEA;IACEtB,KAAO;MACPyB,OACE;MAACH,WAAA;IAAA;IAAAI,QACK;MACJD,OAAA;MACAH,WAAW;IACT;IACAK,KAAA;MACFF,OAAA;MAAAH,WAAA;IACF;EAEJ;AAEO;AACP,SAAQM,eAAOA,CAAAC,KAAA;EACb,KAAA7B,KAAO,EAAA8B,QAAA,QAAAlB,YAAA,CAAAmB,QAAA,EAAAF,KAAA,CAAA7B,KAAA;EACT,0BAAAS,kBAAA,CAAAuB,GAAA,EAAAlB,QAAA,CAAAG,KAAA;IAEA,GAAAY,KAAQ;IACD7B,KAAM;IAETiC,QAAA,WAAAA,SAAAC,CAAA;MACAJ,QAAA,CAAAI,CAAA;MACA,IAAAvB,gBAAA,CAAAwB,MAAA,aAAC,CAAAD,CAAA;IACD;EACA;AAAgE;AAGpE,IAAA9B,OAAU,YAAagC,SAAAC,IAAA;EACrB,OAAM,mBAAA5B,kBAAA,CAAAuB,GAAA,EAAAJ,eAAA;IACJ,GAAAS;EAAa;AACJ;AACTjC,OACF,CAAAiC,IAAA;EACFb,KAAA","ignoreList":[]}

package/dist/cjs/fields/Check/index.cjs

@@ -0,0 +1,64 @@
+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 Check_exports = {};
+__export(Check_exports, {
+  Check: () => Check
+});
+module.exports = __toCommonJS(Check_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Check(props) {
+  const {
+    checkboxProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+    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,
+    checked: value,
+    onCheckedChange: checked => onChange?.(checked === true),
+    onBlur,
+    disabled,
+    checkboxProps
+  });
+}

package/dist/cjs/fields/Check/index.native.js

@@ -0,0 +1,69 @@
+"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 Check_exports = {};
+__export(Check_exports, {
+  Check: () => Check
+});
+module.exports = __toCommonJS(Check_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function Check(props) {
+  var {
+    checkboxProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+    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,
+    checked: value,
+    onCheckedChange: function onCheckedChange(checked) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(checked === true);
+    },
+    onBlur,
+    disabled,
+    checkboxProps
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Check/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Check_exports","__export","Check","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","checkboxProps","defaultValue","form","_mode","name","onBlur","onChange","_preserveValue","validators","disabled","fieldProps","useProps","jsx","Checkbox","label","labelProps","error","helperText","required","id","size","checked","onCheckedChange"],"sources":["../../../../src/fields/Check/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA0C,CAAAK,aAAA;AAE1C,IAAAK,kBAAyB,GAAAC,OAAA;AAqDrB,IAAAC,YAAA,GAAAD,OAAA;AApBG,IAAAE,cAGL,GAAAF,OAAiC;AACjC,SAAMJ,MAAAO,KAAA;EAAA,IACJ;IAAAC,aAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAApB,KAAA;IAAA,GAAAqB;EAAA,QAAAZ,cAAA,CAAAa,QAAA,EAAAZ,KAAA;EAAA,OACA,mBAAAJ,kBAAA,CAAAiB,GAAA,EAAAf,YAAA,CAAAgB,QAAA;IACAT,IAAA;IACAF,IAAA;IACAM,UAAA;IACAP,YAAA;IACAa,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAA,EAAAL,UAAA,CAAAK,UAAA;IACAC,KAAA,EAAAN,UAAA,CAAAM,KAAA;IACAC,UAAA,EAAAP,UAAA,CAAAO,UAAA;IACAC,QAAA,EAAAR,UAAA,CAAAQ,QAAA;IACAC,EAAA,EAAGT,UAAA,CAAAS,EAAA;IACLC,IAAA,EAAIV,UAAA,CAAAU,IAAA;IAEJC,OACE,EAAAhC,KAAA;IAACiC,eAAA,WAAAA,gBAAAD,OAAA;MAAA,OAAAf,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAe,OAAA;IAAA;IACChB,MACA;IAAAI,QACA;IAAAT;EACA;AACkB","ignoreList":[]}

package/dist/cjs/fields/Color/Color.stories.cjs

@@ -0,0 +1,131 @@
+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_stories_exports = {};
+__export(Color_stories_exports, {
+  AllStates: () => AllStates,
+  Default: () => Default,
+  default: () => Color_stories_default
+});
+module.exports = __toCommonJS(Color_stories_exports);
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import__ = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Color_stories_default = {
+  title: "FrappeUI/Color",
+  component: import__.Color,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A color picker field with preset colors and hex input for Frappe Color field type."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "color",
+      description: "Current color value (hex)"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    showPresets: {
+      control: "boolean",
+      description: "Show preset color swatches"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledColor(props) {
+  const [value, setValue] = (0, import_react.useState)(props.value || "");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Color, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      (0, import_storybook.action)("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+  ...args
+});
+Default.args = {
+  label: "Brand Color",
+  placeholder: "#000000"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "Default"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "With Value",
+    value: "#10B981"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "Required",
+    required: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "With Error",
+    value: "invalid",
+    error: "Invalid color"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "Disabled",
+    value: "#F59E0B",
+    disabled: true
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "No Presets",
+    showPresets: false
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+    label: "Custom Presets",
+    presetColors: ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"]
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the ColorField component."
+    }
+  }
+};

package/dist/cjs/fields/Color/Color.stories.native.js

@@ -0,0 +1,138 @@
+"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_stories_exports = {};
+__export(Color_stories_exports, {
+  AllStates: () => AllStates,
+  Default: () => Default,
+  default: () => Color_stories_default
+});
+module.exports = __toCommonJS(Color_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 Color_stories_default = {
+  title: "FrappeUI/Color",
+  component: import__.Color,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A color picker field with preset colors and hex input for Frappe Color field type."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "color",
+      description: "Current color value (hex)"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the field"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark as required"
+    },
+    showPresets: {
+      control: "boolean",
+      description: "Show preset color swatches"
+    },
+    error: {
+      control: "text",
+      description: "Error message to display"
+    }
+  }
+};
+function ControlledColor(props) {
+  var [value, setValue] = (0, import_react.useState)(props.value || "");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.Color, {
+    ...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)(ControlledColor, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Brand Color",
+  placeholder: "#000000"
+};
+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)(ControlledColor, {
+      label: "Default"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+      label: "With Value",
+      value: "#10B981"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+      label: "Required",
+      required: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+      label: "With Error",
+      value: "invalid",
+      error: "Invalid color"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+      label: "Disabled",
+      value: "#F59E0B",
+      disabled: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+      label: "No Presets",
+      showPresets: false
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ControlledColor, {
+      label: "Custom Presets",
+      presetColors: ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"]
+    })]
+  });
+};
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the ColorField component."
+    }
+  }
+};
+//# sourceMappingURL=Color.stories.native.js.map

package/dist/cjs/fields/Color/Color.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Color_stories_exports","__export","AllStates","Default","default","Color_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_tamagui","import__","title","component","Color","parameters","status","type","docs","description","argTypes","label","control","placeholder","disabled","required","showPresets","error","ControlledColor","props","setValue","useState","jsx","onChange","v","action","Default2","args"],"sources":["../../../../src/fields/Color/Color.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAuB,CAAAK,qBAAA;AACvB,IAAAQ,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,gBAAA,GAAuBD,OAAA;AACvB,IAAAE,YAAuC,GAAAF,OAAA;AA4BnC,IAAAG,cAAA,GAAAH,OAAA;AA1BJ,IAAOI,QAAA,GAAAJ,OAAA;AAAQ,IACbJ,qBAAO;EACPS,KAAA,kBAAW;EACXC,SAAA,EAAAF,QAAY,CAAAG,KAAA;EAAAC,UACF,EAAE;IACVC,MAAM;MACJC,IAAA;IAAa;IAETC,IACJ;MACFC,WAAA;QACFN,SAAA;MACA;IACE;EAAqD;EACeO,QACpE;IACAC,KAAA;MACAC,OAAA,EAAU,MAAE;MACZH,WAAa,EAAE;IACf;IACFtB,KAAA;MACFyB,OAAA;MAEAH,WAAS;IACP;IACAI,WACE;MAACD,OAAA;MAAAH,WAAA;IAAA;IACKK,QACJ;MACAF,OAAA,WAAiB;MACfH,WAAS,EAAC;IACV;IAAoBM,QACtB;MAAAH,OAAA;MACFH,WAAA;IAEJ;IAEOO,WAAM,EAAW;MACxBJ,OAAQ,EAAO;MACbH,WAAO;IACP;IACFQ,KAAA;MAEAL,OAAQ,QAAY;MACPH,WAAA,EAAY;IAErB;EACA;AAAoD;AACT,SAC3CS,gBAAAC,KAAA;EACA,KAAAhC,KAAA,EAAAiC,QAAA,QAAArB,YAAA,CAAAsB,QAAC,EAAAF,KAAA,CAAAhC,KAAA,IAAgB;EACjB,0BAAAS,kBAAC,CAAA0B,GAAA,EAAArB,QAAA,CAAAG,KAAgB;IACjB,GAAAe,KAAA;IAAChC,KAAA;IAAAoC,QAAA,WAAAA,SAAAC,CAAA;MACCJ,QAAM,CAAAI,CAAA;MACN,IAAA1B,gBAAe,CAAA2B,MAAW,YAAW,EAAAD,CAAA;IAAoB;EAC3D;AAAA;AAGJ,IAAAjC,OAAU,YAAamC,SAAAC,IAAA;EACrB,OAAM,mBAAA/B,kBAAA,CAAA0B,GAAA,EAAAJ,eAAA;IACJ,GAAAS;EAAa;AACJ;AACTpC,OACF,CAAAoC,IAAA;EACFhB,KAAA","ignoreList":[]}