@multiplatform.one/frappe-ui 7.23.2 → 7.24.0

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

@@ -0,0 +1,225 @@
+"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 RecordBars_exports = {};
+__export(RecordBars_exports, {
+  RecordBars: () => RecordBars
+});
+module.exports = __toCommonJS(RecordBars_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_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
+        })]
+      });
+    }
+  });
+}
+function RecordBars(param) {
+  var {
+    rows,
+    section,
+    testID
+  } = param;
+  var _section_totalLabel;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    knobProps: nested
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var {
+    bars,
+    total
+  } = (0, import_recordData.childBars)(rows, section);
+  var name = function name2(key) {
+    var _ref;
+    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, {
+      ...nested.label,
+      ...nested.body,
+      color: "$color10",
+      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, {
+      ...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
+            })]
+          })
+        }, bar.key);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=RecordBars.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RecordBars_exports","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","name2","_ref","_section_barLabel","barLabel","bar","_section_empty","Text","body","color","empty","YStack","gapLg","XStack","gap","alignItems","justifyContent","flexWrap"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/record/RecordGallery.mjs

@@ -0,0 +1,42 @@
+import { Carousel, YStack } from "@multiplatform.one/components";
+import { useState } from "react";
+import { ImageWell } from "../list/ImageWell.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RecordGallery({
+  images,
+  slides = [],
+  alt,
+  tints
+}) {
+  const [width, setWidth] = useState(0);
+  const first = /* @__PURE__ */jsx(ImageWell, {
+    sources: images,
+    alt,
+    tints,
+    inset: 0.08
+  });
+  return /* @__PURE__ */jsx(YStack, {
+    onLayout: event => setWidth(Math.round(event.nativeEvent.layout.width)),
+    width: "100%",
+    children: width > 0 && slides.length > 0 ? /* @__PURE__ */jsxs(Carousel, {
+      gap: 0,
+      children: [/* @__PURE__ */jsx(ImageWell, {
+        sources: images,
+        alt,
+        tints,
+        inset: 0.08,
+        width
+      }), slides.map(slide => /* @__PURE__ */jsx(ImageWell, {
+        sources: [slide.src],
+        alt: `${alt}, ${slide.label}`,
+        pixelated: slide.pixelated,
+        inset: 0.14,
+        backgroundColor: "$color2",
+        width,
+        lazy: true
+      }, slide.src))]
+    }) : first
+  });
+}
+export { RecordGallery };
+//# sourceMappingURL=RecordGallery.mjs.map

