@multiplatform.one/frappe-ui 7.34.4 → 7.36.0

package/dist/cjs/record/RecordBars.native.js

@@ -32,87 +32,14 @@ var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
 var import_react_i18next = require("react-i18next");
 var import_recordData = require("./recordData.native.js");
-var chartHeight = 220;
-var chartTicks = 4;
-function FixedScaleBars(param) {
-  var {
-    data,
-    max,
-    label,
-    testID
-  } = param;
-  var {
-    palette,
-    labelFontSize
-  } = (0, import_components.useChartTheme)();
-  var fills = data.map(function () {
-    return palette.single;
-  });
-  var domain = [0, max];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ChartSurface, {
-    label,
-    height: chartHeight,
-    testID,
-    children: function children(size) {
-      var marginScale = (0, import_components.createLinearScale)({
-        domain,
-        range: [0, 1],
-        nice: false
-      });
-      var tickLabels = (0, import_components.getLinearTicks)(marginScale, chartTicks).map(function (value) {
-        return (0, import_components.formatChartValue)(value);
-      });
-      var widestTick = Math.max(0, ...tickLabels.map(function (tick) {
-        return (0, import_components.approximateTextWidth)(tick, labelFontSize);
-      }));
-      var top = Math.ceil(labelFontSize / 2) + 2;
-      var right = 4;
-      var bottom = 4 + 3 + Math.ceil(labelFontSize * 1.15);
-      var left = Math.ceil(widestTick) + 4 + 3 + 2;
-      var plot = {
-        x: left,
-        y: top,
-        width: Math.max(0, size.width - left - right),
-        height: Math.max(0, size.height - top - bottom)
-      };
-      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
-      var xScale = (0, import_components.createBandScale)({
-        domain: data.map(function (datum) {
-          return datum.label;
-        }),
-        range: [plot.x, plot.x + plot.width]
-      });
-      var yScale = (0, import_components.createLinearScale)({
-        domain,
-        range: [plot.y + plot.height, plot.y],
-        nice: false
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YAxis, {
-          plot,
-          scale: yScale,
-          ticks: chartTicks,
-          tickFormat: function tickFormat(value) {
-            return (0, import_components.formatChartValue)(value);
-          }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.BarSeries, {
-          data,
-          xScale,
-          yScale,
-          plot,
-          fills
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XAxis, {
-          plot,
-          scale: xScale
-        })]
-      });
-    }
-  });
-}
+var import_RecordRows = require("./RecordRows.native.js");
+var labelWidth = "$8";
+var valueWidth = "$3";
 function RecordBars(param) {
   var {
     rows,
     section,
+    tint,
     testID
   } = param;
   var _section_totalLabel;
@@ -124,9 +51,7 @@ function RecordBars(param) {
   } = (0, import_theme.useResolvedKnobs)();
   var {
     knobProps: nested
-  } = (0, import_theme.useResolvedKnobs)({
-    compact: true
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   var {
     bars,
     total
@@ -136,12 +61,6 @@ function RecordBars(param) {
     var _section_barLabel;
     return (_ref = (_section_barLabel = section.barLabel) === null || _section_barLabel === void 0 ? void 0 : _section_barLabel.call(section, key)) !== null && _ref !== void 0 ? _ref : key;
   };
-  var data = bars.map(function (bar) {
-    return {
-      label: name(bar.key),
-      value: bar.value
-    };
-  });
   if (bars.length === 0) {
     var _section_empty;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
@@ -151,74 +70,82 @@ function RecordBars(param) {
       children: (_section_empty = section.empty) !== null && _section_empty !== void 0 ? _section_empty : t("None yet")
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-    ...knobProps.gapLg,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+  var top = Math.max(...bars.map(function (bar) {
+    return bar.value;
+  }));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_RecordRows.RecordGroupFrame, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    testID,
+    role: "figure",
+    "aria-label": section.title,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      role: "list",
       ...knobProps.gap,
-      alignItems: "baseline",
-      justifyContent: "space-between",
-      flexWrap: "wrap",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          ...nested.label,
-          color: "$color10",
-          textTransform: "uppercase",
-          letterSpacing: 1,
-          children: (_section_totalLabel = section.totalLabel) !== null && _section_totalLabel !== void 0 ? _section_totalLabel : t("Total")
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          fontSize: "$10",
-          fontWeight: "700",
-          children: total
-        })]
-      }), section.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-        ...nested.label,
-        color: "$color10",
-        flexShrink: 1,
-        maxWidth: (0, import_theme.sizeRecipeEscape)(420, "chart caption: a readable measure beside the total"),
-        children: section.description
-      }) : null]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(FixedScaleBars, {
-      data,
-      max: section.max,
-      testID,
-      label: [(0, import_components.describeChart)({
-        typeLabel: t("Bar chart"),
-        title: section.title,
-        data
-      }), t("Values on a fixed 0 to {{max}} scale.", {
-        max: section.max
-      })].join(" ")
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-      ...nested.gap,
-      flexWrap: "wrap",
       children: bars.map(function (bar) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-          content: t("{{name}}: {{value}}", {
-            name: name(bar.key),
-            value: bar.value
-          }),
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-            ...nested.borderRadius,
-            backgroundColor: "$color2",
-            borderWidth: 0,
-            paddingHorizontal: "$2",
-            paddingVertical: "$0.5",
-            gap: "$1",
-            alignItems: "baseline",
-            cursor: "help",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-              ...nested.label,
-              ...nested.body,
-              color: "$color10",
-              children: name(bar.key)
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-              ...nested.label,
-              fontWeight: "700",
-              children: bar.value
-            })]
-          })
+        var percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
+        var fill = tint && bar.value === top ? `$${tint}9` : "$color9";
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          role: "listitem",
+          alignItems: "center",
+          ...knobProps.gap,
+          "data-record-bar": bar.key,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            color: "$color11",
+            width: labelWidth,
+            flexShrink: 0,
+            numberOfLines: 1,
+            children: name(bar.key)
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            fontWeight: "700",
+            color: "$color12",
+            width: valueWidth,
+            flexShrink: 0,
+            textAlign: "right",
+            children: bar.value
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+            flex: 1,
+            minWidth: 0,
+            height: "$0.75",
+            borderRadius: "$true",
+            backgroundColor: "$color4",
+            overflow: "hidden",
+            role: "meter",
+            "aria-label": name(bar.key),
+            "aria-valuenow": bar.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": section.max,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+              height: "100%",
+              width: `${percent}%`,
+              borderRadius: "$true",
+              backgroundColor: fill,
+              "data-record-bar-fill": ""
+            })
+          })]
         }, bar.key);
       })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      ...knobProps.gap,
