@multiplatform.one/frappe-ui 7.23.2 → 7.25.0

package/dist/cjs/list/RangeFilter.native.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var RangeFilter_exports = {};
+__export(RangeFilter_exports, {
+  RangeFilter: () => RangeFilter,
+  rangeCeiling: () => rangeCeiling
+});
+module.exports = __toCommonJS(RangeFilter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var readoutWidth = 44;
+var trackMinWidth = 100;
+var RangeRowLazy = /* @__PURE__ */(0, import_react.lazy)(async function () {
+  var forms = await import("@multiplatform.one/forms");
+  var MaybeSlider = forms.Slider;
+  if (!MaybeSlider) {
+    var Absent = function Absent2() {
+      return null;
+    };
+    return {
+      default: Absent
+    };
+  }
+  var Slider = MaybeSlider;
+  function RangeRow(param) {
+    var {
+      label,
+      value,
+      max,
+      step = 5,
+      onChange
+    } = param;
+    var {
+      t
+    } = (0, import_react_i18next.useTranslation)();
+    var {
+      knobProps
+    } = (0, import_theme.useResolvedKnobs)();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      flexGrow: 1,
+      minWidth: 0,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$2",
+        color: "$color11",
+        flexShrink: 0,
+        userSelect: "none",
+        children: label
+      }),
+      /* A column on purpose: the Slider's %-width chain collapses to 0
+      inside a row; a column's cross-axis stretch hands the track the
+      flexed width. */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_components.YStack, {
+        flexGrow: 1,
+        flexShrink: 1,
+        minWidth: trackMinWidth,
+        justifyContent: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Slider, {
+          value: [value],
+          min: 0,
+          max,
+          step,
+          onChange: function onChange1(values) {
+            if (typeof values[0] === "number") onChange(values[0]);
+          },
+          "aria-label": label,
+          compact: true
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$2",
+        fontWeight: "600",
+        color: value > 0 ? "$color12" : "$color10",
+        minWidth: readoutWidth,
+        textAlign: "right",
+        userSelect: "none",
+        children: value > 0 ? `${value}+` : t("Any")
+      })]
+    });
+  }
+  return {
+    default: RangeRow
+  };
+});
+function RangeFilter(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RangeRowLazy, {
+      ...props
+    })
+  });
+}
+function rangeCeiling(highest) {
+  var stop = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 25,
+    floor = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 50;
+  return Math.max(floor, Math.ceil(Math.max(0, highest) / stop) * stop);
+}
+//# sourceMappingURL=RangeFilter.native.js.map