package/dist/jsx/record/RecordGallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Carousel","YStack","useState","ImageWell","jsx","jsxs","RecordGallery","images","slides","alt","tints","width","setWidth","first","sources","inset","onLayout","event","Math","round","nativeEvent","layout","children","length","gap","map","slide","src","label","pixelated","backgroundColor","lazy"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,QAAc;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAoBV,SAAAC,GAAA,EAIRC,IAAA,QAJQ;AAFT,SAASC,cAAc;EAAEC,MAAA;EAAQC,MAAA,GAAS,EAAC;EAAGC,GAAA;EAAKC;AAAM,GAAuB;EACrF,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIV,QAAA,CAAS,CAAC;EACpC,MAAMW,KAAA,GAAQ,eAAAT,GAAA,CAACD,SAAA;IAAUW,OAAA,EAASP,MAAA;IAAQE,GAAA;IAAUC,KAAA;IAAcK,KAAA,EAAO;EAAA,CAAM;EAC/E,OACE,eAAAX,GAAA,CAACH,MAAA;IAAOe,QAAA,EAAWC,KAAA,IAAUL,QAAA,CAASM,IAAA,CAAKC,KAAA,CAAMF,KAAA,CAAMG,WAAA,CAAYC,MAAA,CAAOV,KAAK,CAAC;IAAGA,KAAA,EAAM;IACtFW,QAAA,EAAAX,KAAA,GAAQ,KAAKH,MAAA,CAAOe,MAAA,GAAS,IAC5B,eAAAlB,IAAA,CAACL,QAAA;MAASwB,GAAA,EAAK;MACbF,QAAA,kBAAAlB,GAAA,CAACD,SAAA;QAAUW,OAAA,EAASP,MAAA;QAAQE,GAAA;QAAUC,KAAA;QAAcK,KAAA,EAAO;QAAMJ;MAAA,CAAc,GAC9EH,MAAA,CAAOiB,GAAA,CAAKC,KAAA,IACX,eAAAtB,GAAA,CAACD,SAAA;QAECW,OAAA,EAAS,CAACY,KAAA,CAAMC,GAAG;QACnBlB,GAAA,EAAK,GAAGA,GAAG,KAAKiB,KAAA,CAAME,KAAK;QAC3BC,SAAA,EAAWH,KAAA,CAAMG,SAAA;QACjBd,KAAA,EAAO;QACPe,eAAA,EAAgB;QAChBnB,KAAA;QACAoB,IAAA,EAAI;MAAA,GAPCL,KAAA,CAAMC,GAQb,CACD;IAAA,CACH,IAEAd;EAAA,CAEJ;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"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 RecordGallery_exports = {};
+__export(RecordGallery_exports, {
+  RecordGallery: () => RecordGallery
+});
+module.exports = __toCommonJS(RecordGallery_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_ImageWell = require("../list/ImageWell.native.js");
+function RecordGallery(param) {
+  var {
+    images,
+    slides = [],
+    alt,
+    tints
+  } = 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
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    onLayout: function onLayout(event) {
+      return setWidth(Math.round(event.nativeEvent.layout.width));
+    },
+    width: "100%",
+    children: width > 0 && slides.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Carousel, {
+      gap: 0,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+        sources: images,
+        alt,
+        tints,
+        inset: 0.08,
+        width
+      }), 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
+        }, slide.src);
+      })]
+    }) : first
+  });
+}
+//# sourceMappingURL=RecordGallery.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RecordGallery_exports","RecordGallery","module","exports","import_jsx_runtime","require"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AACzB,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAA;AAoBV,IAAAC,iBAIR,GAAAJ,MAJQ,CAAAK,mBAAA;AAFT,IAAAC,YAAS,GAAAN,MAAgB,CAAAO,SAAQ,CAAAC,cAAa;AACnD,IAAAC,QAAO,GAAAA,CAAOC,MAAA,EAAQC,GAAA,KAAI;EAC1B,SAAMC,IAAA,IAAQD,GAAA,EACdZ,SACE,CAAAW,MAAA,EAAAE,IAAA;IAACC,GAAA,EAAAF,GAAA,CAAOC,IAAA;IAAAE,UAAW;EAAU;AAGvB;AAA+E,IAC9EC,WAAW,GAACA,CAAAC,EAAA,EAAAC,IACX,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAACF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,OAEC,CAAAX,YAAU,CAAMe,IAAG,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACnBnB,SAAQ,CAAAiB,EAAG,EAAAI,GAAK;MAAAP,GAAM,EAAAA,CAAA,KAAKI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACV,OACjBE,EAAA;AAAO;AACS,IAAAM,YAChB,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,qBACI;AAAAhB,QAAA,CAAAgB,qBAAA;EAAAC,aAPO,EAAAA,CAAA,KAAAA;AAAA;AASdC,MACH,CAAAC,OAEA,GAEJN,YAAA,CAAAG,qBAAA;AAEJ,IAAAI,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/jsx/record/RecordHero.mjs