+      "data-record-bars-total": "",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...nested.label,
+        color: "$color11",
+        width: labelWidth,
+        flexShrink: 0,
+        children: (_section_totalLabel = section.totalLabel) !== null && _section_totalLabel !== void 0 ? _section_totalLabel : t("Total")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...nested.label,
+        fontWeight: "800",
+        color: "$color12",
+        width: valueWidth,
+        flexShrink: 0,
+        textAlign: "right",
+        children: total
+      })]
     })]
   });
 }

package/dist/cjs/record/RecordBars.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordBars_exports","__export","RecordBars","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_recordData","chartHeight","chartTicks","FixedScaleBars","param","data","max","label","testID","palette","labelFontSize","useChartTheme","fills","map","single","domain","jsx","ChartSurface","height","children","size","marginScale","createLinearScale","range","nice","tickLabels","getLinearTicks","formatChartValue","widestTick","Math","tick","approximateTextWidth","top","ceil","right","bottom","left","plot","x","y","width","length","xScale","createBandScale","datum","yScale","jsxs","Fragment","YAxis","scale","ticks","tickFormat","BarSeries","XAxis","rows","section","_section_totalLabel","t","useTranslation","knobProps","useResolvedKnobs","nested","compact","bars","total","childBars","name","name2","key","_ref","_section_barLabel","barLabel","call","bar","_section_empty","Text","body","color","empty","YStack","gapLg","XStack","gap","alignItems","justifyContent","flexWrap","textTransform","letterSpacing","totalLabel"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordBars_exports","__export","RecordBars","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_recordData","import_RecordRows","labelWidth","valueWidth","param","rows","section","tint","testID","_section_totalLabel","t","useTranslation","knobProps","useResolvedKnobs","nested","bars","total","childBars","name","name2","key","_ref","_section_barLabel","barLabel","call","length","_section_empty","jsx","Text","label","body","color","children","empty","top","Math","max","map","bar","jsxs","RecordGroupFrame","panelPadding","gap","role","title","YStack","percent","min","fill","XStack","alignItems","width","flexShrink","numberOfLines","fontWeight","textAlign","flex","minWidth","height","borderRadius","backgroundColor","overflow","Separator","totalLabel"],"sources":["../../../src/record/RecordBars.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,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgD,CAAAK,kBAAA;AAChD,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAA,GAAAD,OAA+B;AAC/B,IAAAE,YAAA,GAAAF,OAA0B;AAC1B,IAAAG,oBAAiC,GAAAH,OAAA;AAgC3B,IAAAI,iBAAA,GAAAJ,OAAA;AA7BN,IAAAK,iBAAmB,GAAAL,OAAA;AACnB,IAAAM,UAAM,OAAa;AAQZ,IAAAC,UAAS,OAAW;AAAA,SACzBX,WAAAY,KAAA;EACA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,KAAA;EACA,IAAAK,mBAAA;EACA;IAAAC;EAAA,QAAAX,oBAAA,CAAAY,cAAA;EACF,IAMG;IAAAC;EAAA,QAAAd,YAAA,CAAAe,gBAAA;EACD;IAAMD,SAAI,EAAAE;EAAI,QAAAhB,YAAA,CAAAe,gBAAe;EAC7B;IAAME,IAAE;IAAAC;EAAU,QAAIhB,iBAAA,CAAAiB,SAAA,EAAAZ,IAAiB,EAAAC,OAAA;EACvC,IAAAY,IAAQ,YAAWC,MAAOC,GAAA;IAC1B,IAAMC,IAAE;IACR,IAAMC,iBAAwB;IAE9B,OAAS,CAAAD,IAAA,IAAAC,iBAAc,GAAAhB,OAAA,CAAAiB,QAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAAE,IAAA,CAAAlB,OAAA,EAAAc,GAAA,eAAAC,IAAA,cAAAA,IAAA,GAAAD,GAAA;EACrB;EAKF,IAAAL,IAAA,CAAAU,MAAA;IAEA,IAAMC,cAAW;IACjB,OACE,mBAAA/B,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAA+B,IAAA;MAAC,GAAAd,MAAA,CAAAe,KAAA;MAAA,GAAAf,MAAA,CAAAgB,IAAA;MACEC,KAAG,YAAU;MACbC,QAAG,GAAAN,cAAU,GAAApB,OAAA,CAAA2B,KAAA,cAAAP,cAAA,cAAAA,cAAA,GAAAhB,CAAA;IAAA,EACd;EAAA;EACK,IACLwB,GAAA,GAAAC,IAAA,CAAAC,GAAY,IAAArB,IAAQ,CAAAsB,GAAA,WAAAC,GAAA;IAAA,OAEpBA,GAAA,CAAAjD,KAAA;EAAA;EAEI,sBAAM,CAAU,GAAAM,kBAAqB,CAAA4C,IAAM,EAAAtC,iBAAY,CAAQuC,gBAAW;IAC1E,GAAA5B,SAAM,CAAA6B,YAAO;IACb,GAAA7B,SAAA,CACE8B,GAAA;IAAAlC,MAAA;IAACmC,IAAA;IAAA,YAEC,EAAArC,OAAK,CAAAsC,KAAA;IAAAZ,QAAA,EACL,CAAW,eACP,IAAArC,kBAAU,CAAAgC,GAAA,EAAA9B,iBAAA,CAAAgD,MAAA;MAAAF,IAAA,EACd;MAAqB,GAAA/B,SAErB,CAAA8B,GAAA;MAAAV,QAAA,EAAAjB,IAAA,CAAAsB,GAAA,WAAAC,GAAA;QAAA,IAAAQ,OAAC,GAAAX,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAY,GAAA,MAAAT,GAAA,CAAAjD,KAAA,GAAAiB,OAAA,CAAA8B,GAAA;QAAA,IAAAY,IAAA,GAAAzC,IAAA,IAAA+B,GAAA,CAAAjD,KAAA,KAAA6C,GAAA,OAAA3B,IAAA;QAAA,sBACY,IAAAZ,kBAAA,CAAA4C,IAAA,EAAA1C,iBAAA,CAAAoD,MAAA;UAAAN,IAAA,YACL;UAAAO,UACN,UAAO;UAAA,GAAAtC,SACP,CAAA8B,GAAA;UAAY,iBACZ,EAAAJ,GAAA,CAAelB,GAAA;UAAAY,QAEd,GAAY,mBAAArC,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAA+B,IAAA;YACf,GAAAd,MAAA,CAAAe,KAAA;YACAE,KAAA;YAAAoB,KAAC,EAAAjD,UAAA;YAAAkD,UAAA;YAAAC,aACK,EAAO;YAAArB,QACX,EAAAd,IAAA,CAAAoB,GAAW,CAAAlB,GAAA;UAAA,IACL,eACC,IAAAzB,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAA+B,IAAA;YAAA,GAAAd,MACP,CAAAe,KAAA;YAAYyB,UACZ,OAAU;YAAAvB,KAET;YAAIoB,KAAA,EAAAhD,UAAA;YACPiD,UAAA;YACAG,SAAA;YAAAvB,QAAC,EAAAM,GAAA,CAAAjD;UAAA,mBACO,IAAAM,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAAgD,MAAA;YAAAW,IACN;YAAUC,QACV;YAAOC,MACP;YAAaC,YACb,SAAgB;YAAAC,eACP;YAAAC,QACT,EAAK;YAAAlB,IACL;YAAwB,YACxB,EAAAzB,IAAA,CAAAoB,GAAe,CAAAlB,GAAI;YAAA,eACnB,EAAAkB,GAAA,CAAejD,KAAA;YAAA,eACf;YAAuB,eAEvB,EAAAiB,OAAA,CAAA8B,GAAA;YAAAJ,QAAC,qBAAArC,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAAgD,MAAA;cAAAa,MAAA;cAAAP,KAAA,EACC,GAAAL,OAAO;cAAAa,YACP,EAAO,OAAG;cAAOC,eACjB,EAAAZ,IAAa;cAAA,sBACb,EAAiB;YAAA;UACI;QACvB,GAAAV,GAAA,CAAAlB,GAAA;MAAA;IACF,uBAAAzB,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAAiE,SAAA,sBA7CS,IAAAnE,kBAAA,CAAA4C,IAAA,EAAA1C,iBAAA,CAAAoD,MAAA;MAAAC,UA8CX;MAEJ,GAACtC,SACH,CAAA8B,GAAA;MACA;MACAV,QAAA,GACE,mBAAArC,kBAAA,CAAAgC,GAAA,EAAC9B,iBAAA,CAAA+B,IAAA;QAGD,GAAAd,MAAA,CAAAe,KAAA;QAACE,KAAA;QAAAoB,KAAA,EAAAjD,UAAA;QAAAkD,UACK,EAAO;QAAApB,QACX,GAAAvB,mBAAW,GAAAH,OAAA,CAAAyD,UAAA,cAAAtD,mBAAA,cAAAA,mBAAA,GAAAC,CAAA;MAAA,IACL,eACC,IAAAf,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAA+B,IAAA;QAAA,GACPd,MAAA,CAAAe,KAAY;QAAAyB,UACZ,OAAU;QAAAvB,KAET;QAAAoB,KAAA,EAAAhD,UAAA;QACHiD,UAAA;QACFG,SAAA;QAAAvB,QAAA,EAAAhB;MAAA;IAGN","ignoreList":[]}

