@multiplatform.one/frappe-ui 6.0.0

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

@@ -0,0 +1,87 @@
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Check } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Check_stories_default = {
+  title: "FrappeUI/Check",
+  component: 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] = useState(props.value || false);
+  return /* @__PURE__ */jsx(Check, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */jsx(ControlledCheck, {
+  ...args
+});
+Default.args = {
+  label: "Accept Terms"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledCheck, {
+    label: "Unchecked (Default)",
+    value: false
+  }), /* @__PURE__ */jsx(ControlledCheck, {
+    label: "Checked",
+    value: true
+  }), /* @__PURE__ */jsx(ControlledCheck, {
+    label: "With Error",
+    value: false,
+    error: "This field is required"
+  }), /* @__PURE__ */jsx(ControlledCheck, {
+    label: "Disabled Unchecked",
+    value: false,
+    disabled: true
+  }), /* @__PURE__ */jsx(ControlledCheck, {
+    label: "Disabled Checked",
+    value: true,
+    disabled: true
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the CheckField component."
+    }
+  }
+};
+export { AllStates, Default, Check_stories_default as default };
+//# sourceMappingURL=Check.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["action","useState","YStack","Check","jsx","jsxs","Check_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","value","disabled","error","ControlledCheck","props","setValue","onChange","v","Default","args","storyName","AllStates","gap","width","children","story"],"sources":["../../../../src/fields/Check/Check.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,KAAA,QAA8B;AAwBnC,SAAAC,GAAA,EAkBFC,IAAA,QAlBE;AAtBJ,IAAOC,qBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWL,KAAA;EACXM,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;IACzBC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXL,SAAA,EAAW;MACb;IACF;EACF;EACAM,QAAA,EAAU;IACRC,KAAA,EAAO;MAAEC,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAc;IACrDI,KAAA,EAAO;MAAED,OAAA,EAAS;MAAWH,WAAA,EAAa;IAAgB;IAC1DK,QAAA,EAAU;MAAEF,OAAA,EAAS;MAAWH,WAAA,EAAa;IAAoB;IACjEM,KAAA,EAAO;MAAEH,OAAA,EAAS;MAAQH,WAAA,EAAa;IAA2B;EACpE;AACF;AAEA,SAASO,gBAAgBC,KAAA,EAAqC;EAC5D,MAAM,CAACJ,KAAA,EAAOK,QAAQ,IAAIrB,QAAA,CAASoB,KAAA,CAAMJ,KAAA,IAAS,KAAK;EACvD,OACE,eAAAb,GAAA,CAACD,KAAA;IACE,GAAGkB,KAAA;IACJJ,KAAA;IACAM,QAAA,EAAWC,CAAA,IAAM;MACfF,QAAA,CAASE,CAAC;MACVxB,MAAA,CAAO,UAAU,EAAEwB,CAAC;IACtB;EAAA,CACF;AAEJ;AAEO,MAAMC,OAAA,GAAWC,IAAA,IAAqB,eAAAtB,GAAA,CAACgB,eAAA;EAAiB,GAAGM;AAAA,CAAM;AACxED,OAAA,CAAQC,IAAA,GAAO;EACbX,KAAA,EAAO;AACT;AAEAU,OAAA,CAAQE,SAAA,GAAY;AACb,MAAMC,SAAA,GAAYA,CAAA,KACvB,eAAAvB,IAAA,CAACH,MAAA;EAAO2B,GAAA,EAAI;EAAKC,KAAA,EAAO;EACtBC,QAAA,kBAAA3B,GAAA,CAACgB,eAAA;IAAgBL,KAAA,EAAM;IAAsBE,KAAA,EAAO;EAAA,CAAO,GAC3D,eAAAb,GAAA,CAACgB,eAAA;IAAgBL,KAAA,EAAM;IAAUE,KAAA,EAAO;EAAA,CAAM,GAC9C,eAAAb,GAAA,CAACgB,eAAA;IAAgBL,KAAA,EAAM;IAAaE,KAAA,EAAO;IAAOE,KAAA,EAAM;EAAA,CAAyB,GACjF,eAAAf,GAAA,CAACgB,eAAA;IAAgBL,KAAA,EAAM;IAAqBE,KAAA,EAAO;IAAOC,QAAA,EAAQ;EAAA,CAAC,GACnE,eAAAd,GAAA,CAACgB,eAAA;IAAgBL,KAAA,EAAM;IAAmBE,KAAA,EAAO;IAAMC,QAAA,EAAQ;EAAA,CAAC;AAAA,CAClE;AAEFU,SAAA,CAAUnB,UAAA,GAAa;EACrBG,IAAA,EAAM;IACJC,WAAA,EAAa;MACXmB,KAAA,EAAO;IACT;EACF;AACF","ignoreList":[]}

