@multiplatform.one/frappe-ui 7.23.1 → 7.24.0

package/dist/cjs/list/RangeFilter.cjs

@@ -0,0 +1,122 @@
+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_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 import_jsx_runtime = require("react/jsx-runtime");
+const readoutWidth = 44;
+const trackMinWidth = 100;
+const RangeRowLazy = (0, import_react.lazy)(async () => {
+  const forms = await import("@multiplatform.one/forms");
+  const MaybeSlider = forms.Slider;
+  if (!MaybeSlider) {
+    const Absent = () => null;
+    return {
+      default: Absent
+    };
+  }
+  const Slider = MaybeSlider;
+  function RangeRow({
+    label,
+    value,
+    max,
+    step = 5,
+    onChange
+  }) {
+    const {
+      t
+    } = (0, import_react_i18next.useTranslation)();
+    const {
+      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
+      }), /* @__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: 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, stop = 25, floor = 50) {
+  return Math.max(floor, Math.ceil(Math.max(0, highest) / stop) * stop);
+}

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":["__toCommonJS","mod","__copyProps","__defProp","value","RangeFilter_exports","__export","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"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAqC,CAAAK,mBAAA;AACrC,IAAAM,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAmD,GAAAD,OAAA;AACnD,IAAAE,YAAA,GAAAF,OAAA,CAA+B;AA+BzB,IAAAG,YAAA,GAAAH,OAAA;AAnBN,IAAAI,oBAAqB,GAAAJ,OAAA;AACrB,IAAAK,YAAM;AAKN,IAAAC,aAAM;AACJ,IAAAC,YAAc,kBAAa,IAAAJ,YAAA,CAAAK,IAA0B;EACrD,IAAAC,KAAM,eAAe,2BAAgC;EACrD,IAAIC,WAAC,GAAaD,KAAA,CAAAE,MAAA;EAChB,KAAAD,WAAM,EAA0C;IAChD,IAAAE,MAAS,YAASC,OAAOA,CAAA;MAC3B;IACA;IAEA,OAAS;MACPC,OAAQ,EAAEF;IACV;EACA;EAEI,IAAAD,MAAA,GAAAD,WAAA;EAEA,SAIAK,SAAAC,KAAA;IACE,IAAC;MAAAC,KAAA;MAAAzB,KAAA;MAAA0B,GAAA;MAAAC,IAAA;MAAAC;IAAA,IAAAJ,KAAA;IAAA;MAAAK;IAAA,QAAAjB,oBAAA,CAAAkB,cAAA;IAAA;MACCC;IAAQ,IAAK,IAAArB,YAAA,CAAAsB,gBAAA;IAAA,OACb,eAAK,IAAAzB,kBAAA,CAAA0B,IAAA,EAAAxB,iBAAA,CAAAyB,MAAA;MAAA,GAAAH,SACL,CAAAI,GAAA;MAAAC,UACA;MAAAC,QACA;MACEC,QAAA,EAAI;MAAiDC,QACvD,kBACY,IAAAhC,kBAAA,CAAAiC,GAAA,EAAA/B,iBAAA,CAAAgC,IAAA;QACZC,QAAA,EAAO;QAAAC,KAAA;QAEXC,UAAA;QACAC,UAAA;QAACN,QAAA,EAAAd;MAAA;MAAA;AACU;AACE;MACqB;MACtB,IAAAlB,kBAAA,CAAAiC,GAAA,EAAA/B,iBAAA,CAAAqC,MAAA;QACVT,QAAA,GAAU;QACVO,UAAA,EAAW;QAEVN,QAAA,EAAAxB,aAAY;QAAqBiC,cAAA;QACpCR,QAAA,qBAAAhC,kBAAA,CAAAiC,GAAA,EAAArB,MAAA;UACFnB,KAAA,GAEJA,KAAA,CACS;UACVgD,GAAA;UAGetB,GAAA;UAEZC,IAAA;UAIJC,QAAA,WAAAqB,UAAAC,MAAA;YAGgB,WAAaA,MAAiB,QAAO,QAAI,EAAAtB,QAAoB,CAAAsB,MAAA;UACpE;UACT,cAAAzB,KAAA","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":[]}