package/dist/cjs/record/RecordGallery.cjs

@@ -26,22 +26,24 @@ __export(RecordGallery_exports, {
 });
 module.exports = __toCommonJS(RecordGallery_exports);
 var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_ImageWell = require("../list/ImageWell.cjs");
+var import_RecordHero = require("./RecordHero.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const art = (0, import_theme.sizeRecipeEscape)(import_RecordHero.recordHeroArtHeight, "hero art: the design's artwork height");
 function RecordGallery({
   images,
   slides = [],
-  alt,
-  tints
+  alt
 }) {
   const [width, setWidth] = (0, import_react.useState)(0);
-  const first = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
-    sources: images,
-    alt,
-    tints,
-    inset: 0.08
-  });
+  const well = {
+    aspectRatio: void 0,
+    height: art,
+    borderRadius: 0,
+    backgroundColor: "transparent"
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
     onLayout: event => setWidth(Math.round(event.nativeEvent.layout.width)),
     width: "100%",
@@ -50,18 +52,24 @@ function RecordGallery({
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
         sources: images,
         alt,
-        tints,
-        inset: 0.08,
-        width
+        inset: 0,
+        width,
+        ...well
       }), slides.map(slide => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
         sources: [slide.src],
         alt: `${alt}, ${slide.label}`,
         pixelated: slide.pixelated,
         inset: 0.14,
-        backgroundColor: "$color2",
         width,
-        lazy: true
+        lazy: true,
+        ...well
       }, slide.src))]