package/dist/jsx/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/jsx/fields/Check/Check.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","Check_stories_exports","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"],"sources":["../../../../src/fields/Check/Check.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AACzB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAA8BJ,MAAA,CAAAK,mBAAA;AAwBnC,IAAAC,YAkBF,GAAAN,MAAA,CAlBEO,SAAA,CAAAC,cAAA;AAtBJ,IAAOC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAQ;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,YAAW,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACbnB,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,YAAS,GAAAC,GAAS,IAAAR,WAAQ,CAAAhB,SAAa,iBAAc;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACrDE,qBAAkB;AAAwChB,QAC1D,CAAAgB,qBAAqB;EAA4CC,SAC1D,EAAEA,CAAA,KAAAA,SAAS;EACpBC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EACFC,OAAA,EAAAA,CAAA,KAAAC;AAEA;AACEC,MAAA,CAAAC,OAAO,GAAOT,YAAY,CAAAG,qBAAe,CAAS;AAClD,IAAAO,kBACE,GAAAC,OAAA;AAAA,IAACC,gBAAA,GAAAD,OAAA;AAAA,IAAAE,YAAA,GAAAF,OAAA;AAAA,IAAAG,cACK,GAAAH,OAAA;AAAA,IAAAI,QACJ,GAAAJ,OAAA;AAAA,IAAAJ,qBACiB;EACfS,KAAA,kBAAU;EACVC,SAAA,EAAAF,QAAO,CAAAG,KAAY;EAACC,UACtB;IAAAC,MAAA;MACFC,IAAA;IAEJ;IAEOC,IAAM;MACbC,WAAe;QACbN,SAAO;MACT;IAEA;EACO;EAEHO,QAAA;IACAC,KAAA;MACAC,OAAA;MACAH,WAAA;IACA;IACFrB,KAAA;MAEFwB,OAAU,WAAa;MACrBH,WAAM;IACJ;IAAaI,QACX,EAAO;MACTD,OAAA;MACFH,WAAA;IACF","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+import { Checkbox as FormsCheckbox } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function Check(props) {
+  const {
+    checkboxProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */jsx(FormsCheckbox, {
+    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
+  });
+}
+export { Check };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","FormsCheckbox","useProps","jsx","Check","props","checkboxProps","defaultValue","form","_mode","name","onBlur","onChange","_preserveValue","validators","disabled","value","fieldProps","label","labelProps","error","helperText","required","id","size","checked","onCheckedChange"],"sources":["../../../../src/fields/Check/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,QAAA,IAAYC,aAAA,QAAqB;AAE1C,SAASC,QAAA,QAAgB;AAqDrB,SAAAC,GAAA;AApBG,SAASC,MAGdC,KAAA,EAAiC;EACjC,MAAM;IACJC,aAAA;IACAC,YAAA;IACAC,IAAA;IACAC,KAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACA,GAAGC;EACL,IAAIf,QAAA,CAASG,KAAK;EAElB,OACE,eAAAF,GAAA,CAACF,aAAA;IACCS,IAAA;IACAF,IAAA;IACAM,UAAA;IACAP,YAAA;IACAW,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;IACjBC,OAAA,EAAST,KAAA;IACTU,eAAA,EAAkBD,OAAA,IAAYb,QAAA,GAAWa,OAAA,KAAY,IAAI;IACzDd,MAAA;IACAI,QAAA;IACAT;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/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/jsx/fields/Check/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","Check_exports","Check","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","checkboxProps","defaultValue","form","_mode","onBlur","onChange","_preserveValue","validators","disabled","fieldProps","useProps","jsx","Checkbox","label","labelProps","error","helperText","required","id","size"],"sources":["../../../../src/fields/Check/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AAqDrB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AApBG,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;AAAA;AACG,IACLM,YAAa,GAAKC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAElB,IAAAE,aACE;AAAAhB,QAAC,CAAAgB,aAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACCC,MACA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,aAAA;AAAA,IAAAI,kBACA,GAAAC,OAAA;AAAA,IAAAC,YACA,GAAAD,OAAA;AAAA,IAAAE,cACO,GAAAF,OAAW;AAAA,SAClBJ,MAAAO,KAAY;EAAW,IACvB;IAAAC,aAAO;IAAAC,YAAW;IAAAC,IAAA;IAAAC,KAAA;IAAAzB,IAAA;IAAA0B,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAlB,KAAA;IAAA,GAAAmB;EAAA,QAAAX,cAAA,CAAAY,QAAA,EAAAX,KAAA;EAAA,OAClB,eAAY,IAAWJ,kBAAA,CAAAgB,GAAA,EAAAd,YAAA,CAAAe,QAAA;IAAAlC,IACvB;IAAqBwB,IACrB;IAAeK,UACT;IAAWN,YACR;IAAAY,KACT,EAAAJ,UAAA,CAAAI,KAAkB;IAAuCC,UACzD,EAAAL,UAAA,CAAAK,UAAA;IAAAC,KACA,EAAAN,UAAA,CAAAM,KAAA;IAAAC,UACA,EAAAP,UAAA,CAAAO,UAAA;IAAAC,QAAA,EAAAR,UAAA,CAAAQ,QAAA;IACFC,EAAA,EAAAT,UAAA,CAAAS,EAAA;IAEJC,IAAA,EAAAV,UAAA,CAAAU,IAAA","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Color } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Color_stories_default = {
+  title: "FrappeUI/Color",
+  component: 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] = useState(props.value || "");
+  return /* @__PURE__ */jsx(Color, {
+    ...props,
+    value,
+    onChange: v => {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+const Default = args => /* @__PURE__ */jsx(ControlledColor, {
+  ...args
+});
+Default.args = {
+  label: "Brand Color",
+  placeholder: "#000000"
+};
+Default.storyName = "Main";
+const AllStates = () => /* @__PURE__ */jsxs(YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */jsx(ControlledColor, {
+    label: "Default"
+  }), /* @__PURE__ */jsx(ControlledColor, {
+    label: "With Value",
+    value: "#10B981"
+  }), /* @__PURE__ */jsx(ControlledColor, {
+    label: "Required",
+    required: true
+  }), /* @__PURE__ */jsx(ControlledColor, {
+    label: "With Error",
+    value: "invalid",
+    error: "Invalid color"
+  }), /* @__PURE__ */jsx(ControlledColor, {
+    label: "Disabled",
+    value: "#F59E0B",
+    disabled: true
+  }), /* @__PURE__ */jsx(ControlledColor, {
+    label: "No Presets",
+    showPresets: false
+  }), /* @__PURE__ */jsx(ControlledColor, {
+    label: "Custom Presets",
+    presetColors: ["#FF0000", "#00FF00", "#0000FF", "#FFFF00"]
+  })]
+});
+AllStates.parameters = {
+  docs: {
+    description: {
+      story: "All possible states of the ColorField component."
+    }
+  }
+};
+export { AllStates, Default, Color_stories_default as default };
+//# sourceMappingURL=Color.stories.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["action","useState","YStack","Color","jsx","jsxs","Color_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","value","placeholder","disabled","required","showPresets","error","ControlledColor","props","setValue","onChange","v","Default","args","storyName","AllStates","gap","width","children","presetColors","story"],"sources":["../../../../src/fields/Color/Color.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,KAAA,QAA8B;AA4BnC,SAAAC,GAAA,EAmBFC,IAAA,QAnBE;AA1BJ,IAAOC,qBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWL,KAAA;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;IACRC,KAAA,EAAO;MAAEC,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAc;IACrDI,KAAA,EAAO;MAAED,OAAA,EAAS;MAASH,WAAA,EAAa;IAA4B;IACpEK,WAAA,EAAa;MAAEF,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAmB;IAChEM,QAAA,EAAU;MAAEH,OAAA,EAAS;MAAWH,WAAA,EAAa;IAAoB;IACjEO,QAAA,EAAU;MAAEJ,OAAA,EAAS;MAAWH,WAAA,EAAa;IAAmB;IAChEQ,WAAA,EAAa;MAAEL,OAAA,EAAS;MAAWH,WAAA,EAAa;IAA6B;IAC7ES,KAAA,EAAO;MAAEN,OAAA,EAAS;MAAQH,WAAA,EAAa;IAA2B;EACpE;AACF;AAEA,SAASU,gBAAgBC,KAAA,EAAqC;EAC5D,MAAM,CAACP,KAAA,EAAOQ,QAAQ,IAAIxB,QAAA,CAASuB,KAAA,CAAMP,KAAA,IAAS,EAAE;EACpD,OACE,eAAAb,GAAA,CAACD,KAAA;IACE,GAAGqB,KAAA;IACJP,KAAA;IACAS,QAAA,EAAWC,CAAA,IAAM;MACfF,QAAA,CAASE,CAAC;MACV3B,MAAA,CAAO,UAAU,EAAE2B,CAAC;IACtB;EAAA,CACF;AAEJ;AAEO,MAAMC,OAAA,GAAWC,IAAA,IAAqB,eAAAzB,GAAA,CAACmB,eAAA;EAAiB,GAAGM;AAAA,CAAM;AACxED,OAAA,CAAQC,IAAA,GAAO;EACbd,KAAA,EAAO;EACPG,WAAA,EAAa;AACf;AAEAU,OAAA,CAAQE,SAAA,GAAY;AACb,MAAMC,SAAA,GAAYA,CAAA,KACvB,eAAA1B,IAAA,CAACH,MAAA;EAAO8B,GAAA,EAAI;EAAKC,KAAA,EAAO;EACtBC,QAAA,kBAAA9B,GAAA,CAACmB,eAAA;IAAgBR,KAAA,EAAM;EAAA,CAAU,GACjC,eAAAX,GAAA,CAACmB,eAAA;IAAgBR,KAAA,EAAM;IAAaE,KAAA,EAAM;EAAA,CAAU,GACpD,eAAAb,GAAA,CAACmB,eAAA;IAAgBR,KAAA,EAAM;IAAWK,QAAA,EAAQ;EAAA,CAAC,GAC3C,eAAAhB,GAAA,CAACmB,eAAA;IAAgBR,KAAA,EAAM;IAAaE,KAAA,EAAM;IAAUK,KAAA,EAAM;EAAA,CAAgB,GAC1E,eAAAlB,GAAA,CAACmB,eAAA;IAAgBR,KAAA,EAAM;IAAWE,KAAA,EAAM;IAAUE,QAAA,EAAQ;EAAA,CAAC,GAC3D,eAAAf,GAAA,CAACmB,eAAA;IAAgBR,KAAA,EAAM;IAAaM,WAAA,EAAa;EAAA,CAAO,GACxD,eAAAjB,GAAA,CAACmB,eAAA;IACCR,KAAA,EAAM;IACNoB,YAAA,EAAc,CAAC,WAAW,WAAW,WAAW,SAAS;EAAA,CAC3D;AAAA,CACF;AAEFJ,SAAA,CAAUtB,UAAA,GAAa;EACrBG,IAAA,EAAM;IACJC,WAAA,EAAa;MACXuB,KAAA,EAAO;IACT;EACF;AACF","ignoreList":[]}

package/dist/jsx/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/jsx/fields/Color/Color.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","Color_stories_exports","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"],"sources":["../../../../src/fields/Color/Color.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AACzB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAA8BJ,MAAA,CAAAK,mBAAA;AA4BnC,IAAAC,YAmBF,GAAAN,MAAA,CAnBEO,SAAA,CAAAC,cAAA;AA1BJ,IAAOC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAQ;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,YAAS,GAAAC,GAAS,IAAAR,WAAQ,CAAAhB,SAAa,iBAAc;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACrDE,qBAAkB;AAAkDhB,QACpE,CAAAgB,qBAAwB;EAAwCC,SAChE,EAAAA,CAAA,KAAYA,SAAS;EAA4CC,OACjE,EAAAA,CAAA,KAAYA,OAAA;EAAoDC,OAChE,EAAAA,CAAA,KAAaC;AAAgE;AACXC,MACpE,CAAAC,OAAA,GAAAT,YAAA,CAAAG,qBAAA;AACF,IAAAO,kBAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAS,GAAAD,OAAgB,+BAAqC;AAC5D,IAAAE,YAAc,GAAAF,OAAQ,QAAI;AAC1B,IAAAG,cACE,GAAAH,OAAA;AAAA,IAACI,QAAA,GAAAJ,OAAA;AAAA,IAAAJ,qBAAA;EAAAS,KACE,EAAG;EAAAC,SACJ,EAAAF,QAAA,CAAAG,KAAA;EAAAC,UACA;IACEC,MAAA;MACAC,IAAA;IAAoB;IACtBC,IAAA;MACFC,WAAA;QAEJN,SAAA;MAEa;IACb;EACE;EACAO,QAAA;IACFC,KAAA;MAEAC,OAAQ,QAAY;MACPH,WAAA,EAAY;IAErB;IACArB,KAAA;MACAwB,OAAA,SAAC;MACDH,WAAA;IACA;IACAI,WAAA;MACAD,OAAA;MAACH,WAAA;IAAA;IAAAK,QACC,EAAM;MACNF,OAAA,WAAe;MAA0CH,WAAA;IAC3D;IACFM,QAAA;MAEFH,OAAU,WAAa;MACrBH,WAAM;IACJ;IAAaO,WACJ;MACTJ,OAAA;MACFH,WAAA;IACF","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+import { ColorPicker as FormsColorPicker } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function Color(props) {
+  const {
+    defaultValue,
+    form,
+    mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue,
+    validators,
+    disabled,
+    value,
+    placeholder = "#000000",
+    _showPresets = true,
+    presetColors,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */jsx(FormsColorPicker, {
+    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
+  });
+}
+export { Color };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ColorPicker","FormsColorPicker","useProps","jsx","Color","props","defaultValue","form","mode","name","onBlur","onChange","preserveValue","validators","disabled","value","placeholder","_showPresets","presetColors","fieldProps","onValueChange","label","labelProps","error","helperText","required","id","size","format"],"sources":["../../../../src/fields/Color/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,WAAA,IAAeC,gBAAA,QAAwB;AAEhD,SAASC,QAAA,QAAgB;AAyDrB,SAAAC,GAAA;AAtBG,SAASC,MAGdC,KAAA,EAAiC;EACjC,MAAM;IACJC,YAAA;IACAC,IAAA;IACAC,IAAA;IACAC,IAAA;IACAC,MAAA;IACAC,QAAA;IACAC,aAAA;IACAC,UAAA;IACAC,QAAA;IACAC,KAAA;IACAC,WAAA,GAAc;IACdC,YAAA,GAAe;IACfC,YAAA;IACA,GAAGC;EACL,IAAIjB,QAAA,CAASG,KAAK;EAElB,OACE,eAAAF,GAAA,CAACF,gBAAA;IACCQ,IAAA;IACAF,IAAA;IACAM,UAAA;IACAE,KAAA;IACAK,aAAA,EAAeT,QAAA;IACfL,YAAA;IACAe,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;IACjBb,QAAA;IACAE,WAAA;IACAY,MAAA,EAAO;IACPV,YAAA;IACAR,MAAA;IACAF,IAAA;IACAI;EAAA,CACF;AAEJ","ignoreList":[]}