@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/RadioGroup/index.cjs

@@ -0,0 +1,70 @@
+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 RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+  RadioGroupField: () => RadioGroupField
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function RadioGroupField(props) {
+  const {
+    radioGroupProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    options,
+    orientation,
+    children,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.RadioGroup, {
+    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,
+    onValueChange: onChange,
+    onBlur,
+    disabled,
+    options,
+    orientation,
+    radioGroupProps,
+    children
+  });
+}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+  RadioGroupField: () => RadioGroupField
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+function RadioGroupField(props) {
+  var {
+    radioGroupProps,
+    defaultValue,
+    form,
+    _mode,
+    name,
+    onBlur,
+    onChange,
+    _preserveValue,
+    validators,
+    disabled,
+    value,
+    options,
+    orientation,
+    children,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.RadioGroup, {
+    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,
+    onValueChange: onChange,
+    onBlur,
+    disabled,
+    options,
+    orientation,
+    radioGroupProps,
+    children
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroup_exports","__export","RadioGroupField","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","props","radioGroupProps","defaultValue","form","_mode","name","onBlur","onChange","_preserveValue","validators","disabled","options","orientation","children","fieldProps","useProps","jsx","RadioGroup","label","labelProps","error","helperText","required","id","size","onValueChange"],"sources":["../../../../src/fields/RadioGroup/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAAAT,YAA8C,CAAAK,kBAAA;AAE9C,IAAAK,kBAAyB,GAAAC,OAAA;AA2DrB,IAAAC,YAAA,GAAAD,OAAA;AAvBG,IAAAE,cAAS,GAAAF,OAGd,UAA2C;AAC3C,SAAMJ,gBAAAO,KAAA;EAAA,IACJ;IAAAC,eAAA;IAAAC,YAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAApB,KAAA;IAAAqB,OAAA;IAAAC,WAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,QAAAf,cAAA,CAAAgB,QAAA,EAAAf,KAAA;EAAA,OACA,mBAAAJ,kBAAA,CAAAoB,GAAA,EAAAlB,YAAA,CAAAmB,UAAA;IACAZ,IAAA;IACAF,IAAA;IACAM,UAAA;IACAP,YAAA;IACAgB,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,EAAAT,UAAA,CAAAS,EAAA;IACAC,IAAA,EAAAV,UAAA,CAAAU,IAAA;IACAlC,KAAA;IACAmC,aAAG,EAAAlB,QAAA;IACLD,MAAI;IAEJI,QACE;IAACC,OAAA;IAAAC,WAAA;IAAAX,eACC;IAAAY;EACA;AACA","ignoreList":[]}

package/dist/cjs/fields/Rating/index.cjs

@@ -0,0 +1,66 @@
+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 Rating_exports = {};
+__export(Rating_exports, {
+  Rating: () => Rating
+});
+module.exports = __toCommonJS(Rating_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Rating(props) {
+  const {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    maxStars,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Rating, {
+    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,
+    onChange,
+    onBlur,
+    disabled,
+    maxStars,
+    starIcon: import_react.StarIcon
+  });
+}

package/dist/cjs/fields/Rating/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 Rating_exports = {};
+__export(Rating_exports, {
+  Rating: () => Rating
+});
+module.exports = __toCommonJS(Rating_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+function Rating(props) {
+  var {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    maxStars,
+    ...fieldProps
+  } = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Rating, {
+    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,
+    onChange,
+    onBlur,
+    disabled,
+    maxStars,
+    starIcon: import_react.StarIcon
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Rating_exports","__export","Rating","module","exports","import_jsx_runtime","require","import_forms","import_react","import_tamagui","props","defaultValue","form","mode","_mode","name","onBlur","onChange","preserveValue","_preserveValue","validators","disabled","maxStars","fieldProps","useProps","jsx","label","labelProps","error","helperText","required","id","size","starIcon","StarIcon"],"sources":["../../../../src/fields/Rating/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAsC,CAAAK,cAAA;AACtC,IAAAK,kBAAyB,GAAAC,OAAA;AAEzB,IAAAC,YAAA,GAAAD,OAAyB;AAqDrB,IAAAE,YAAA,GAAAF,OAAA;AApBG,IAAAG,cAGL,GAAAH,OAAkC;AAClC,SAAMJ,OAAAQ,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,QAAA;IAAA,GAAAC;EAAA,QAAAd,cAAA,CAAAe,QAAA,EAAAd,KAAA;EAAA,OACA,mBAAAL,kBAAA,CAAAoB,GAAA,EAAAlB,YAAA,CAAAL,MAAA;IACAa,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAe,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,EAAGR,UAAA,CAAAQ,EAAA;IACLC,IAAA,EAAIT,UAAA,CAAAS,IAAA;IAEJjC,KACE;IAACkB,QAAA;IAAAD,MAAA;IAAAK,QACC;IAAAC,QACA;IAAAW,QACA,EAAAzB,YAAA,CAAA0B;EAAA;AACA","ignoreList":[]}

package/dist/cjs/fields/ReadOnly/ReadOnly.stories.cjs

@@ -0,0 +1,185 @@
+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 ReadOnly_stories_exports = {};
+__export(ReadOnly_stories_exports, {
+  AllTypes: () => AllTypes,
+  ProfileCardExample: () => ProfileCardExample,
+  default: () => ReadOnly_stories_default
+});
+module.exports = __toCommonJS(ReadOnly_stories_exports);
+var import_tamagui = require("tamagui");
+var import__ = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ReadOnly_stories_default = {
+  title: "FrappeUI/ReadOnly",
+  component: import__.ReadOnly,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A read-only display field for showing non-editable values with proper formatting for all Frappe field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["Data", "Int", "Float", "Currency", "Percent", "Date", "Datetime", "Time", "Check", "Select", "Link", "Color", "Text", "SmallText", "LongText"],
+      description: "The type of value to display"
+    },
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "text",
+      description: "Value to display"
+    },
+    emptyText: {
+      control: "text",
+      description: "Text to show when value is empty"
+    },
+    currencySymbol: {
+      control: "text",
+      description: "Currency symbol for Currency type"
+    },
+    precision: {
+      control: "number",
+      description: "Decimal precision for Float type"
+    }
+  }
+};
+const AllTypes = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$4",
+  width: 400,
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Data",
+    value: "John Doe",
+    type: "Data"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Int",
+    value: 42,
+    type: "Int"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Float",
+    value: 99.99,
+    type: "Float",
+    precision: 2
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Currency",
+    value: 1500,
+    type: "Currency",
+    currencySymbol: "$"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Percent",
+    value: 75,
+    type: "Percent"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Date",
+    value: "2026-01-24",
+    type: "Date"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Datetime",
+    value: "2026-01-24 14:30",
+    type: "Datetime"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Time",
+    value: "14:30",
+    type: "Time"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Check (Yes)",
+    value: true,
+    type: "Check"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Check (No)",
+    value: false,
+    type: "Check"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Color",
+    value: "#10B981",
+    type: "Color"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Link",
+    value: "DOC-001",
+    type: "Link"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Empty",
+    value: void 0,
+    type: "Data"
+  })]
+});
+AllTypes.parameters = {
+  docs: {
+    description: {
+      story: "All supported field types in the ReadOnlyField component."
+    }
+  }
+};
+AllTypes.storyName = "Main";
+const ProfileCardExample = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  gap: "$3",
+  width: 400,
+  padding: "$4",
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  borderRadius: "$4",
+  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Name",
+    value: "Jane Smith",
+    type: "Data"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Email",
+    value: "jane@company.com",
+    type: "Data"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Department",
+    value: "Engineering",
+    type: "Link"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Employee ID",
+    value: "EMP-042",
+    type: "Data"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Joining Date",
+    value: "2023-06-15",
+    type: "Date"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Active",
+    value: true,
+    type: "Check"
+  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+    label: "Salary",
+    value: 85e3,
+    type: "Currency",
+    currencySymbol: "$"
+  })]
+});
+ProfileCardExample.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using ReadOnlyField to display a profile card."
+    }
+  }
+};

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