-    }) : first
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+      sources: images,
+      alt,
+      inset: 0,
+      width: "100%",
+      ...well
+    })
   });
 }

package/dist/cjs/record/RecordGallery.native.js

@@ -29,22 +29,24 @@ __export(RecordGallery_exports, {
 module.exports = __toCommonJS(RecordGallery_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_ImageWell = require("../list/ImageWell.native.js");
+var import_RecordHero = require("./RecordHero.native.js");
+var art = (0, import_theme.sizeRecipeEscape)(import_RecordHero.recordHeroArtHeight, "hero art: the design's artwork height");
 function RecordGallery(param) {
   var {
     images,
     slides = [],
-    alt,
-    tints
+    alt
   } = param;
   var [width, setWidth] = (0, import_react.useState)(0);
-  var first = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
-    sources: images,
-    alt,
-    tints,
-    inset: 0.08
-  });
+  var well = {
+    aspectRatio: void 0,
+    height: art,
+    borderRadius: 0,
+    backgroundColor: "transparent"
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
     onLayout: function onLayout(event) {
       return setWidth(Math.round(event.nativeEvent.layout.width));
@@ -55,21 +57,27 @@ function RecordGallery(param) {
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
         sources: images,
         alt,
-        tints,
-        inset: 0.08,
-        width
+        inset: 0,
+        width,
+        ...well
       }), slides.map(function (slide) {
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
           sources: [slide.src],
           alt: `${alt}, ${slide.label}`,
           pixelated: slide.pixelated,
           inset: 0.14,
-          backgroundColor: "$color2",
           width,
-          lazy: true
+          lazy: true,
+          ...well
         }, slide.src);
       })]