package/dist/cjs/list/RangeFilter.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","RangeFilter_exports","RangeFilter","rangeCeiling","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_react_i18next","readoutWidth","trackMinWidth","RangeRowLazy","lazy","forms","MaybeSlider","Slider","Absent","Absent2","default","RangeRow","param","label","max","step","onChange","t","useTranslation","knobProps","useResolvedKnobs","jsxs","XStack","gap","alignItems","flexGrow","minWidth","children","jsx","Text","fontSize","color","flexShrink","userSelect","YStack","justifyContent","min","onChange1","values","compact","fontWeight","textAlign","props","Suspense","fallback","highest","stop","arguments","length","floor","Math","ceil"],"sources":["RangeFilter.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RangeFilter_exports = {};\n__export(RangeFilter_exports, {\n  RangeFilter: () => RangeFilter,\n  rangeCeiling: () => rangeCeiling\n});\nmodule.exports = __toCommonJS(RangeFilter_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_components = require(\"@multiplatform.one/components\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_react_i18next = require(\"react-i18next\");\nvar readoutWidth = 44;\nvar trackMinWidth = 100;\nvar RangeRowLazy = /* @__PURE__ */ (0, import_react.lazy)(async function() {\n  var forms = await import(\"@multiplatform.one/forms\");\n  var MaybeSlider = forms.Slider;\n  if (!MaybeSlider) {\n    var Absent = function Absent2() {\n      return null;\n    };\n    return {\n      default: Absent\n    };\n  }\n  var Slider = MaybeSlider;\n  function RangeRow(param) {\n    var { label, value, max, step = 5, onChange } = param;\n    var { t } = (0, import_react_i18next.useTranslation)();\n    var { knobProps } = (0, import_theme.useResolvedKnobs)();\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.XStack, {\n      ...knobProps.gap,\n      alignItems: \"center\",\n      flexGrow: 1,\n      minWidth: 0,\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n          fontSize: \"$2\",\n          color: \"$color11\",\n          flexShrink: 0,\n          userSelect: \"none\",\n          children: label\n        }),\n        /* A column on purpose: the Slider's %-width chain collapses to 0\n        inside a row; a column's cross-axis stretch hands the track the\n        flexed width. */\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.YStack, {\n          flexGrow: 1,\n          flexShrink: 1,\n          minWidth: trackMinWidth,\n          justifyContent: \"center\",\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider, {\n            value: [\n              value\n            ],\n            min: 0,\n            max,\n            step,\n            onChange: function onChange1(values) {\n              if (typeof values[0] === \"number\") onChange(values[0]);\n            },\n            \"aria-label\": label,\n            compact: true\n          })\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Text, {\n          fontSize: \"$2\",\n          fontWeight: \"600\",\n          color: value > 0 ? \"$color12\" : \"$color10\",\n          minWidth: readoutWidth,\n          textAlign: \"right\",\n          userSelect: \"none\",\n          children: value > 0 ? `${value}+` : t(\"Any\")\n        })\n      ]\n    });\n  }\n  return {\n    default: RangeRow\n  };\n});\nfunction RangeFilter(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {\n    fallback: null,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RangeRowLazy, {\n      ...props\n    })\n  });\n}\nfunction rangeCeiling(highest) {\n  var stop = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 25, floor = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 50;\n  return Math.max(floor, Math.ceil(Math.max(0, highest) / stop) * stop);\n}\n//# sourceMappingURL=RangeFilter.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,QAAQ,GAAGC,MAAM,CAACC,MAAM;AAC5B,IAAIC,SAAS,GAAGF,MAAM,CAACG,cAAc;AACrC,IAAIC,gBAAgB,GAAGJ,MAAM,CAACK,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGN,MAAM,CAACO,mBAAmB;AAClD,IAAIC,YAAY,GAAGR,MAAM,CAACS,cAAc;AACxC,IAAIC,YAAY,GAAGV,MAAM,CAACW,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBb,SAAS,CAACY,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIlB,iBAAiB,CAACe,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CpB,SAAS,CAACkB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGnB,gBAAgB,CAACiB,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,OAAO,GAAGA,CAACC,GAAG,EAAEC,UAAU,EAAEd,MAAM,MAAMA,MAAM,GAAGa,GAAG,IAAI,IAAI,GAAG5B,QAAQ,CAACS,YAAY,CAACmB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAER,WAAW;AAC9G;AACA;AACA;AACA;AACAS,UAAU,IAAI,CAACD,GAAG,IAAI,CAACA,GAAG,CAACE,UAAU,GAAG3B,SAAS,CAACY,MAAM,EAAE,SAAS,EAAE;EAAEgB,KAAK,EAAEH,GAAG;EAAET,UAAU,EAAE;AAAK,CAAC,CAAC,GAAGJ,MAAM,EAC/Ga,GACF,CAAC,CAAC;AACF,IAAII,YAAY,GAAIJ,GAAG,IAAKR,WAAW,CAACjB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAE4B,KAAK,EAAE;AAAK,CAAC,CAAC,EAAEH,GAAG,CAAC;AAC1F,IAAIK,mBAAmB,GAAG,CAAC,CAAC;AAC5BnB,QAAQ,CAACmB,mBAAmB,EAAE;EAC5BC,WAAW,EAAEA,CAAA,KAAMA,WAAW;EAC9BC,YAAY,EAAEA,CAAA,KAAMA;AACtB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGL,YAAY,CAACC,mBAAmB,CAAC;AAClD,IAAIK,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,iBAAiB,GAAGD,OAAO,CAAC,+BAA+B,CAAC;AAChE,IAAIE,YAAY,GAAGF,OAAO,CAAC,0BAA0B,CAAC;AACtD,IAAIG,YAAY,GAAGH,OAAO,CAAC,OAAO,CAAC;AACnC,IAAII,oBAAoB,GAAGJ,OAAO,CAAC,eAAe,CAAC;AACnD,IAAIK,YAAY,GAAG,EAAE;AACrB,IAAIC,aAAa,GAAG,GAAG;AACvB,IAAIC,YAAY,GAAG,eAAgB,CAAC,CAAC,EAAEJ,YAAY,CAACK,IAAI,EAAE,kBAAiB;EACzE,IAAIC,KAAK,GAAG,MAAM,MAAM,CAAC,0BAA0B,CAAC;EACpD,IAAIC,WAAW,GAAGD,KAAK,CAACE,MAAM;EAC9B,IAAI,CAACD,WAAW,EAAE;IAChB,IAAIE,MAAM,GAAG,SAASC,OAAOA,CAAA,EAAG;MAC9B,OAAO,IAAI;IACb,CAAC;IACD,OAAO;MACLC,OAAO,EAAEF;IACX,CAAC;EACH;EACA,IAAID,MAAM,GAAGD,WAAW;EACxB,SAASK,QAAQA,CAACC,KAAK,EAAE;IACvB,IAAI;MAAEC,KAAK;MAAEzB,KAAK;MAAE0B,GAAG;MAAEC,IAAI,GAAG,CAAC;MAAEC;IAAS,CAAC,GAAGJ,KAAK;IACrD,IAAI;MAAEK;IAAE,CAAC,GAAG,CAAC,CAAC,EAAEjB,oBAAoB,CAACkB,cAAc,EAAE,CAAC;IACtD,IAAI;MAAEC;IAAU,CAAC,GAAG,CAAC,CAAC,EAAErB,YAAY,CAACsB,gBAAgB,EAAE,CAAC;IACxD,OAAO,eAAgB,CAAC,CAAC,EAAEzB,kBAAkB,CAAC0B,IAAI,EAAExB,iBAAiB,CAACyB,MAAM,EAAE;MAC5E,GAAGH,SAAS,CAACI,GAAG;MAChBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,CACR,eAAgB,CAAC,CAAC,EAAEhC,kBAAkB,CAACiC,GAAG,EAAE/B,iBAAiB,CAACgC,IAAI,EAAE;QAClEC,QAAQ,EAAE,IAAI;QACdC,KAAK,EAAE,UAAU;QACjBC,UAAU,EAAE,CAAC;QACbC,UAAU,EAAE,MAAM;QAClBN,QAAQ,EAAEd;MACZ,CAAC,CAAC;MACF;AACR;AACA;MACQ;MAAgB,CAAC,CAAC,EAAElB,kBAAkB,CAACiC,GAAG,EAAE/B,iBAAiB,CAACqC,MAAM,EAAE;QACpET,QAAQ,EAAE,CAAC;QACXO,UAAU,EAAE,CAAC;QACbN,QAAQ,EAAExB,aAAa;QACvBiC,cAAc,EAAE,QAAQ;QACxBR,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEhC,kBAAkB,CAACiC,GAAG,EAAErB,MAAM,EAAE;UAC5DnB,KAAK,EAAE,CACLA,KAAK,CACN;UACDgD,GAAG,EAAE,CAAC;UACNtB,GAAG;UACHC,IAAI;UACJC,QAAQ,EAAE,SAASqB,SAASA,CAACC,MAAM,EAAE;YACnC,IAAI,OAAOA,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAEtB,QAAQ,CAACsB,MAAM,CAAC,CAAC,CAAC,CAAC;UACxD,CAAC;UACD,YAAY,EAAEzB,KAAK;UACnB0B,OAAO,EAAE;QACX,CAAC;MACH,CAAC,CAAC,EACF,eAAgB,CAAC,CAAC,EAAE5C,kBAAkB,CAACiC,GAAG,EAAE/B,iBAAiB,CAACgC,IAAI,EAAE;QAClEC,QAAQ,EAAE,IAAI;QACdU,UAAU,EAAE,KAAK;QACjBT,KAAK,EAAE3C,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,UAAU;QAC1CsC,QAAQ,EAAEzB,YAAY;QACtBwC,SAAS,EAAE,OAAO;QAClBR,UAAU,EAAE,MAAM;QAClBN,QAAQ,EAAEvC,KAAK,GAAG,CAAC,GAAG,GAAGA,KAAK,GAAG,GAAG6B,CAAC,CAAC,KAAK;MAC7C,CAAC,CAAC;IAEN,CAAC,CAAC;EACJ;EACA,OAAO;IACLP,OAAO,EAAEC;EACX,CAAC;AACH,CAAC,CAAC;AACF,SAASpB,WAAWA,CAACmD,KAAK,EAAE;EAC1B,OAAO,eAAgB,CAAC,CAAC,EAAE/C,kBAAkB,CAACiC,GAAG,EAAE7B,YAAY,CAAC4C,QAAQ,EAAE;IACxEC,QAAQ,EAAE,IAAI;IACdjB,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEhC,kBAAkB,CAACiC,GAAG,EAAEzB,YAAY,EAAE;MAClE,GAAGuC;IACL,CAAC;EACH,CAAC,CAAC;AACJ;AACA,SAASlD,YAAYA,CAACqD,OAAO,EAAE;EAC7B,IAAIC,IAAI,GAAGC,SAAS,CAACC,MAAM,GAAG,CAAC,IAAID,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAGA,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;IAAEE,KAAK,GAAGF,SAAS,CAACC,MAAM,GAAG,CAAC,IAAID,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAGA,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;EAC3J,OAAOG,IAAI,CAACpC,GAAG,CAACmC,KAAK,EAAEC,IAAI,CAACC,IAAI,CAACD,IAAI,CAACpC,GAAG,CAAC,CAAC,EAAE+B,OAAO,CAAC,GAAGC,IAAI,CAAC,GAAGA,IAAI,CAAC;AACvE","ignoreList":[]}

package/dist/cjs/list/RecordCard.cjs

@@ -0,0 +1,233 @@
+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 RecordCard_exports = {};
+__export(RecordCard_exports, {
+  RecordCard: () => RecordCard
+});
+module.exports = __toCommonJS(RecordCard_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_FacetBadge = require("./FacetBadge.cjs");
+var import_ImageWell = require("./ImageWell.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function isModifiedPress(event) {
+  const native = event?.nativeEvent ?? event;
+  return Boolean(native && (native.metaKey || native.ctrlKey || native.shiftKey || native.altKey || (native.button ?? 0) !== 0));
+}
+function RecordCard({
+  title,
+  subtitle,
+  code,
+  images,
+  tints,
+  badges = [],
+  href,
+  onPress,
+  favorite,
+  lazy = false,
+  testID,
+  favoriteTestID
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps,
+    elevation: elevationState
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
+  const focusRing = (0, import_theme.ensureFocusVisibleRing)({
+    outlineOffset: -2
+  });
+  const [anchorKeyboardFocus, setAnchorKeyboardFocus] = (0, import_react2.useState)(false);
+  if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  const handlePress = event => {
+    const press = event;
+    if (href && isModifiedPress(press)) return;
+    press?.preventDefault?.();
+    press?.stopPropagation?.();
+    onPress?.();
+  };
+  const handleToggleFavorite = event => {
+    const press = event;
+    press?.preventDefault?.();
+    press?.stopPropagation?.();
+    press?.nativeEvent?.preventDefault?.();
+    press?.nativeEvent?.stopPropagation?.();
+    favorite?.toggle();
+  };
+  const passThrough = href ? "box-none" : void 0;
+  const inert = href ? "none" : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Card, {
+    testID,
+    position: "relative",
+    ...knobProps.cardSurface,
+    elevation: knobProps.elevation,
+    cursor: "pointer",
+    transition: knobProps.transition,
+    hoverStyle: {
+      ...elevationState.hoverKnobProps
+    },
+    pressStyle: {
+      ...elevationState.pressKnobProps
+    },
+    ...(href ? anchorKeyboardFocus ? import_theme.keyboardFocusRingProps : null : {
+      role: "button",
+      "aria-label": title,
+      onPress: handlePress,
+      focusVisibleStyle: focusRing
+    }),
+    children: [href ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Anchor, {
+      href,
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 0,
+      textDecorationLine: "none",
+      outlineWidth: 0,
+      "aria-label": title,
+      onPress: handlePress,
+      ...(import_components.isWeb ? {
+        onFocus: () => {
+          if ((0, import_theme.wasKeyboardFocus)()) setAnchorKeyboardFocus(true);
+        },
+        onBlur: () => setAnchorKeyboardFocus(false)
+      } : void 0)
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$1.5",
+      zIndex: 1,
+      pointerEvents: passThrough,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        position: "relative",
+        pointerEvents: passThrough,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+          sources: images,
+          alt: title,
+          tints,
+          inset: 0.04,
+          lazy,
+          pointerEvents: inert
+        }), code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          position: "absolute",
+          top: "$2",
+          left: "$2",
+          ...knobProps.borderRadius,
+          borderWidth: 0,
+          backgroundColor: "$background08",
+          paddingHorizontal: "$1.5",
+          paddingVertical: "$0.5",
+          zIndex: 1,
+          pointerEvents: inert,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$1",
+            fontWeight: "800",
+            letterSpacing: 1,
+            color: "$color12",
+            children: code
+          })
+        }) : null, favorite ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          position: "absolute",
+          top: "$1",
+          right: "$1",
+          zIndex: 2,
+          pointerEvents: "auto",
+          ...(import_components.isWeb ? {
+            onClickCapture: event => {
+              event.preventDefault();
+            }
+          } : void 0),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$3",
+            circular: true,
+            chromeless: true,
+            minWidth: knobProps.sizeToken,
+            minHeight: knobProps.sizeToken,
+            transition: knobProps.transition,
+            backgroundColor: "$background08",
+            hoverStyle: {
+              backgroundColor: "$background",
+              scale: 1.08
+            },
+            pressStyle: {
+              backgroundColor: "$background",
+              scale: 0.92
+            },
+            onPress: handleToggleFavorite,
+            render: "button",
+            type: "button",
+            col: favorite.active ? "$red9" : "$color11",
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+              size: 20,
+              weight: favorite.active ? "fill" : "regular"
+            }),
+            "aria-label": favorite.active ? t("Remove {{name}} from favorites", {
+              name: title
+            }) : t("Add {{name}} to favorites", {
+              name: title
+            }),
+            "aria-pressed": favorite.active,
+            testID: favoriteTestID
+          })
+        }) : null, badges.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          position: "absolute",
+          bottom: "$2",
+          left: "$2",
+          right: "$2",
+          gap: "$1.5",
+          flexWrap: "wrap",
+          zIndex: 1,
+          pointerEvents: "none",
+          children: badges.map(badge => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetBadge.FacetBadge, {
+            label: badge.label,
+            tint: badge.tint,
+            compact: true
+          }, badge.value))
+        }) : null]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        gap: "$0.5",
+        pointerEvents: inert,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.heading,
+          fontWeight: "700",
+          fontSize: "$4",
+          numberOfLines: 1,
+          color: "$color12",
+          children: title
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.body,
+          fontSize: "$2",
+          color: "$color10",
+          numberOfLines: 1,
+          children: subtitle || "\xA0"
+        })]
+      })]
+    })]
+  });
+}