@@ -0,0 +1,192 @@
+"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 ReadOnly_stories_exports = {};
+__export(ReadOnly_stories_exports, {
+  AllTypes: () => AllTypes,
+  ProfileCardExample: () => ProfileCardExample,
+  default: () => ReadOnly_stories_default
+});
+module.exports = __toCommonJS(ReadOnly_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import__ = require("./index.native.js");
+var ReadOnly_stories_default = {
+  title: "FrappeUI/ReadOnly",
+  component: import__.ReadOnly,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A read-only display field for showing non-editable values with proper formatting for all Frappe field types."
+      }
+    }
+  },
+  argTypes: {
+    type: {
+      control: "select",
+      options: ["Data", "Int", "Float", "Currency", "Percent", "Date", "Datetime", "Time", "Check", "Select", "Link", "Color", "Text", "SmallText", "LongText"],
+      description: "The type of value to display"
+    },
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    value: {
+      control: "text",
+      description: "Value to display"
+    },
+    emptyText: {
+      control: "text",
+      description: "Text to show when value is empty"
+    },
+    currencySymbol: {
+      control: "text",
+      description: "Currency symbol for Currency type"
+    },
+    precision: {
+      control: "number",
+      description: "Decimal precision for Float type"
+    }
+  }
+};
+var AllTypes = function AllTypes2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    width: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Data",
+      value: "John Doe",
+      type: "Data"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Int",
+      value: 42,
+      type: "Int"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Float",
+      value: 99.99,
+      type: "Float",
+      precision: 2
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Currency",
+      value: 1500,
+      type: "Currency",
+      currencySymbol: "$"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Percent",
+      value: 75,
+      type: "Percent"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Date",
+      value: "2026-01-24",
+      type: "Date"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Datetime",
+      value: "2026-01-24 14:30",
+      type: "Datetime"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Time",
+      value: "14:30",
+      type: "Time"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Check (Yes)",
+      value: true,
+      type: "Check"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Check (No)",
+      value: false,
+      type: "Check"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Color",
+      value: "#10B981",
+      type: "Color"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Link",
+      value: "DOC-001",
+      type: "Link"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Empty",
+      value: void 0,
+      type: "Data"
+    })]
+  });
+};
+AllTypes.parameters = {
+  docs: {
+    description: {
+      story: "All supported field types in the ReadOnlyField component."
+    }
+  }
+};
+AllTypes.storyName = "Main";
+var ProfileCardExample = function ProfileCardExample2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$3",
+    width: 400,
+    padding: "$4",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    borderRadius: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Name",
+      value: "Jane Smith",
+      type: "Data"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Email",
+      value: "jane@company.com",
+      type: "Data"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Department",
+      value: "Engineering",
+      type: "Link"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Employee ID",
+      value: "EMP-042",
+      type: "Data"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Joining Date",
+      value: "2023-06-15",
+      type: "Date"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Active",
+      value: true,
+      type: "Check"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.ReadOnly, {
+      label: "Salary",
+      value: 85e3,
+      type: "Currency",
+      currencySymbol: "$"
+    })]
+  });
+};
+ProfileCardExample.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using ReadOnlyField to display a profile card."
+    }
+  }
+};
+//# sourceMappingURL=ReadOnly.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReadOnly_stories_exports","__export","AllTypes","ProfileCardExample","default","ReadOnly_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import__","title","component","ReadOnly","parameters","status","type","docs","description","argTypes","control","options","label","emptyText","currencySymbol","precision","AllTypes2","jsxs","YStack","gap","width","children","jsx"],"sources":["../../../../src/fields/ReadOnly/ReadOnly.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAuB,CAAAK,wBAAA;AACvB,IAAAQ,kBAAyB,GAAAC,OAAA;AA6CvB,IAAAC,cAAA,GAAAD,OAAA;AA3CF,IAAOE,QAAA,GAAAF,OAAA;AAAQ,IACbJ,wBAAO;EACPO,KAAA,qBAAW;EACXC,SAAA,EAAAF,QAAY,CAAAG,QAAA;EAAAC,UACF,EAAE;IACVC,MAAM;MACJC,IAAA;IAAa;IAETC,IACJ;MACFC,WAAA;QACFN,SAAA;MACA;IACE;EAAM;EACKO,QACT;IAASH,IACP;MAAAI,OACA;MAAAC,OACA,GACA,QACA,OACA,SACA,YACA,WACA,QACA,YACA,QACA,SACA,UACA,QACA,SACF,QACA,WAAa,EACf,WACA;MACAH,WAAS;IACT;IACAI,KAAA;MACAF,OAAA,EAAW,MAAE;MACfF,WAAA;IACF;IAEOpB,KAAM;MAETsB,OAAA;MACAF,WAAA;IACA;IACAK,SAAA;MACAH,OAAA;MACAF,WAAA;IACA;IACAM,cAAA;MACAJ,OAAA;MACAF,WAAA;IACA;IACAO,SAAA;MACAL,OAAA;MACFF,WAAA;IAEF;EACE;AAAM;AACS,IAAAjB,QACX,GAAO,SAAAyB,UAAA;EAAA,OACT,mBAAAnB,kBAAA,CAAAoB,IAAA,EAAAlB,cAAA,CAAAmB,MAAA;IACFC,GAAA;IACFC,KAAA;IAEAC,QAAS,GACI,mBAAAxB,kBACX,CAAAyB,GAAA,EAAAtB,QAAA,CAAAG,QAAA;MAACS,KAAA;MAAAxB,KAAA;MACCkB,IAAI;IACJ,IACA,eAAQ,IAAAT,kBAAA,CAAAyB,GAAA,EAAAtB,QAAA,CAAAG,QAAA;MACRS,KAAA,OAAa;MACbxB,KAAA,IAAY;MACZkB,IAAA;IAEA,uBAAAT,kBAAA,CAAAyB,GAAA,EAACtB,QAAA,CAAAG,QAAA;MACDS,KAAA;MACAxB,KAAA;MACAkB,IAAA;MACAS,SAAA;IACA,IACA,mBAAAlB,kBAAA,CAAAyB,GAAA,EAACtB,QAAA,CAAAG,QAAA;MAAyES,KAAA;MAAAxB,KAAA;MAC5EkB,IAAA;MAEFQ,cAAmB;IACjB,EAAM,EACJ,eAAa,IAAAjB,kBAAA,CAAAyB,GAAA,EAAAtB,QAAA,CAAAG,QAAA;MACXS,KAAO;MACTxB,KAAA;MACFkB,IAAA;IACF,I","ignoreList":[]}