-    }) : first
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+      sources: images,
+      alt,
+      inset: 0,
+      width: "100%",
+      ...well
+    })
   });
 }
 //# sourceMappingURL=RecordGallery.native.js.map

package/dist/cjs/record/RecordGallery.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordGallery_exports","__export","RecordGallery","module","exports","import_jsx_runtime","require","import_components","import_react","import_ImageWell","param","images","slides","alt","tints","width","setWidth","useState","first","jsx","ImageWell","sources","inset","YStack","onLayout","event","Math","round","nativeEvent","layout","children","length","jsxs","Carousel","gap"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,qBAAA;AACjC,IAAAK,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,iBAAA,GAA0BD,OAAA;AAoBV,IAAAE,YAAA,GAAAF,OAAA;AAFT,IAAAG,gBAAS,GAAcH,OAAE,8BAAqB,CAAK;AACxD,SAAOJ,aAAOA,CAAAQ,KAAQ;EACtB;IAAMC,MAAA;IAAQC,MAAA;IAAAC,GAAA;IAAAC;EAAA,IAAAJ,KAAA;EACd,KAAAK,KACE,EAAAC,QAAA,QAAAR,YAAA,CAAAS,QAAA,EAAC;EAGK,IAAAC,KAAA,sBAAAb,kBAAC,CAAAc,GAAA,EAAAV,gBAAA,CAAAW,SAAU;IACVC,OAAO,EAAAV,MAAK;IACXE,GAAC;IAAAC,KAAA;IAAAQ,KAEC;EAAmB;EACQ,OAC3B,eAAiB,IAAAjB,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAgB,MAAA;IAAAC,QACjB,WAAOA,SAAAC,KAAA;MAAA,OACPT,QAAA,CAAAU,IAAgB,CAAAC,KAAA,CAAAF,KAAA,CAAAG,WAAA,CAAAC,MAAA,CAAAd,KAAA;IAAA;IAChBA,KACA,QAAI;IAAAe,QAAA,EAAAf,KAAA,QAAAH,MAAA,CAAAmB,MAAA,0BAAA1B,kBAAA,CAAA2B,IAAA,EAAAzB,iBAAA,CAAA0B,QAAA;MAPCC,GAAA,GAAM;MASdJ,QAAA,GACH,eAIJ,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,gBAAA,CAAAW,SAAA;QAEJC,OAAA,EAAAV,MAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordGallery_exports","__export","RecordGallery","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_ImageWell","import_RecordHero","art","sizeRecipeEscape","recordHeroArtHeight","param","images","slides","alt","width","setWidth","useState","well","aspectRatio","height","borderRadius","backgroundColor","jsx","YStack","onLayout","event","Math","round","nativeEvent","layout","children","length","jsxs","Carousel","gap","ImageWell","sources","inset"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,qBAAA;AACjC,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAyB,GAAAD,OAAA;AACzB,IAAAE,YAAA,GAAAF,OAA0B;AAE1B,IAAAG,YAAA,GAAAH,OAAoC;AA4B5B,IAAAI,gBAAA,GAAAJ,OAAA;AAlBR,IAAAK,iBAAY,GAAAL,OAAA,0BAAiB;AAOtB,IAAAM,GAAA,GAAS,IAAAJ,YAAgB,CAAAK,gBAAkB,EAAAF,iBAA8B,CAAAG,mBAAA;AAC9E,SAAOZ,aAAOA,CAAAa,KAAQ;EACtB;IAAMC,MAAA;IAAOC,MAAA;IAAAC;EAAA,IAAAH,KAAA;EAAA,IACX,CAAAI,KAAA,EAAAC,QAAa,QAAAX,YAAA,CAAAY,QAAA;EAAA,IACbC,IAAA,GAAQ;IACRC,WAAA,OAAc;IACdC,MAAA,EAAAZ,GAAA;IACFa,YAAA;IACAC,eACE;EAGM;EAAwE,OACvE,eAAY,CACX,GAAArB,kBAAA,CAAAsB,GAAA,EAAApB,iBAAA,CAAAqB,MAAA;IAAAC,QAAC,WAAAA,SAAAC,KAAA;MAAA,OAAAV,QAAA,CAAAW,IAAA,CAAAC,KAAA,CAAAF,KAAA,CAAAG,WAAA,CAAAC,MAAA,CAAAf,KAAA;IAAA;IAEoBA,KACnB,QAAQ;IAAmBgB,QAC3B,EAAAhB,KAAW,QAAMF,MAAA,CAAAmB,MAAA,0BAAA/B,kBAAA,CAAAgC,IAAA,EAAA9B,iBAAA,CAAA+B,QAAA;MAAAC,GACjB;MAAOJ,QACP,GACA,eAAI,IAAA9B,kBAAA,CAAAsB,GAAA,EAAAjB,gBAAA,CAAA8B,SAAA;QACHC,OAAG,EAAAzB,MAAA;QAAAE,GAAA;QAPCwB,KAAM;QASdvB,KAAA;QAGH,GAAAG;MAIR,I","ignoreList":[]}