package/dist/cjs/list/RecordCard.native.js

@@ -0,0 +1,173 @@
+"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 RecordCard_native_exports = {};
+__export(RecordCard_native_exports, {
+  RecordCard: () => RecordCard
+});
+module.exports = __toCommonJS(RecordCard_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+var import_FacetBadge = require("./FacetBadge.native.js");
+var import_ImageWell = require("./ImageWell.native.js");
+function RecordCard(param) {
+  var {
+    title,
+    subtitle,
+    code,
+    images,
+    tints,
+    badges = [],
+    onPress,
+    favorite,
+    testID,
+    favoriteTestID
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps,
+    elevation: elevationState
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Card"
+  });
+  var handleToggleFavorite = function handleToggleFavorite2(event) {
+    var _event_stopPropagation;
+    event === null || event === void 0 ? void 0 : (_event_stopPropagation = event.stopPropagation) === null || _event_stopPropagation === void 0 ? void 0 : _event_stopPropagation.call(event);
+    favorite === null || favorite === void 0 ? void 0 : favorite.toggle();
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Card, {
+    testID,
+    ...knobProps.cardSurface,
+    elevation: knobProps.elevation,
+    transition: knobProps.transition,
+    pressStyle: {
+      scale: 0.98,
+      ...elevationState.pressKnobProps
+    },
+    role: "button",
+    "aria-label": title,
+    onPress: function onPress1() {
+      return onPress === null || onPress === void 0 ? void 0 : onPress();
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$1.5",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        position: "relative",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+          sources: images,
+          alt: title,
+          tints,
+          inset: 0.04
+        }), code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          position: "absolute",
+          top: "$2",
+          left: "$2",
+          ...knobProps.borderRadius,
+          borderWidth: 0,
+          backgroundColor: "$background08",
+          paddingHorizontal: "$1.5",
+          paddingVertical: "$0.5",
+          zIndex: 1,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$1",
+            fontWeight: "800",
+            letterSpacing: 1,
+            color: "$color12",
+            children: code
+          })
+        }) : null, favorite ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          position: "absolute",
+          top: "$1",
+          right: "$1",
+          zIndex: 2,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$3",
+            circular: true,
+            chromeless: true,
+            minWidth: knobProps.sizeToken,
+            minHeight: knobProps.sizeToken,
+            transition: knobProps.transition,
+            backgroundColor: "$background08",
+            pressStyle: {
+              backgroundColor: "$background",
+              scale: 0.92
+            },
+            onPress: handleToggleFavorite,
+            col: favorite.active ? "$red9" : "$color11",
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+              size: 20,
+              weight: favorite.active ? "fill" : "regular"
+            }),
+            "aria-label": favorite.active ? t("Remove {{name}} from favorites", {
+              name: title
+            }) : t("Add {{name}} to favorites", {
+              name: title
+            }),
+            "aria-pressed": favorite.active,
+            testID: favoriteTestID
+          })
+        }) : null, badges.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          position: "absolute",
+          bottom: "$2",
+          left: "$2",
+          right: "$2",
+          gap: "$1.5",
+          flexWrap: "wrap",
+          zIndex: 1,
+          pointerEvents: "none",
+          children: badges.map(function (badge) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetBadge.FacetBadge, {
+              label: badge.label,
+              tint: badge.tint,
+              compact: true
+            }, badge.value);
+          })
+        }) : null]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        gap: "$0.5",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.heading,
+          fontWeight: "700",
+          fontSize: "$4",
+          numberOfLines: 1,
+          color: "$color12",
+          children: title
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.body,
+          fontSize: "$2",
+          color: "$color10",
+          numberOfLines: 1,
+          children: subtitle || "\xA0"
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=RecordCard.native.js.map

package/dist/cjs/list/RecordCard.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RecordCard_native_exports","__export","RecordCard","module","exports","__toCommonJS","import_jsx_runtime","require","import_components","import_forms","import_theme","import_react","import_react_i18next","import_FacetBadge","import_ImageWell","param","title","subtitle","code","images","tints","badges","onPress","favorite","testID","favoriteTestID","t","useTranslation","knobProps","elevation","elevationState","useResolvedKnobs","component","handleToggleFavorite","handleToggleFavorite2","event","_event_stopPropagation","stopPropagation","call","toggle","jsx","Card","cardSurface","transition","pressStyle","scale","pressKnobProps","role","onPress1","children","jsxs","YStack","gap","position","ImageWell","sources","alt","inset","XStack","top","left","borderRadius","borderWidth","backgroundColor","paddingHorizontal","paddingVertical","zIndex","Text","fontSize","fontWeight","letterSpacing","color","right","Button","size","circular","chromeless","minWidth","sizeToken","minHeight","col","active","icon","HeartIcon","weight","name","length","bottom","flexWrap","pointerEvents","map","badge","FacetBadge","label","tint","compact","value","heading","numberOfLines","body"],"sources":["../../../src/list/RecordCard.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}