@@ -0,0 +1,205 @@
+import { Skeleton, Text, XStack, YStack } from "@multiplatform.one/components";
+import { Progress } from "@multiplatform.one/forms";
+import { sizeRecipeEscape, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+const recordHeroArtBasis = 380;
+const recordHeroArtMax = 480;
+const recordHeroIdentityBasis = 320;
+function RecordHeroFrame({
+  tint,
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.panelPadding,
+    backgroundColor: tint ? `$${tint}2` : "$color3",
+    width: "100%",
+    ...rest,
+    children
+  });
+}
+function RecordHeroRow({
+  children
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(XStack, {
+    ...knobProps.gapLg,
+    flexWrap: "wrap",
+    alignItems: "flex-start",
+    children
+  });
+}
+function RecordHeroArtColumn({
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(YStack, {
+    flexGrow: 1,
+    flexBasis: recordHeroArtBasis,
+    maxWidth: recordHeroArtMax,
+    minWidth: 0,
+    ...knobProps.gap,
+    ...rest,
+    children
+  });
+}
+function RecordHeroIdentityColumn({
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(YStack, {
+    flexGrow: 999,
+    flexBasis: recordHeroIdentityBasis,
+    minWidth: 0,
+    ...knobProps.gap,
+    ...rest,
+    children
+  });
+}
+function RecordVitals({
+  tiles
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    compact: true
+  });
+  if (tiles.length === 0) return null;
+  return /* @__PURE__ */jsx(XStack, {
+    ...knobProps.gap,
+    flexWrap: "wrap",
+    children: tiles.map(tile => /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.borderRadius,
+      ...knobProps.panelPadding,
+      backgroundColor: "$color2",
+      borderWidth: 0,
+      flexGrow: 1,
+      flexBasis: 140,
+      gap: "$1",
+      children: [/* @__PURE__ */jsx(Text, {
+        ...knobProps.label,
+        ...knobProps.body,
+        color: "$color10",
+        children: tile.label
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: "$5",
+        fontWeight: "700",
+        children: tile.value
+      }), tile.percent === void 0 ? null : /* @__PURE__ */jsx(Progress, {
+        value: tile.percent,
+        max: 100,
+        size: "$2",
+        intent: "accent",
+        progressProps: {
+          "aria-label": tile.label
+        }
+      })]
+    }, tile.id))
+  });
+}
+const bone = px => sizeRecipeEscape(px, "loading bones sized to the record page they stand in for");
+function RecordBreadcrumbBone() {
+  return /* @__PURE__ */jsx(XStack, {
+    alignItems: "center",
+    minHeight: bone(20),
+    children: /* @__PURE__ */jsx(Skeleton, {
+      width: bone(180),
+      height: bone(14)
+    })
+  });
+}
+function RecordSkeleton({
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gapLg,
+    testID,
+    "data-async-skeleton": "record",
+    "aria-busy": true,
+    "aria-label": t("Loading"),
+    children: [/* @__PURE__ */jsx(RecordHeroFrame, {
+      children: /* @__PURE__ */jsxs(RecordHeroRow, {
+        children: [/* @__PURE__ */jsx(RecordHeroArtColumn, {
+          ...{
+            "data-skeleton-part": "art"
+          },
+          children: /* @__PURE__ */jsx(Skeleton, {
+            variant: "rounded",
+            width: "100%",
+            aspectRatio: 1
+          })
+        }), /* @__PURE__ */jsxs(RecordHeroIdentityColumn, {
+          ...{
+            "data-skeleton-part": "identity"
+          },
+          children: [/* @__PURE__ */jsx(Skeleton, {
+            width: bone(72),
+            height: bone(16)
+          }), /* @__PURE__ */jsx(Skeleton, {
+            width: bone(280),
+            height: bone(56)
+          }), /* @__PURE__ */jsx(Skeleton, {
+            width: bone(160),
+            height: bone(18)
+          }), /* @__PURE__ */jsxs(XStack, {
+            gap: "$1.5",
+            children: [/* @__PURE__ */jsx(Skeleton, {
+              variant: "rounded",
+              width: bone(64),
+              height: bone(22)
+            }), /* @__PURE__ */jsx(Skeleton, {
+              variant: "rounded",
+              width: bone(64),
+              height: bone(22)
+            })]
+          }), /* @__PURE__ */jsx(XStack, {
+            ...knobProps.gap,
+            flexWrap: "wrap",
+            children: [0, 1, 2].map(tile => /* @__PURE__ */jsx(Skeleton, {
+              variant: "rounded",
+              flexGrow: 1,
+              flexBasis: 140,
+              height: bone(64)
+            }, tile))
+          })]
+        })]
+      })
+    }), /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */jsx(XStack, {
+        ...knobProps.gap,
+        ...{
+          "data-skeleton-part": "tabs"
+        },
+        children: [104, 88, 96].map((width, tab) => /* @__PURE__ */jsx(Skeleton, {
+          variant: "rounded",
+          width: bone(width),
+          height: bone(44)
+        }, tab))
+      }), /* @__PURE__ */jsx(Skeleton.Text, {
+        lines: 4
+      })]
+    })]
+  });
+}
+export { RecordBreadcrumbBone, RecordHeroArtColumn, RecordHeroFrame, RecordHeroIdentityColumn, RecordHeroRow, RecordSkeleton, RecordVitals, recordHeroArtBasis, recordHeroArtMax, recordHeroIdentityBasis };
+//# sourceMappingURL=RecordHero.mjs.map

package/dist/jsx/record/RecordHero.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Skeleton","Text","XStack","YStack","Progress","sizeRecipeEscape","useResolvedKnobs","useTranslation","jsx","jsxs","recordHeroArtBasis","recordHeroArtMax","recordHeroIdentityBasis","RecordHeroFrame","tint","children","rest","knobProps","borderRadius","panelPadding","backgroundColor","width","RecordHeroRow","gapLg","flexWrap","alignItems","RecordHeroArtColumn","flexGrow","flexBasis","maxWidth","minWidth","gap","RecordHeroIdentityColumn","RecordVitals","tiles","compact","length","map","tile","borderWidth","label","body","color","fontSize","fontWeight","value","percent","max","size","intent","progressProps","id","bone","px","RecordBreadcrumbBone","minHeight","height","RecordSkeleton","testID","t","variant","aspectRatio","tab","lines"],"sources":["../../../src/record/RecordHero.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}