@multiplatform.one/frappe-ui 7.86.0 → 7.87.0

package/dist/cjs/insights/InsightsRecords.cjs

@@ -37,13 +37,9 @@ function InsightsRecords({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  const {
-    knobProps: pageKnobs
-  } = (0, import_theme.useResolvedKnobs)();
   const wellPx = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-    ...pageKnobs.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CardGrid, {
+    minCardWidth: "sm",
     testID,
     children: tiles.map(tile => {
       const title = record.title(tile.doc);
@@ -53,7 +49,6 @@ function InsightsRecords({
         ...knobProps.cardSurface,
         backgroundColor: "$color2",
         flexGrow: 1,
-        flexBasis: 220,
         alignItems: "center",
         minWidth: 0,
         ...knobProps.gap,

package/dist/cjs/insights/InsightsRecords.native.js

@@ -40,13 +40,9 @@ function InsightsRecords(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var {
-    knobProps: pageKnobs
-  } = (0, import_theme.useResolvedKnobs)();
   var wellPx = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-    ...pageKnobs.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CardGrid, {
+    minCardWidth: "sm",
     testID,
     children: tiles.map(function (tile) {
       var title = record.title(tile.doc);
@@ -56,7 +52,6 @@ function InsightsRecords(param) {
         ...knobProps.cardSurface,
         backgroundColor: "$color2",
         flexGrow: 1,
-        flexBasis: 220,
         alignItems: "center",
         minWidth: 0,
         ...knobProps.gap,

package/dist/cjs/insights/InsightsRecords.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InsightsRecords_exports","__export","InsightsRecords","module","exports","import_jsx_runtime","require","import_components","import_theme","import_ImageWell","param","tiles","record","testID","knobProps","useResolvedKnobs","pageKnobs","wellPx","nestedControl","px","jsx","XStack","gap","flexWrap","children","map","tile","title","doc","code","tint","jsxs","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","YStack","width","flexShrink","ImageWell","sources","images","alt","inset"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqC,CAAAK,uBAAA;AACrC,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAA,GAA0BD,OAAA;AA2CZ,IAAAE,YAAA,GAAAF,OAAA;AAtBP,IAAAG,gBAAS,GAAAH,OAAwB,8BAAsB;AAC5D,SAAMJ,eAAYA,CAAAQ,KAAI;EACtB;IAAMC,KAAE;IAAAC,MAAW;IAAAC;EAAA,CAAU,GAAAH,KAAI;EACjC;IAAMI;EAAS,QAAAN,YAAU,CAAAO,gBAAmB;EAC5C;IAAAD,SACE,EAAAE;EAAA,QAAAR,YAAA,CAAAO,gBAAC;EAEG,IAAAE,MAAM,GAAAH,SAAQ,CAAOI,aAAW,CAAGC,EAAA;EACnC,sBAAoB,IAAKd,kBAAQ,CAAAe,GAAA,EAAAb,iBAAA,CAAAc,MAAA;IACjC,GAAAL,SAAM,CAAOM,GAAA;IACbC,QACE;IAAAV,MAAC;IAAAW,QAAA,EAAAb,KAAA,CAAAc,GAAA,WAAAC,IAAA;MAAA,IAEEC,KAAG,GAAAf,MAAU,CAAAe,KAAA,CAAAD,IAAA,CAAAE,GAAA;MAAA,IACdC,IAAA,GAAAjB,MAAA,CAAAiB,IAAgB,CAAAH,IAAA,CAAAE,GAAA;MAAA,IAChBE,IAAA,GAAAlB,MAAU,CAAAkB,IAAA,CAAAJ,IAAA,CAAAE,GAAA;MAAA,OACV,eAAW,IAAAvB,kBAAA,CAAA0B,IAAA,EAAAxB,iBAAA,CAAAc,MAAA;QACX,GAAAP,SAAW,CAAAkB,WAAA;QACXC,eAAU;QACTC,QAAG;QAEJC,SAAA;QAAAC,UAAA;QAEAC,QACA;QACE,GAAAvB,SAAA,CAAAQ,GAAA;QAEAE,QACA,GACE,mBAAAnB,kBAAA,CAAAe,GAAA,EAAAb,iBAAC,CAAA+B,MAAA;UAEDC,KACC,EAAAtB,MACC;UAGEuB,UACN;UACA,kBAAA1B,SAAA,CAAAI,aAAA,CAAAC,EAAC;UAEDK,QACF,qBAAAnB,kBAAA,CAAAe,GAAA,EAAAX,gBAAA,CAAAgC,SAAA;YAAAC,OAAA,EAAA9B,MAAA,CAAA+B,MAAA,CAAAjB,IAAA,CAAAE,GAAA;YAAAgB,GAAA,EAAAjB,KAAA;YA7BUG,IAAA;YA8BZe,KAAA;UAGN;QAEJ,I","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InsightsRecords_exports","__export","InsightsRecords","module","exports","import_jsx_runtime","require","import_components","import_theme","import_ImageWell","param","tiles","record","testID","knobProps","useResolvedKnobs","wellPx","nestedControl","px","jsx","CardGrid","minCardWidth","children","map","tile","title","doc","code","tint","jsxs","XStack","cardSurface","backgroundColor","flexGrow","alignItems","minWidth","gap","YStack","width","flexShrink","ImageWell","sources","images","alt","inset"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+C,CAAAK,uBAAA;AAC/C,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAA,GAA0BD,OAAA;AAyCZ,IAAAE,YAAA,GAAAF,OAAA;AApBP,IAAAG,gBAAS,GAAAH,OAAwB,8BAAsB;AAC5D,SAAMJ,eAAYA,CAAAQ,KAAI;EACtB;IAAMC,KAAA;IAAAC,MAAS;IAAAC;EAAU,IAAAH,KAAA;EACzB;IAAAI;EACE,QAAAN,YAAA,CAAAO,gBAAC;EAEG,IAAAC,MAAM,GAAAF,SAAQ,CAAOG,aAAW,CAAGC,EAAA;EACnC,sBAAoB,IAAKb,kBAAQ,CAAAc,GAAA,EAAAZ,iBAAA,CAAAa,QAAA;IACjCC,YAAM,EAAO;IACbR,MAAA;IACES,QAAC,EAAAX,KAAA,CAAAY,GAAA,WAAAC,IAAA;MAAA,IAAAC,KAAA,GAAAb,MAAA,CAAAa,KAAA,CAAAD,IAAA,CAAAE,GAAA;MAAA,IAEEC,IAAG,GAAAf,MAAU,CAAAe,IAAA,CAAAH,IAAA,CAAAE,GAAA;MAAA,IACdE,IAAA,GAAAhB,MAAA,CAAAgB,IAAgB,CAAAJ,IAAA,CAAAE,GAAA;MAAA,OAChB,eAAU,IAAArB,kBAAA,CAAAwB,IAAA,EAAAtB,iBAAA,CAAAuB,MAAA;QACV,GAAAhB,SAAW,CAAAiB,WAAA;QACXC,eAAU;QACTC,QAAG;QAEJC,UAAA;QAAAC,QAAA;QAEA,GACArB,SAAA,CAAAsB,GAAA;QACEd,QAAA,GAEA,eACA,IAAAjB,kBAAA,CAAAc,GAAA,EAAAZ,iBAAC,CAAA8B,MAAA;UACCC,KAAA,EAAAtB,MAAA;UAEAuB,UAEE;UAGE,gBACN,EAAAzB,SAAA,CAAAG,aAAA,CAAAC,EAAA;UACAI,QAAA,qBAAAjB,kBAAC,CAAAc,GAAA,EAAAV,gBAAK,CAAA+B,SAAS;YAGjBC,OAAA,EAAA7B,MAAA,CAAA8B,MAAA,CAAAlB,IAAA,CAAAE,GAAA;YAAAiB,GAAA,EAAAlB,KAAA;YAAAG,IAAA;YA5BUgB,KAAA;UA6BZ;QAGN,IAEJ,mBAAAvC,kBAAA,CAAAwB,IAAA,EAAAtB,iBAAA,CAAA8B,MAAA","ignoreList":[]}

package/dist/esm/insights/InsightsRecords.mjs

@@ -1,4 +1,4 @@
-import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { CardGrid, Text, XStack, YStack } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageWell } from "../list/ImageWell.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,13 +10,9 @@ function InsightsRecords({
   const {
     knobProps
   } = useResolvedKnobs();
-  const {
-    knobProps: pageKnobs
-  } = useResolvedKnobs();
   const wellPx = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */jsx(XStack, {
-    ...pageKnobs.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */jsx(CardGrid, {
+    minCardWidth: "sm",
     testID,
     children: tiles.map(tile => {
       const title = record.title(tile.doc);
@@ -26,7 +22,6 @@ function InsightsRecords({
         ...knobProps.cardSurface,
         backgroundColor: "$color2",
         flexGrow: 1,
-        flexBasis: 220,
         alignItems: "center",
         minWidth: 0,
         ...knobProps.gap,

package/dist/esm/insights/InsightsRecords.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","XStack","YStack","useResolvedKnobs","ImageWell","jsx","jsxs","InsightsRecords","tiles","record","testID","knobProps","pageKnobs","wellPx","nestedControl","px","gap","flexWrap","children","map","tile","title","doc","code","tint","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","width","flexShrink","sources","images","alt","inset","label","color","fontWeight","numberOfLines","fontSize","value","id"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiB;AA2CZ,SAAAC,GAAA,EAMAC,IAAA,QANA;AAtBP,SAASC,gBAAsB;EAAEC,KAAA;EAAOC,MAAA;EAAQC;AAAO,GAA+B;EAC3F,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;EACvC,MAAM;IAAEQ,SAAA,EAAWC;EAAU,IAAIT,gBAAA,CAAiB;EAClD,MAAMU,MAAA,GAASF,SAAA,CAAUG,aAAA,CAAcC,EAAA,GAAK;EAC5C,OACE,eAAAV,GAAA,CAACJ,MAAA;IAAQ,GAAGW,SAAA,CAAUI,GAAA;IAAKC,QAAA,EAAS;IAAOP,MAAA;IACxCQ,QAAA,EAAAV,KAAA,CAAMW,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,KAAA,GAAQZ,MAAA,CAAOY,KAAA,CAAMD,IAAA,CAAKE,GAAG;MACnC,MAAMC,IAAA,GAAOd,MAAA,CAAOc,IAAA,CAAKH,IAAA,CAAKE,GAAG;MACjC,MAAME,IAAA,GAAOf,MAAA,CAAOe,IAAA,CAAKJ,IAAA,CAAKE,GAAG;MACjC,OACE,eAAAhB,IAAA,CAACL,MAAA;QAEE,GAAGU,SAAA,CAAUc,WAAA;QACdC,eAAA,EAAgB;QAChBC,QAAA,EAAU;QACVC,SAAA,EAAW;QACXC,UAAA,EAAW;QACXC,QAAA,EAAU;QACT,GAAGnB,SAAA,CAAUK,GAAA;QAEdE,QAAA,kBAAAb,GAAA,CAACH,MAAA;UAAO6B,KAAA,EAAOlB,MAAA;UAAQmB,UAAA,EAAY;UAAG,kBAAgBrB,SAAA,CAAUG,aAAA,CAAcC,EAAA;UAC5EG,QAAA,iBAAAb,GAAA,CAACD,SAAA;YAAU6B,OAAA,EAASxB,MAAA,CAAOyB,MAAA,CAAOd,IAAA,CAAKE,GAAG;YAAGa,GAAA,EAAKd,KAAA;YAAOG,IAAA;YAAYY,KAAA,EAAO;UAAA,CAAM;QAAA,CACpF,GACA,eAAA9B,IAAA,CAACJ,MAAA;UAAOc,GAAA,EAAI;UAAKgB,UAAA,EAAY;UAAGF,QAAA,EAAU;UACxCZ,QAAA,kBAAAb,GAAA,CAACL,IAAA;YAAM,GAAGW,SAAA,CAAU0B,KAAA;YAAOC,KAAA,EAAM;YAC9BpB,QAAA,EAAAE,IAAA,CAAKiB;UAAA,CACR,GACA,eAAA/B,IAAA,CAACL,MAAA;YAAOe,GAAA,EAAI;YAAOa,UAAA,EAAW;YAAWZ,QAAA,EAAS;YAAOa,QAAA,EAAU;YACjEZ,QAAA,kBAAAb,GAAA,CAACL,IAAA;cAAKuC,UAAA,EAAW;cAAMC,aAAA,EAAe;cAAGR,UAAA,EAAY;cAClDd,QAAA,EAAAG;YAAA,CACH,GACCE,IAAA,GACC,eAAAlB,GAAA,CAACL,IAAA;cAAM,GAAGW,SAAA,CAAU0B,KAAA;cAAOC,KAAA,EAAM;cAC9BpB,QAAA,EAAAK;YAAA,CACH,IACE;UAAA,CACN,GACA,eAAAlB,GAAA,CAACL,IAAA;YAAKyC,QAAA,EAAS;YAAKF,UAAA,EAAW;YAC5BrB,QAAA,EAAAE,IAAA,CAAKsB;UAAA,CACR;QAAA,CACF;MAAA,GA7BKtB,IAAA,CAAKuB,EA8BZ;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["CardGrid","Text","XStack","YStack","useResolvedKnobs","ImageWell","jsx","jsxs","InsightsRecords","tiles","record","testID","knobProps","wellPx","nestedControl","px","minCardWidth","children","map","tile","title","doc","code","tint","cardSurface","backgroundColor","flexGrow","alignItems","minWidth","gap","width","flexShrink","sources","images","alt","inset","label","color","flexWrap","fontWeight","numberOfLines","fontSize","value","id"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAC/C,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiB;AAyCZ,SAAAC,GAAA,EAMAC,IAAA,QANA;AApBP,SAASC,gBAAsB;EAAEC,KAAA;EAAOC,MAAA;EAAQC;AAAO,GAA+B;EAC3F,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;EACvC,MAAMS,MAAA,GAASD,SAAA,CAAUE,aAAA,CAAcC,EAAA,GAAK;EAC5C,OACE,eAAAT,GAAA,CAACN,QAAA;IAASgB,YAAA,EAAa;IAAKL,MAAA;IACzBM,QAAA,EAAAR,KAAA,CAAMS,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,KAAA,GAAQV,MAAA,CAAOU,KAAA,CAAMD,IAAA,CAAKE,GAAG;MACnC,MAAMC,IAAA,GAAOZ,MAAA,CAAOY,IAAA,CAAKH,IAAA,CAAKE,GAAG;MACjC,MAAME,IAAA,GAAOb,MAAA,CAAOa,IAAA,CAAKJ,IAAA,CAAKE,GAAG;MACjC,OACE,eAAAd,IAAA,CAACL,MAAA;QAEE,GAAGU,SAAA,CAAUY,WAAA;QACdC,eAAA,EAAgB;QAChBC,QAAA,EAAU;QACVC,UAAA,EAAW;QACXC,QAAA,EAAU;QACT,GAAGhB,SAAA,CAAUiB,GAAA;QAEdZ,QAAA,kBAAAX,GAAA,CAACH,MAAA;UAAO2B,KAAA,EAAOjB,MAAA;UAAQkB,UAAA,EAAY;UAAG,kBAAgBnB,SAAA,CAAUE,aAAA,CAAcC,EAAA;UAC5EE,QAAA,iBAAAX,GAAA,CAACD,SAAA;YAAU2B,OAAA,EAAStB,MAAA,CAAOuB,MAAA,CAAOd,IAAA,CAAKE,GAAG;YAAGa,GAAA,EAAKd,KAAA;YAAOG,IAAA;YAAYY,KAAA,EAAO;UAAA,CAAM;QAAA,CACpF,GACA,eAAA5B,IAAA,CAACJ,MAAA;UAAO0B,GAAA,EAAI;UAAKE,UAAA,EAAY;UAAGH,QAAA,EAAU;UACxCX,QAAA,kBAAAX,GAAA,CAACL,IAAA;YAAM,GAAGW,SAAA,CAAUwB,KAAA;YAAOC,KAAA,EAAM;YAC9BpB,QAAA,EAAAE,IAAA,CAAKiB;UAAA,CACR,GACA,eAAA7B,IAAA,CAACL,MAAA;YAAO2B,GAAA,EAAI;YAAOF,UAAA,EAAW;YAAWW,QAAA,EAAS;YAAOV,QAAA,EAAU;YACjEX,QAAA,kBAAAX,GAAA,CAACL,IAAA;cAAKsC,UAAA,EAAW;cAAMC,aAAA,EAAe;cAAGT,UAAA,EAAY;cAClDd,QAAA,EAAAG;YAAA,CACH,GACCE,IAAA,GACC,eAAAhB,GAAA,CAACL,IAAA;cAAM,GAAGW,SAAA,CAAUwB,KAAA;cAAOC,KAAA,EAAM;cAC9BpB,QAAA,EAAAK;YAAA,CACH,IACE;UAAA,CACN,GACA,eAAAhB,GAAA,CAACL,IAAA;YAAKwC,QAAA,EAAS;YAAKF,UAAA,EAAW;YAC5BtB,QAAA,EAAAE,IAAA,CAAKuB;UAAA,CACR;QAAA,CACF;MAAA,GA5BKvB,IAAA,CAAKwB,EA6BZ;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/insights/InsightsRecords.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { CardGrid, Text, XStack, YStack } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageWell } from "../list/ImageWell.native.js";
 function InsightsRecords(param) {
@@ -11,13 +11,9 @@ function InsightsRecords(param) {
   var {
     knobProps
   } = useResolvedKnobs();
-  var {
-    knobProps: pageKnobs
-  } = useResolvedKnobs();
   var wellPx = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */_jsx(XStack, {
-    ...pageKnobs.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */_jsx(CardGrid, {
+    minCardWidth: "sm",
     testID,
     children: tiles.map(function (tile) {
       var title = record.title(tile.doc);
@@ -27,7 +23,6 @@ function InsightsRecords(param) {
         ...knobProps.cardSurface,
         backgroundColor: "$color2",
         flexGrow: 1,
-        flexBasis: 220,
         alignItems: "center",
         minWidth: 0,
         ...knobProps.gap,

package/dist/esm/insights/InsightsRecords.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","XStack","YStack","useResolvedKnobs","ImageWell","InsightsRecords","param","tiles","record","testID","knobProps","pageKnobs","wellPx","nestedControl","px","gap","flexWrap","children","map","tile","title","doc","code","tint","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","width","flexShrink","sources","images","alt","inset"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AACrC,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,QAAwB;AACjC,SAASC,gBAAA,QAAiB;AA2CZ,SAAAC,SAMA,QANA;AAtBP,SAASC,gBAAsBC,KAAE;EACtC;IAAMC,KAAE;IAAAC,MAAU;IAAAC;EAAI,IAAAH,KAAA;EACtB;IAAMI;EAAE,IAAWP,gBAAc;EACjC;IAAMO,SAAS,EAAAC;EAAU,IAAAR,gBAAmB;EAC5C,IAAAS,MACE,GAAAF,SAAA,CAAAG,aAAC,CAAQC,EAAA,GAAG;EAER,sBAAqBjB,IAAA,CAAAI,MAAW;IAChC,GAAAU,SAAM,CAAOI,GAAA;IACbC,QAAM,QAAO;IACbP,MAAA;IACEQ,QAAC,EAAAV,KAAA,CAAAW,GAAA,WAAAC,IAAA;MAAA,IAAAC,KAAA,GAAAZ,MAAA,CAAAY,KAAA,CAAAD,IAAA,CAAAE,GAAA;MAAA,IAEEC,IAAG,GAAAd,MAAU,CAAAc,IAAA,CAAAH,IAAA,CAAAE,GAAA;MAAA,IACdE,IAAA,GAAAf,MAAA,CAAAe,IAAgB,CAAAJ,IAAA,CAAAE,GAAA;MAAA,OAChB,eAAUtB,KAAA,CAAAE,MAAA;QACV,GAAAS,SAAW,CAAAc,WAAA;QACXC,eAAW;QACXC,QAAA,EAAU;QACTC,SAAG,KAAU;QAEdC,UAAA;QAAAC,QAAA;QAEA,GACAnB,SAAA,CAAAK,GAAA;QACEE,QAAA,GAEA,eACApB,IAAA,CAAAK,MAAC;UACC4B,KAAA,EAAAlB,MAAA;UAEAmB,UAEE;UAGE,gBACN,EAAArB,SAAA,CAAAG,aAAA,CAAAC,EAAA;UACAG,QAAA,iBAACpB,IAAK,CAAAO,SAAS;YAGjB4B,OAAA,EAAAxB,MAAA,CAAAyB,MAAA,CAAAd,IAAA,CAAAE,GAAA;YAAAa,GAAA,EAAAd,KAAA;YAAAG,IAAA;YA7BUY,KAAA;UA8BZ;QAGN,IAEJ,eAAApC,KAAA,CAAAG,MAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CardGrid","Text","XStack","YStack","useResolvedKnobs","ImageWell","InsightsRecords","param","tiles","record","testID","knobProps","wellPx","nestedControl","px","minCardWidth","children","map","tile","title","doc","code","tint","cardSurface","backgroundColor","flexGrow","alignItems","minWidth","gap","width","flexShrink","sources","images","alt","inset"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAM,IAAAC,KAAQ,2BAAc;AAC/C,SAASC,QAAA,EAAAC,IAAA,EAAAC,MAAA,EAAwBC,MAAA;AACjC,SAASC,gBAAA,QAAiB;AAyCZ,SAAAC,SAMA,QANA;AApBP,SAASC,gBAAsBC,KAAE;EACtC;IAAMC,KAAE;IAAAC,MAAU;IAAAC;EAAI,IAAAH,KAAA;EACtB;IAAMI;EAAS,IAAAP,gBAAU;EACzB,IAAAQ,MACE,GAAAD,SAAA,CAAAE,aAAC,CAAAC,EAAS;EAEN,sBAAqBjB,IAAA,CAAAG,QAAW,EAAG;IACnCe,YAAM,EAAO;IACbL,MAAM;IACNM,QACE,EAAAR,KAAA,CAAAS,GAAA,WAAAC,IAAA;MAAC,IAAAC,KAAA,GAAAV,MAAA,CAAAU,KAAA,CAAAD,IAAA,CAAAE,GAAA;MAAA,IAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAH,IAAA,CAAAE,GAAA;MAAA,IAEEE,IAAG,GAAAb,MAAU,CAAAa,IAAA,CAAAJ,IAAA,CAAAE,GAAA;MAAA,OACd,eAAgBrB,KAAA,CAAAG,MAAA;QAChB,GAAAS,SAAU,CAAAY,WAAA;QACVC,eAAW;QACXC,QAAA,EAAU;QACTC,UAAG,UAAU;QAEdC,QAAA;QAAA,GAAAhB,SAAA,CAAAiB,GAAA;QAEAZ,QACA,GACE,eAAAnB,IAAA,CAAAM,MAAC;UAGD0B,KAAA,EAAAjB,MAAA;UACEkB,UAAA;UAEA,gBAEE,EAAAnB,SAAA,CAAAE,aAAU,CAAAC,EAAA;UAGRE,QACN,iBAAAnB,IAAA,CAAAQ,SAAA;YACA0B,OAAA,EAAAtB,MAAA,CAAAuB,MAAC,CAAAd,IAAK,CAAAE,GAAA;YAGRa,GAAA,EAAAd,KAAA;YAAAG,IAAA;YAAAY,KAAA;UA5BU;QA6BZ,IAGN,eAAAnC,KAAA,CAAAI,MAAA;UAEJyB,GAAA","ignoreList":[]}

package/dist/jsx/insights/InsightsRecords.mjs

@@ -1,4 +1,4 @@
-import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { CardGrid, Text, XStack, YStack } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageWell } from "../list/ImageWell.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,13 +10,9 @@ function InsightsRecords({
   const {
     knobProps
   } = useResolvedKnobs();
-  const {
-    knobProps: pageKnobs
-  } = useResolvedKnobs();
   const wellPx = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */jsx(XStack, {
-    ...pageKnobs.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */jsx(CardGrid, {
+    minCardWidth: "sm",
     testID,
     children: tiles.map(tile => {
       const title = record.title(tile.doc);
@@ -26,7 +22,6 @@ function InsightsRecords({
         ...knobProps.cardSurface,
         backgroundColor: "$color2",
         flexGrow: 1,
-        flexBasis: 220,
         alignItems: "center",
         minWidth: 0,
         ...knobProps.gap,

package/dist/jsx/insights/InsightsRecords.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","XStack","YStack","useResolvedKnobs","ImageWell","jsx","jsxs","InsightsRecords","tiles","record","testID","knobProps","pageKnobs","wellPx","nestedControl","px","gap","flexWrap","children","map","tile","title","doc","code","tint","cardSurface","backgroundColor","flexGrow","flexBasis","alignItems","minWidth","width","flexShrink","sources","images","alt","inset","label","color","fontWeight","numberOfLines","fontSize","value","id"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiB;AA2CZ,SAAAC,GAAA,EAMAC,IAAA,QANA;AAtBP,SAASC,gBAAsB;EAAEC,KAAA;EAAOC,MAAA;EAAQC;AAAO,GAA+B;EAC3F,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;EACvC,MAAM;IAAEQ,SAAA,EAAWC;EAAU,IAAIT,gBAAA,CAAiB;EAClD,MAAMU,MAAA,GAASF,SAAA,CAAUG,aAAA,CAAcC,EAAA,GAAK;EAC5C,OACE,eAAAV,GAAA,CAACJ,MAAA;IAAQ,GAAGW,SAAA,CAAUI,GAAA;IAAKC,QAAA,EAAS;IAAOP,MAAA;IACxCQ,QAAA,EAAAV,KAAA,CAAMW,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,KAAA,GAAQZ,MAAA,CAAOY,KAAA,CAAMD,IAAA,CAAKE,GAAG;MACnC,MAAMC,IAAA,GAAOd,MAAA,CAAOc,IAAA,CAAKH,IAAA,CAAKE,GAAG;MACjC,MAAME,IAAA,GAAOf,MAAA,CAAOe,IAAA,CAAKJ,IAAA,CAAKE,GAAG;MACjC,OACE,eAAAhB,IAAA,CAACL,MAAA;QAEE,GAAGU,SAAA,CAAUc,WAAA;QACdC,eAAA,EAAgB;QAChBC,QAAA,EAAU;QACVC,SAAA,EAAW;QACXC,UAAA,EAAW;QACXC,QAAA,EAAU;QACT,GAAGnB,SAAA,CAAUK,GAAA;QAEdE,QAAA,kBAAAb,GAAA,CAACH,MAAA;UAAO6B,KAAA,EAAOlB,MAAA;UAAQmB,UAAA,EAAY;UAAG,kBAAgBrB,SAAA,CAAUG,aAAA,CAAcC,EAAA;UAC5EG,QAAA,iBAAAb,GAAA,CAACD,SAAA;YAAU6B,OAAA,EAASxB,MAAA,CAAOyB,MAAA,CAAOd,IAAA,CAAKE,GAAG;YAAGa,GAAA,EAAKd,KAAA;YAAOG,IAAA;YAAYY,KAAA,EAAO;UAAA,CAAM;QAAA,CACpF,GACA,eAAA9B,IAAA,CAACJ,MAAA;UAAOc,GAAA,EAAI;UAAKgB,UAAA,EAAY;UAAGF,QAAA,EAAU;UACxCZ,QAAA,kBAAAb,GAAA,CAACL,IAAA;YAAM,GAAGW,SAAA,CAAU0B,KAAA;YAAOC,KAAA,EAAM;YAC9BpB,QAAA,EAAAE,IAAA,CAAKiB;UAAA,CACR,GACA,eAAA/B,IAAA,CAACL,MAAA;YAAOe,GAAA,EAAI;YAAOa,UAAA,EAAW;YAAWZ,QAAA,EAAS;YAAOa,QAAA,EAAU;YACjEZ,QAAA,kBAAAb,GAAA,CAACL,IAAA;cAAKuC,UAAA,EAAW;cAAMC,aAAA,EAAe;cAAGR,UAAA,EAAY;cAClDd,QAAA,EAAAG;YAAA,CACH,GACCE,IAAA,GACC,eAAAlB,GAAA,CAACL,IAAA;cAAM,GAAGW,SAAA,CAAU0B,KAAA;cAAOC,KAAA,EAAM;cAC9BpB,QAAA,EAAAK;YAAA,CACH,IACE;UAAA,CACN,GACA,eAAAlB,GAAA,CAACL,IAAA;YAAKyC,QAAA,EAAS;YAAKF,UAAA,EAAW;YAC5BrB,QAAA,EAAAE,IAAA,CAAKsB;UAAA,CACR;QAAA,CACF;MAAA,GA7BKtB,IAAA,CAAKuB,EA8BZ;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["CardGrid","Text","XStack","YStack","useResolvedKnobs","ImageWell","jsx","jsxs","InsightsRecords","tiles","record","testID","knobProps","wellPx","nestedControl","px","minCardWidth","children","map","tile","title","doc","code","tint","cardSurface","backgroundColor","flexGrow","alignItems","minWidth","gap","width","flexShrink","sources","images","alt","inset","label","color","flexWrap","fontWeight","numberOfLines","fontSize","value","id"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAC/C,SAASC,gBAAA,QAAwB;AACjC,SAASC,SAAA,QAAiB;AAyCZ,SAAAC,GAAA,EAMAC,IAAA,QANA;AApBP,SAASC,gBAAsB;EAAEC,KAAA;EAAOC,MAAA;EAAQC;AAAO,GAA+B;EAC3F,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;EACvC,MAAMS,MAAA,GAASD,SAAA,CAAUE,aAAA,CAAcC,EAAA,GAAK;EAC5C,OACE,eAAAT,GAAA,CAACN,QAAA;IAASgB,YAAA,EAAa;IAAKL,MAAA;IACzBM,QAAA,EAAAR,KAAA,CAAMS,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,KAAA,GAAQV,MAAA,CAAOU,KAAA,CAAMD,IAAA,CAAKE,GAAG;MACnC,MAAMC,IAAA,GAAOZ,MAAA,CAAOY,IAAA,CAAKH,IAAA,CAAKE,GAAG;MACjC,MAAME,IAAA,GAAOb,MAAA,CAAOa,IAAA,CAAKJ,IAAA,CAAKE,GAAG;MACjC,OACE,eAAAd,IAAA,CAACL,MAAA;QAEE,GAAGU,SAAA,CAAUY,WAAA;QACdC,eAAA,EAAgB;QAChBC,QAAA,EAAU;QACVC,UAAA,EAAW;QACXC,QAAA,EAAU;QACT,GAAGhB,SAAA,CAAUiB,GAAA;QAEdZ,QAAA,kBAAAX,GAAA,CAACH,MAAA;UAAO2B,KAAA,EAAOjB,MAAA;UAAQkB,UAAA,EAAY;UAAG,kBAAgBnB,SAAA,CAAUE,aAAA,CAAcC,EAAA;UAC5EE,QAAA,iBAAAX,GAAA,CAACD,SAAA;YAAU2B,OAAA,EAAStB,MAAA,CAAOuB,MAAA,CAAOd,IAAA,CAAKE,GAAG;YAAGa,GAAA,EAAKd,KAAA;YAAOG,IAAA;YAAYY,KAAA,EAAO;UAAA,CAAM;QAAA,CACpF,GACA,eAAA5B,IAAA,CAACJ,MAAA;UAAO0B,GAAA,EAAI;UAAKE,UAAA,EAAY;UAAGH,QAAA,EAAU;UACxCX,QAAA,kBAAAX,GAAA,CAACL,IAAA;YAAM,GAAGW,SAAA,CAAUwB,KAAA;YAAOC,KAAA,EAAM;YAC9BpB,QAAA,EAAAE,IAAA,CAAKiB;UAAA,CACR,GACA,eAAA7B,IAAA,CAACL,MAAA;YAAO2B,GAAA,EAAI;YAAOF,UAAA,EAAW;YAAWW,QAAA,EAAS;YAAOV,QAAA,EAAU;YACjEX,QAAA,kBAAAX,GAAA,CAACL,IAAA;cAAKsC,UAAA,EAAW;cAAMC,aAAA,EAAe;cAAGT,UAAA,EAAY;cAClDd,QAAA,EAAAG;YAAA,CACH,GACCE,IAAA,GACC,eAAAhB,GAAA,CAACL,IAAA;cAAM,GAAGW,SAAA,CAAUwB,KAAA;cAAOC,KAAA,EAAM;cAC9BpB,QAAA,EAAAK;YAAA,CACH,IACE;UAAA,CACN,GACA,eAAAhB,GAAA,CAACL,IAAA;YAAKwC,QAAA,EAAS;YAAKF,UAAA,EAAW;YAC5BtB,QAAA,EAAAE,IAAA,CAAKuB;UAAA,CACR;QAAA,CACF;MAAA,GA5BKvB,IAAA,CAAKwB,EA6BZ;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/insights/InsightsRecords.native.js

@@ -40,13 +40,9 @@ function InsightsRecords(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var {
-    knobProps: pageKnobs
-  } = (0, import_theme.useResolvedKnobs)();
   var wellPx = knobProps.nestedControl.px * 2;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-    ...pageKnobs.gap,
-    flexWrap: "wrap",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CardGrid, {
+    minCardWidth: "sm",
     testID,
     children: tiles.map(function (tile) {
       var title = record.title(tile.doc);
@@ -56,7 +52,6 @@ function InsightsRecords(param) {
         ...knobProps.cardSurface,
         backgroundColor: "$color2",
         flexGrow: 1,
-        flexBasis: 220,
         alignItems: "center",
         minWidth: 0,
         ...knobProps.gap,

package/dist/jsx/insights/InsightsRecords.native.js.map

@@ -1 +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","InsightsRecords_exports","InsightsRecords","module","exports","import_jsx_runtime","require","import_components","import_theme","import_ImageWell","param","tiles","record","testID","knobProps","useResolvedKnobs","pageKnobs","wellPx","nestedControl","px","jsx","XStack","gap","flexWrap","children","map","tile","title","doc"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAA;AA2CZ,IAAAC,iBAMA,GAAAJ,MANA,CAAAK,mBAAA;AAtBP,IAAAC,YAAS,GAAAN,MAAsB,CAAAO,SAAS,CAAAC,cAAe;AAC5D,IAAAC,QAAQ,GAAAA,CAAAC,MAAU,EAAIC,GAAA;EACtB,SAAQC,IAAA,IAAAD,GAAW,EACnBZ,SAAM,CAAAW,MAAS,EAAAE,IAAA,EAAU;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAc;IAAKE,UAAA;EAAA;AAC5C;AAGM,IAAAC,WAAM,GAAQA,CAAAC,EAAA,EAAAC,IAAO,EAAAC,MAAM,EAAKC,IAAG;EACnC,IAAAF,IAAM,WAAOA,IAAO,KAAK,QAAQ,WAAAA,IAAA;IACjC,SAAMG,GAAA,IAAOhB,iBAAoB,CAAAa,IAAA,GACjC,KACEX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAACnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAAA,OAEEE,EAAG;AAAU;AACE,IAAAM,YAChB,GAAUC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,uBACC;AAAAhB,QACX,CAAAgB,uBAAW;EAAAC,eACX,EAAUA,CAAA,KAAAA;AAAA;AACIC,MAAA,CAAAC,OAEd,GAAAN,YAAA,CAAAG,uBAAA;AAAA,IAAAI,kBAAA,GAAAC,OAAC,oBAAc;AAEf,IAAAC,iBACA,GAAAD,OAAC,gCAAgB,CAAY;AAC3B,IAAAE,YAAA,GAAAF,OAAA,2BAAoB;AAEpB,IAAAG,gBACA,GAAAH,OAAA,8BAAY;AACV,SAAAJ,gBAAAQ,KAAA;EAEA;IAAAC,KAAA;IACCC,MACC;IAAAC;EAAA,IAAAH,KAAA;EAGE;IAAAI;EACN,QAAAN,YAAA,CAAAO,gBAAA;EAAA;IAAAD,SACA,EAAAE;EAAA,IAAC,IAAAR,YAAK,CAASO,gBAAK,EAAW;EAE/B,IAAAE,MAAA,GACFH,SAAA,CAAAI,aAAA,CAAAC,EAAA;EAAA,0BAAAd,kBAAA,CAAAe,GAAA,EAAAb,iBAAA,CAAAc,MAAA;IAAA,GAAAL,SAAA,CAAAM,GAAA;IAAAC,QA7BU;IA8BZV,MAAA;IAEHW,QACH,EAAAb,KAAA,CAAAc,GAAA,WAAAC,IAAA;MAEJ,IAAAC,KAAA,GAAAf,MAAA,CAAAe,KAAA,CAAAD,IAAA,CAAAE,GAAA","ignoreList":[]}
+{"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","InsightsRecords_exports","InsightsRecords","module","exports","import_jsx_runtime","require","import_components","import_theme","import_ImageWell","param","tiles","record","testID","knobProps","useResolvedKnobs","wellPx","nestedControl","px","jsx","CardGrid","minCardWidth","children","map","tile","title","doc"],"sources":["../../../src/insights/InsightsRecords.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAA;AAyCZ,IAAAC,iBAMA,GAAAJ,MANA,CAAAK,mBAAA;AApBP,IAAAC,YAAS,GAAAN,MAAsB,CAAAO,SAAS,CAAAC,cAAe;AAC5D,IAAAC,QAAQ,GAAAA,CAAAC,MAAU,EAAIC,GAAA;EACtB,SAAMC,IAAA,IAASD,GAAA,EACfZ,SACE,CAAAW,MAAA,EAAAE,IAAA;IAACC,GAAA,EAAAF,GAAA,CAAAC,IAAS;IAAAE,UAAa;EAAK;AAExB;AACA,IAAAC,WAAM,GAAOA,CAAAC,EAAA,EAAAC,IAAO,EAAKC,MAAK,EAAGC,IAAA;EACjC,IAAAF,IAAM,WAAOA,IAAO,KAAK,QAAQ,WAAAA,IAAA;IACjC,SACEG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAAC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAEe,OACdE,EAAA;AAAgB;AACN,IAAAM,YACV,GAAWC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,uBACD;AAAAhB,QACT,CAAAgB,uBAAa;EAAAC,eAEd,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OACA,GAAAN,YAAA,CAAAG,uBAAiB;AACf,IAAAI,kBAAA,GAAAC,OAAC,oBAAS,CAAU;AAEpB,IAAAC,iBACA,GAAAD,OAAA,gCAAmB;AACjB,IAAAE,YAAA,GAAAF,OAAA,2BAAM,CAAW;AAEjB,IAAAG,gBACC,GACCH,OAAA,8BAAO;AAGL,SAAAJ,eACNA,CAAAQ,KAAA;EAAA;IAAAC,KACA;IAAAC,MAAA;IAAAC;EAAA,IAACH,KAAA;EAED;IAAAI;EACF,QAAAN,YAAA,CAAAO,gBAAA;EAAA,IAAAC,MAAA,GAAAF,SAAA,CAAAG,aAAA,CAAAC,EAAA;EAAA,0BAAAb,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAa,QAAA;IAAAC,YA5BU;IA6BZR,MAAA;IAEHS,QACH,EAAAX,KAAA,CAAAY,GAAA,WAAAC,IAAA;MAEJ,IAAAC,KAAA,GAAAb,MAAA,CAAAa,KAAA,CAAAD,IAAA,CAAAE,GAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/frappe-ui",
-  "version": "7.86.0",
+  "version": "7.87.0",
   "description": "Pre-wired Tamagui components for Frappe doctypes with live data",
   "keywords": [
     "cross-platform",
@@ -72,18 +72,18 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/components": "^7.86.0",
-    "@multiplatform.one/desktop": "^7.86.0",
-    "@multiplatform.one/forms": "^7.86.0",
-    "@multiplatform.one/frappe": "^7.86.0",
-    "@multiplatform.one/i18n": "^7.86.0",
-    "@multiplatform.one/markdown": "^7.86.0",
-    "@multiplatform.one/platform": "^7.86.0",
-    "@multiplatform.one/rich-text": "^7.86.0",
-    "@multiplatform.one/router": "^7.86.0",
-    "@multiplatform.one/store": "^7.86.0",
-    "@multiplatform.one/table": "^7.86.0",
-    "@multiplatform.one/theme": "^7.86.0",
+    "@multiplatform.one/components": "^7.87.0",
+    "@multiplatform.one/desktop": "^7.87.0",
+    "@multiplatform.one/forms": "^7.87.0",
+    "@multiplatform.one/frappe": "^7.87.0",
+    "@multiplatform.one/i18n": "^7.87.0",
+    "@multiplatform.one/markdown": "^7.87.0",
+    "@multiplatform.one/platform": "^7.87.0",
+    "@multiplatform.one/rich-text": "^7.87.0",
+    "@multiplatform.one/router": "^7.87.0",
+    "@multiplatform.one/store": "^7.87.0",
+    "@multiplatform.one/table": "^7.87.0",
+    "@multiplatform.one/theme": "^7.87.0",
     "@phosphor-icons/react": "^2.1.10",
     "@tamagui/colors": "2.7.6",
     "@tanstack/db": "0.11.3",
@@ -100,9 +100,9 @@
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.86.0",
-    "@multiplatform.one/storybook": "7.86.0",
-    "@multiplatform.one/test-utils": "7.86.0",
+    "@multiplatform.one/config": "7.87.0",
+    "@multiplatform.one/storybook": "7.87.0",
+    "@multiplatform.one/test-utils": "7.87.0",
     "@tamagui/build": "2.7.6",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",

package/src/FrappeInsights.spec.tsx

@@ -137,6 +137,15 @@ describe("FrappeInsights records and leaders", () => {
     expect(records.textContent).toContain("250 xp");
   });
 
+  it("lays the record tiles in the MPO card grid (LC-179)", async () => {
+    renderInsights();
+    const records = await screen.findByTestId("insights-records", {}, { timeout: 5000 });
+    expect(records.hasAttribute("data-card-grid")).toBe(true);
+    const cells = records.querySelectorAll("[data-card-grid-cell]");
+    expect(cells.length).toBeGreaterThan(0);
+    for (const cell of cells) expect(cell.textContent).toMatch(/\S/);
+  });
+
   it("ranks the leaders by the picked metric and opens a row's record", async () => {
     const navigate = vi.fn();
     renderInsights({}, navigate);

package/src/insights/InsightsRecords.tsx

@@ -1,4 +1,4 @@
-import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { CardGrid, Text, XStack, YStack } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageWell } from "../list/ImageWell";
 import type { InsightsRecordView } from "./insightsRecord";
@@ -23,10 +23,9 @@ export interface InsightsRecordsProps<TDoc> {
  */
 export function InsightsRecords<TDoc>({ tiles, record, testID }: InsightsRecordsProps<TDoc>) {
   const { knobProps } = useResolvedKnobs();
-  const { knobProps: pageKnobs } = useResolvedKnobs();
   const wellPx = knobProps.nestedControl.px * 2;
   return (
-    <XStack {...pageKnobs.gap} flexWrap="wrap" testID={testID}>
+    <CardGrid minCardWidth="sm" testID={testID}>
       {tiles.map((tile) => {
         const title = record.title(tile.doc);
         const code = record.code(tile.doc);
@@ -37,7 +36,6 @@ export function InsightsRecords<TDoc>({ tiles, record, testID }: InsightsRecords
             {...knobProps.cardSurface}
             backgroundColor="$color2"
             flexGrow={1}
-            flexBasis={220}
             alignItems="center"
             minWidth={0}
             {...knobProps.gap}
@@ -66,6 +64,6 @@ export function InsightsRecords<TDoc>({ tiles, record, testID }: InsightsRecords
           </XStack>
         );
       })}
-    </XStack>
+    </CardGrid>
   );
 }

package/src/list/FacetList.spec.tsx

@@ -0,0 +1,128 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup, fireEvent } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { FacetList } from "./FacetList";
+
+afterEach(cleanup);
+
+const options = [
+  { value: "", label: "All types", count: 9 },
+  { value: "fire", label: "Fire", tint: "red", count: 4 },
+  { value: "water", label: "Water", tint: "blue", count: 3 },
+  { value: "grass", label: "Grass", count: 2 },
+];
+
+function renderList(value = "", props: Partial<Parameters<typeof FacetList>[0]> = {}) {
+  const onChange = vi.fn();
+  const result = renderWithProviders(
+    <FacetList
+      label="Type"
+      value={value}
+      options={options}
+      onChange={onChange}
+      testID="type"
+      {...props}
+    />,
+  );
+  return { ...result, onChange, radio: (name: RegExp) => result.getByRole("radio", { name }) };
+}
+
+describe("FacetList", () => {
+  it("is a named vertical radiogroup with a row, label and count per value", () => {
+    const { getByRole, getAllByRole, container } = renderList("water");
+    const group = getByRole("radiogroup", { name: "Type" });
+    expect(group.getAttribute("aria-orientation")).toBe("vertical");
+    expect(getAllByRole("radio")).toHaveLength(4);
+    expect([...container.querySelectorAll("[data-facet-count]")].map((n) => n.textContent)).toEqual(
+      ["9", "4", "3", "2"],
+    );
+    expect(getByRole("radio", { name: /Water/ }).getAttribute("aria-checked")).toBe("true");
+    expect(getByRole("radio", { name: /Fire/ }).getAttribute("aria-checked")).toBe("false");
+  });
+
+  it("drops the count when an option has none", () => {
+    const { container } = renderList("", { options: [{ value: "", label: "All" }] });
+    expect(container.querySelector("[data-facet-count]")).toBeNull();
+  });
+
+  it("narrows on a tap and clears on a second tap of the active row", () => {
+    const { radio, onChange, rerender } = renderList("");
+    fireEvent.click(radio(/Fire/));
+    expect(onChange).toHaveBeenLastCalledWith("fire");
+    rerender(
+      <FacetList label="Type" value="fire" options={options} onChange={onChange} testID="type" />,
+    );
+    fireEvent.click(radio(/Fire/));
+    expect(onChange).toHaveBeenLastCalledWith("");
+  });
+
+  it("keeps the clearing row selected when it is tapped again", () => {
+    const { radio, onChange } = renderList("");
+    fireEvent.click(radio(/All types/));
+    expect(onChange).toHaveBeenLastCalledWith("");
+  });
+
+  it("is one tab stop, on the active row", () => {
+    const { radio } = renderList("water");
+    expect(radio(/Water/).getAttribute("tabindex")).toBe("0");
+    expect(radio(/Fire/).getAttribute("tabindex")).toBe("-1");
+    expect(radio(/All types/).getAttribute("tabindex")).toBe("-1");
+  });
+
+  it("moves the tab stop to the row that takes focus", () => {
+    const { radio } = renderList("water");
+    fireEvent.focus(radio(/Grass/));
+    expect(radio(/Grass/).getAttribute("tabindex")).toBe("0");
+    expect(radio(/Water/).getAttribute("tabindex")).toBe("-1");
+    fireEvent.blur(radio(/Grass/));
+    expect(radio(/Grass/).getAttribute("tabindex")).toBe("0");
+  });
+
+  it.each([
+    ["ArrowDown", "water", "grass"],
+    ["ArrowDown", "grass", ""],
+    ["ArrowUp", "fire", ""],
+    ["ArrowUp", "", "grass"],
+    ["Home", "water", ""],
+    ["End", "fire", "grass"],
+  ])("%s from %j selects %j, wrapping at the ends", (key, from, to) => {
+    const { radio, onChange } = renderList(from);
+    const row = radio(new RegExp(options.find((option) => option.value === from)!.label));
+    const event = fireEvent.keyDown(row, { key });
+    expect(onChange).toHaveBeenLastCalledWith(to);
+    expect(event).toBe(false);
+  });
+
+  it("moves the tab stop with the arrow selection", () => {
+    const { radio } = renderList("fire");
+    fireEvent.keyDown(radio(/Fire/), { key: "ArrowDown" });
+    expect(radio(/Water/).getAttribute("tabindex")).toBe("0");
+    expect(radio(/Fire/).getAttribute("tabindex")).toBe("-1");
+  });
+
+  it.each(["Enter", " "])("%j toggles the focused row like a tap", (key) => {
+    const { radio, onChange } = renderList("fire");
+    expect(fireEvent.keyDown(radio(/Water/), { key })).toBe(false);
+    expect(onChange).toHaveBeenLastCalledWith("water");
+    fireEvent.keyDown(radio(/Fire/), { key });
+    expect(onChange).toHaveBeenLastCalledWith("");
+  });
+
+  it("ignores keys a radiogroup does not handle", () => {
+    const { radio, onChange } = renderList("fire");
+    expect(fireEvent.keyDown(radio(/Fire/), { key: "a" })).toBe(true);
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it("lays values out two per row with the clearing row full width", () => {
+    const { radio } = renderList("", { columns: 2 });
+    expect(getComputedStyle(radio(/All types/)).width).toBe("100%");
+    expect(getComputedStyle(radio(/Fire/)).width).toBe("50%");
+  });
+
+  it("names each row's test id after its value", () => {
+    const { getByTestId } = renderList("");
+    expect(getByTestId("type-all").getAttribute("role")).toBe("radio");
+    expect(getByTestId("type-fire").getAttribute("role")).toBe("radio");
+  });
+});

package/src/list/ListControlsSheet.behaviour.spec.tsx

@@ -0,0 +1,283 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { cleanup, fireEvent, screen, waitFor, within } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { ListControlsSheet, type ListControlsSheetProps } from "./ListControlsSheet";
+import { fixtureControls, fixtureList } from "./listControls.fixture";
+import type { FrappeListState } from "./listState";
+
+vi.mock("./RangeFilter", async (importOriginal) => {
+  const actual = await importOriginal<typeof import("./RangeFilter")>();
+  return {
+    ...actual,
+    RangeFilter: ({
+      label,
+      value,
+      max,
+      onChange,
+    }: {
+      label: string;
+      value: number;
+      max: number;
+      onChange: (value: number) => void;
+    }) => (
+      <button type="button" data-max={max} data-value={value} onClick={() => onChange(50)}>
+        {label}
+      </button>
+    ),
+  };
+});
+
+afterEach(cleanup);
+
+const controls = {
+  ...fixtureControls,
+  facets: fixtureControls.facets!.map((facet) =>
+    facet.param === "type"
+      ? { ...facet, optionLabel: (value: string) => value.toUpperCase() }
+      : facet,
+  ),
+  views: ["grid", "list", "table"] as const,
+};
+
+function renderSheet(
+  state: Partial<FrappeListState> = {},
+  props: Partial<ListControlsSheetProps> = {},
+  listPatch: Partial<ReturnType<typeof fixtureList>> = {},
+) {
+  const update = vi.fn();
+  const list = {
+    ...fixtureList(state, update),
+    facets: { type: { counts: { fire: 5, water: 7 } } },
+    ...listPatch,
+  } as ReturnType<typeof fixtureList>;
+  const result = renderWithProviders(
+    <ListControlsSheet
+      controls={controls as ListControlsSheetProps["controls"]}
+      list={list}
+      searchId="roster-search"
+      showSearch={false}
+      showFavorites
+      separator={false}
+      noun="Pokemon"
+      testID="roster"
+      {...props}
+    />,
+  );
+  return { ...result, update, list };
+}
+
+async function openSheet() {
+  fireEvent.click(screen.getByTestId("roster-filters"));
+  return screen.findByTestId("roster-filters-sheet");
+}
+
+const confirmLabel = () =>
+  screen.getByTestId("roster-filters-header-confirm").getAttribute("aria-label");
+const counted = "Show {{count}} {{noun}}";
+
+describe("ListControlsSheet: the filters in force as chips", () => {
+  it("shows a facet chip by its option label and drops the facet on a tap", () => {
+    const { update } = renderSheet({ facets: { type: "fire" } });
+    fireEvent.click(screen.getByRole("button", { name: "FIRE" }));
+    expect(update).toHaveBeenCalledWith({ facets: { type: "" } });
+  });
+
+  it("shows a facet chip by its raw value when the facet has no option label", () => {
+    renderSheet({ facets: { region: "kanto" } });
+    const chip = screen
+      .getAllByRole("button", { name: "kanto" })
+      .find((node) => !node.closest('[role="radiogroup"]'));
+    expect(chip).toBeTruthy();
+  });
+
+  it("shows a range chip as its minimum and drops it on a tap", () => {
+    const { update } = renderSheet({ ranges: { xp: 120 } });
+    fireEvent.click(screen.getByRole("button", { name: "Min XP 120+" }));
+    expect(update).toHaveBeenCalledWith({ ranges: { xp: 0 } });
+  });
+
+  it("shows a Favorites chip and turns favorites-only off on a tap", () => {
+    const { update } = renderSheet({ favoritesOnly: true });
+    fireEvent.click(screen.getByRole("button", { name: "Favorites" }));
+    expect(update).toHaveBeenCalledWith({ favoritesOnly: false });
+  });
+
+  it("draws no chip row with no filter, view or shuffle", () => {
+    renderSheet();
+    expect(screen.queryByRole("button", { name: "Favorites" })).toBeNull();
+    expect(screen.queryByTestId("roster-views")).toBeNull();
+  });
+});
+
+describe("ListControlsSheet: view switch and shuffle", () => {
+  it("switches views from icon segments named Cards, List and Table", () => {
+    const onChange = vi.fn();
+    renderSheet({}, { view: { current: "grid", onChange } });
+    const views = screen.getByTestId("roster-views");
+    expect(
+      [...views.querySelectorAll("[aria-label]")]
+        .map((node) => node.getAttribute("aria-label"))
+        .filter((name) => ["Cards", "List", "Table"].includes(name ?? "")),
+    ).toEqual(["Cards", "List", "Table"]);
+    fireEvent.click(within(views).getByLabelText("Table"));
+    expect(onChange).toHaveBeenCalledWith("table");
+  });
+
+  it("toggles the shuffle panel from a dice button wired to the panel", () => {
+    const toggle = vi.fn();
+    renderSheet({}, { shuffle: { open: true, toggle, panelId: "roster-shuffle" } });
+    const dice = screen.getByTestId("roster-shuffle-toggle");
+    expect(dice.getAttribute("aria-label")).toBe("Surprise me");
+    expect(dice.getAttribute("aria-expanded")).toBe("true");
+    expect(dice.getAttribute("aria-controls")).toBe("roster-shuffle");
+    fireEvent.click(dice);
+    expect(toggle).toHaveBeenCalled();
+  });
+});
+
+describe("ListControlsSheet: the sheet", () => {
+  it("counts its confirm for the whole list when nothing filters it", async () => {
+    renderSheet();
+    await openSheet();
+    expect(confirmLabel()).toBe(counted);
+  });
+
+  it("counts its confirm for the one active facet", async () => {
+    renderSheet({ facets: { type: "water" } });
+    await openSheet();
+    expect(confirmLabel()).toBe(counted);
+  });
+
+  it("counts its confirm for the one active band", async () => {
+    renderSheet({ bands: { generation: "2" } });
+    await openSheet();
+    expect(confirmLabel()).toBe(counted);
+  });
+
+  it("counts its confirm for favorites under favorites-only", async () => {
+    renderSheet({ favoritesOnly: true });
+    await openSheet();
+    expect(confirmLabel()).toBe(counted);
+  });
+
+  it("names Show results when the one active facet has no count yet", async () => {
+    renderSheet({ facets: { region: "kanto" } });
+    await openSheet();
+    expect(confirmLabel()).toBe("Show results");
+  });
+
+  it("falls back to Show results when two filters are in force", async () => {
+    renderSheet({ facets: { type: "fire" }, favoritesOnly: true });
+    await openSheet();
+    expect(confirmLabel()).toBe("Show results");
+  });
+
+  it("falls back to Show results when a range alone has no count", async () => {
+    renderSheet({ ranges: { xp: 50 } });
+    await openSheet();
+    expect(confirmLabel()).toBe("Show results");
+  });
+
+  it("closes on the confirm and on Escape", async () => {
+    renderSheet();
+    const expanded = () => screen.getByTestId("roster-filters").getAttribute("aria-expanded");
+    await openSheet();
+    expect(expanded()).toBe("true");
+    fireEvent.click(screen.getByTestId("roster-filters-header-confirm"));
+    await waitFor(() => expect(expanded()).toBe("false"));
+    await openSheet();
+    fireEvent.keyDown(document, { key: "Tab" });
+    expect(expanded()).toBe("true");
+    fireEvent.keyDown(document, { key: "Escape" });
+    await waitFor(() => expect(expanded()).toBe("false"));
+  });
+
+  it("resets sort to the first, favorites off, and every facet, range and band", async () => {
+    const { update } = renderSheet({ sort: "xp", favoritesOnly: true });
+    await openSheet();
+    fireEvent.click(screen.getByTestId("roster-reset"));
+    expect(update).toHaveBeenCalledWith({
+      sort: "number",
+      favoritesOnly: false,
+      facets: { type: "", region: "" },
+      ranges: { xp: 0 },
+      bands: { generation: "" },
+    });
+  });
+
+  it("sorts from the Sort by select", async () => {
+    const { update } = renderSheet();
+    const sheet = await openSheet();
+    const trigger = within(sheet).getByRole("combobox", { name: "Sort by" });
+    trigger.focus();
+    fireEvent.keyDown(trigger, { key: "Enter" });
+    await screen.findByRole("option", { name: "XP" });
+    fireEvent.keyDown(document.activeElement!, { key: "ArrowDown" });
+    fireEvent.keyDown(document.activeElement!, { key: "Enter" });
+    expect(update).toHaveBeenCalledWith({ sort: "xp" });
+  });
+
+  it("turns favorites-only on from its switch", async () => {
+    const { update } = renderSheet();
+    const sheet = await openSheet();
+    fireEvent.click(within(sheet).getByRole("switch", { name: "Favorites only" }));
+    expect(update).toHaveBeenCalledWith({ favoritesOnly: true });
+  });
+
+  it("lists each facet as chips with All first and the counts read so far", async () => {
+    renderSheet({ facets: { type: "fire" } });
+    const sheet = await openSheet();
+    const type = within(sheet).getByRole("radiogroup", { name: "Type" });
+    const chips = within(type).getAllByRole("button");
+    expect(chips.map((chip) => chip.textContent)).toEqual(["All types  12", "FIRE  5", "WATER  7"]);
+    const region = within(sheet).getByRole("radiogroup", { name: "Region" });
+    expect(
+      within(region)
+        .getAllByRole("button")
+        .map((chip) => chip.textContent),
+    ).toEqual(["All  12", "kanto", "johto"]);
+  });
+
+  it("narrows on a facet chip, clears on the active one, and All clears", async () => {
+    const { update } = renderSheet({ facets: { type: "fire" } });
+    const sheet = await openSheet();
+    const type = within(sheet).getByRole("radiogroup", { name: "Type" });
+    fireEvent.click(within(type).getByRole("button", { name: /^WATER/ }));
+    expect(update).toHaveBeenLastCalledWith({ facets: { type: "water" } });
+    fireEvent.click(within(type).getByRole("button", { name: /^FIRE/ }));
+    expect(update).toHaveBeenLastCalledWith({ facets: { type: "" } });
+    fireEvent.click(within(type).getByRole("button", { name: /^All types/ }));
+    expect(update).toHaveBeenLastCalledWith({ facets: { type: "" } });
+  });
+
+  it("caps each range at the list's highest value and commits a move as a range patch", async () => {
+    const { update } = renderSheet();
+    const sheet = await openSheet();
+    const range = within(sheet).getByRole("button", { name: "Min XP" });
+    expect(Number(range.getAttribute("data-max"))).toBeGreaterThanOrEqual(300);
+    expect(within(sheet).getByText(`0–${range.getAttribute("data-max")}`)).toBeTruthy();
+    fireEvent.click(range);
+    expect(update).toHaveBeenCalledWith({ ranges: { xp: 50 } });
+  });
+
+  it("caps a range with no reading at the floor ceiling", async () => {
+    renderSheet({}, {}, { highest: {} });
+    const sheet = await openSheet();
+    const range = within(sheet).getByRole("button", { name: "Min XP" });
+    expect(range.getAttribute("data-value")).toBe("0");
+  });
+
+  it("has no Filters button when there is nothing to put in the sheet", () => {
+    renderSheet({}, { controls: {}, showFavorites: false });
+    expect(screen.queryByTestId("roster-filters")).toBeNull();
+  });
+});
+
+describe("ListControlsSheet: search", () => {
+  it("searches as the text settles", async () => {
+    const { update } = renderSheet({}, { showSearch: true, searchPlaceholder: "Find Pokemon" });
+    const input = screen.getByLabelText("Find Pokemon") as HTMLInputElement;
+    fireEvent.change(input, { target: { value: "pika" } });
+    await waitFor(() => expect(update).toHaveBeenCalledWith({ search: "pika" }));
+  });
+});

package/types/insights/InsightsRecords.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsRecords.d.ts","sourceRoot":"","sources":["../../src/insights/InsightsRecords.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,kBAAkB,CAAC,IAAI;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI;IACxC,KAAK,EAAE,SAAS,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;IAC3C,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,2CA+C1F"}
+{"version":3,"file":"InsightsRecords.d.ts","sourceRoot":"","sources":["../../src/insights/InsightsRecords.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,kBAAkB,CAAC,IAAI;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI;IACxC,KAAK,EAAE,SAAS,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;IAC3C,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,2CA6C1F"}