@multiplatform.one/frappe-ui 6.0.0

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

@@ -0,0 +1,91 @@
+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 { Check } from "./index.native.js";
+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) {
+  var [value, setValue] = useState(props.value || false);
+  return /* @__PURE__ */_jsx(Check, {
+    ...props,
+    value,
+    onChange: function onChange(v) {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+var Default = function Default2(args) {
+  return /* @__PURE__ */_jsx(ControlledCheck, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Accept Terms"
+};
+Default.storyName = "Main";
+var AllStates = function AllStates2() {
+  return /* @__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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","YStack","Check","Check_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","value","disabled","error","ControlledCheck","props","setValue","onChange","v","Default","Default2","args"],"sources":["../../../../src/fields/Check/Check.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,QAA8B;AAwBnC,SAAAC,KAkBF;AAxCF,IAAOC,qBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWH,KAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MACFC,WAAA;QACFL,SAAA;MACF;IACA;EAAU;EAC6CM,QACrD,EAAO;IACPC,KAAA;MACAC,OAAS;MACXH,WAAA;IACF;IAEAI,KAAS;MACPD,OAAO,WAAe;MACtBH,WACE;IAAC;IAAAK,QAAA;MACEF,OAAG;MACJH,WAAA;IAAA;IAEEM,KAAA;MACAH,OAAA,EAAO;MACTH,WAAA;IAAA;EACF;AAEJ;AAEO,SAAMO,eAAWA,CAAAC,KAAqB;EAC7C,KAAAJ,KAAQ,EAAAK,QAAO,IAAAnB,QAAA,CAAAkB,KAAA,CAAAJ,KAAA;EACb,OAAO,eAAAlB,IAAA,CAAAM,KAAA;IACT,GAAAgB,KAAA;IAEAJ,KAAQ;IACDM,QAAM,WAAYA,QACvBA,CAAAC,CAAA;MACEF,QAAA,CAAAE,CAAA;MACAtB,MAAA,WAAC,EAAAsB,CAAA;IACD;EACA;AAAmE;AACH,IAClEC,OAAA,YAAAC,SAAAC,IAAA;EAEF,sBAAuB5B,IAAA,CAAAqB,eAAA;IACrB,GAAAO;EAAM,EACJ;AAAa;AACJF,OACT,CAAAE,IAAA;EACFZ,KAAA;AACF","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox as FormsCheckbox } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+function Check(props) {
+  var {
+    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: function onCheckedChange(checked) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(checked === true);
+    },
+    onBlur,
+    disabled,
+    checkboxProps
+  });
+}
+export { Check };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Checkbox","FormsCheckbox","useProps","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,GAAA,IAAAC,IAAA,QAAY,mBAAqB;AAE1C,SAASC,QAAA,IAAAC,aAAgB;AAqDrB,SAAAC,QAAA;AApBG,SAASC,MAGdC,KAAA,EAAiC;EACjC;IAAMC,aAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAd,QAAA,CAAAE,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,aAAA;IACAQ,IAAA;IACAF,IAAA;IACAM,UAAA;IACAP,YAAA;IACAW,KAAA,EAAAD,UAAA,CAAAC,KAAA;IACAC,UAAA,EAAAF,UAAA,CAAAE,UAAA;IACAC,KAAA,EAAAH,UAAA,CAAAG,KAAA;IACAC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,QAAA,EAAAL,UAAA,CAAAK,QAAA;IACAC,EAAA,EAAAN,UAAA,CAAAM,EAAA;IACAC,IAAG,EAAAP,UAAA,CAAAO,IAAA;IACLC,OAAI,EAAAT,KAAS;IAEbU,eACE,WAAAA,gBAAAD,OAAA;MAAC,OAAAb,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAa,OAAA;IAAA;IAAAd,MACC;IAAAI,QACA;IAAAT;EACA;AACA;AACkB,SACKF,KACvB","ignoreList":[]}

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

@@ -0,0 +1,108 @@
+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 { Color } from "./index.native.js";
+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) {
+  var [value, setValue] = useState(props.value || "");
+  return /* @__PURE__ */_jsx(Color, {
+    ...props,
+    value,
+    onChange: function onChange(v) {
+      setValue(v);
+      action("onChange")(v);
+    }
+  });
+}
+var Default = function Default2(args) {
+  return /* @__PURE__ */_jsx(ControlledColor, {
+    ...args
+  });
+};
+Default.args = {
+  label: "Brand Color",
+  placeholder: "#000000"
+};
+Default.storyName = "Main";
+var AllStates = function AllStates2() {
+  return /* @__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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","YStack","Color","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","Default2","args"],"sources":["../../../../src/fields/Color/Color.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,QAA8B;AA4BnC,SAAAC,KAmBF;AA7CF,IAAOC,qBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWH,KAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MAEFC,WAAA;QACFL,SAAA;MACF;IACA;EAAU;EAC6CM,QACrD,EAAO;IACPC,KAAA;MACAC,OAAA,EAAU,MAAE;MACZH,WAAY;IACZ;IACAI,KAAA,EAAO;MACTD,OAAA;MACFH,WAAA;IAEA;IACEK,WAAO,EAAO;MACdF,OACE;MAACH,WAAA;IAAA;IAAAM,QACK;MACJH,OAAA;MACAH,WAAW;IACT;IACAO,QAAA;MACFJ,OAAA;MAAAH,WAAA;IACF;IAEJQ,WAAA;MAEaL,OAAA,WAAW;MACxBH,WAAe;IACb;IACAS,KAAA;MACFN,OAAA;MAEAH,WAAQ;IACD;EAEH;AAAiC;AACmB,SACpDU,eAACA,CAAAC,KAAA;EACD,KAAAP,KAAA,EAAAQ,QAAC,IAAAtB,QAAA,CAAAqB,KAAA,CAAgBP,KAAA,IAAM;EACvB,sBAAClB,IAAA,CAAAM,KAAA;IACD,GAAAmB,KAAA;IACAP,KAAA;IAACS,QAAA,WAAAA,SAAAC,CAAA;MAAAF,QAAA,CAAAE,CAAA;MACCzB,MAAA,CAAM,YAAAyB,CAAA;IAAA;EACmD;AAAA;AAC3D,IACFC,OAAA,YAAAC,SAAAC,IAAA;EAEF,sBAAuB/B,IAAA,CAAAwB,eAAA;IACrB,GAAAO;EAAM,EACJ;AAAa;AACJF,OACT,CAAAE,IAAA;EACFf,KAAA;EACFG,WAAA","ignoreList":[]}

package/dist/esm/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/esm/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":[]}

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ColorPicker as FormsColorPicker } from "@multiplatform.one/forms";
+import { useProps } from "tamagui";
+function Color(props) {
+  var {
+    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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","ColorPicker","FormsColorPicker","useProps","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,GAAA,IAAAC,IAAA,QAAe;AAExB,SAASC,WAAA,IAAAC,gBAAgB;AAyDrB,SAAAC,QAAA;AAtBG,SAASC,MAGdC,KAAA,EAAiC;EACjC;IAAMC,YAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,YAAA;IAAA,GAAAC;EAAA,IAAAhB,QAAA,CAAAE,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,gBAAA;IACAO,IAAA;IACAF,IAAA;IACAM,UAAA;IACAE,KAAA;IACAK,aAAA,EAAAT,QAAA;IACAL,YAAA;IACAe,KAAA,EAAAF,UAAA,CAAAE,KAAA;IACAC,UAAA,EAAAH,UAAA,CAAAG,UAAA;IACAC,KAAA,EAAAJ,UAAA,CAAAI,KAAA;IACAC,UAAA,EAAAL,UAAc,CAAAK,UAAA;IACdC,QAAA,EAAAN,UAAe,CAAAM,QAAA;IACfC,EAAA,EAAAP,UAAA,CAAAO,EAAA;IACAC,IAAG,EAAAR,UAAA,CAAAQ,IAAA;IACLb,QAAI;IAEJE,WACE;IAACY,MAAA;IAAAV,YAAA;IAAAR,MACC;IAAAF,IACA;IAAAI;EACA;AACA;AACe,SACfR,KACA","ignoreList":[]}

package/dist/esm/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/esm/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":[]}