@multiplatform.one/frappe-ui 7.34.4 → 7.35.0

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

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, XStack, YStack } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Suspense, lazy } from "react";
+import { Suspense, lazy, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-var readoutWidth = 44;
-var trackMinWidth = 100;
+var commitDelayMs = 150;
 var RangeRowLazy = /* @__PURE__ */lazy(async function () {
-  var forms = await import("@multiplatform.one/forms");
-  var MaybeSlider = forms.Slider;
+  var tamagui = await import("tamagui");
+  var MaybeSlider = tamagui.Slider;
   if (!MaybeSlider) {
     var Absent = function Absent2() {
       return null;
@@ -23,7 +22,9 @@ var RangeRowLazy = /* @__PURE__ */lazy(async function () {
       value,
       max,
       step = 5,
-      onChange
+      onChange,
+      layout = "row",
+      testID
     } = param;
     var {
       t
@@ -31,47 +32,111 @@ var RangeRowLazy = /* @__PURE__ */lazy(async function () {
     var {
       knobProps
     } = useResolvedKnobs();
+    var [draft, setDraft] = useState(value);
+    var timer = useRef(null);
+    var onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    useEffect(function () {
+      return setDraft(value);
+    }, [value]);
+    useEffect(function () {
+      return function () {
+        if (timer.current) clearTimeout(timer.current);
+      };
+    }, []);
+    var move = function move2(next) {
+      setDraft(next);
+      if (timer.current) clearTimeout(timer.current);
+      timer.current = setTimeout(function () {
+        return onChangeRef.current(next);
+      }, commitDelayMs);
+    };
+    var readout = /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      color: draft > 0 ? "$color12" : "$color10",
+      flexShrink: 0,
+      userSelect: "none",
+      textAlign: "right",
+      "data-range-readout": "",
+      children: draft > 0 ? `${draft}+` : t("Any")
+    });
+    var caption = /* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      color: "$color11",
+      flexShrink: 0,
+      userSelect: "none",
+      children: label
+    });
+    var track =
+    // Inset by half the thumb so it stays inside the column at either end.
+    /* @__PURE__ */
+    _jsx(YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      minWidth: 0,
+      justifyContent: "center",
+      paddingHorizontal: "$2",
+      children: /* @__PURE__ */_jsxs(Slider, {
+        value: [Math.min(draft, max)],
+        min: 0,
+        max,
+        step,
+        size: "$2",
+        onValueChange: function onValueChange(values) {
+          if (typeof values[0] === "number") move(values[0]);
+        },
+        "aria-label": label,
+        testID,
+        "data-range-slider": "",
+        children: [/* @__PURE__ */_jsx(Slider.Track, {
+          height: "$0.5",
+          backgroundColor: "$color5",
+          "data-slider-part": "track",
+          children: /* @__PURE__ */_jsx(Slider.TrackActive, {
+            backgroundColor: "$color9",
+            "data-slider-part": "range"
+          })
+        }), /* @__PURE__ */_jsx(Slider.Thumb, {
+          index: 0,
+          size: "$1.5",
+          circular: true,
+          backgroundColor: "$background",
+          borderColor: "$color9",
+          borderWidth: knobProps.surface.borderWidth,
+          elevation: knobProps.elevation,
+          hoverStyle: {
+            borderColor: "$color10"
+          },
+          pressStyle: {
+            borderColor: "$color11"
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineWidth: 2
+          },
+          "aria-label": label,
+          "data-slider-part": "thumb"
+        })]
+      })
+    });
+    if (layout === "stack") {
+      return /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.gapSm,
+        "data-range-layout": "stack",
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          alignItems: "baseline",
+          ...knobProps.gap,
+          children: [caption, readout]
+        }), track]
+      });
+    }
     return /* @__PURE__ */_jsxs(XStack, {
       ...knobProps.gap,
       alignItems: "center",
       flexGrow: 1,
       minWidth: 0,
-      children: [/* @__PURE__ */_jsx(Text, {
-        fontSize: "$2",
-        color: "$color11",
-        flexShrink: 0,
-        userSelect: "none",
-        children: label
-      }),
-      /* A column on purpose: the Slider's %-width chain collapses to 0
-      inside a row; a column's cross-axis stretch hands the track the
-      flexed width. */
-      /* @__PURE__ */
-      _jsx(YStack, {
-        flexGrow: 1,
-        flexShrink: 1,
-        minWidth: trackMinWidth,
-        justifyContent: "center",
-        children: /* @__PURE__ */_jsx(Slider, {
-          value: [value],
-          min: 0,
-          max,
-          step,
-          onChange: function onChange1(values) {
-            if (typeof values[0] === "number") onChange(values[0]);
-          },
-          "aria-label": label,
-          compact: true
-        })
-      }), /* @__PURE__ */_jsx(Text, {
-        fontSize: "$2",
-        fontWeight: "600",
-        color: value > 0 ? "$color12" : "$color10",
-        minWidth: readoutWidth,
-        textAlign: "right",
-        userSelect: "none",
-        children: value > 0 ? `${value}+` : t("Any")
-      })]
+      "data-range-layout": "row",
+      children: [caption, track, readout]
     });
   }
   return {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","XStack","YStack","useResolvedKnobs","Suspense","lazy","useTranslation","readoutWidth","trackMinWidth","RangeRowLazy","forms","MaybeSlider","Slider","Absent","Absent2","default","RangeRow","param","label","value","max","step","onChange","t","knobProps","gap","alignItems","flexGrow","minWidth","children","fontSize","color","flexShrink","userSelect","justifyContent","min","onChange1","values","compact"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AACrC,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,QAAwB;AACjC,SAASC,gBAAU,QAAgC;AACnD,SAASC,QAAA,EAAAC,IAAA,QAAsB;AA+BzB,SACEC,cADF;AAnBN,IAAAC,YAAM,KAAe;AACrB,IAAAC,aAAM,MAAgB;AAKtB,IAAAC,YAAM,kBAAoBJ,IAAY;EACpC,IAAAK,KAAM,SAAQ,MAAM,2BAAO;EAC3B,IAAAC,WAAM,GAAAD,KAAe,CAAAE,MAAgC;EACrD,IAAI,CAACD,WAAA,EAAa;IAChB,IAAAE,MAAM,YAAgDC,QAAA;MACtD,OAAS;IACX;IACA,OAAM;MAENC,OAAS,EAAAF;IACP;EACA;EACA,IAAAD,MACE,GAAAD,WAAA;EACE,SAAAK,SAAAC,KAAA,EAAC;IAED,IAIA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,GAAC;MAAAC,IAAA,GAAO;MAAAC;IAAU,CAAG,GAAAL,KAAA;IACnB,IAAC;MAAAM;IAAA,IAAAjB,cAAA;IAAA;MAAAkB;IAAA,IAAArB,gBAAA;IAAA,OACC,eAAaJ,KAAA,CAAAE,MAAA;MAAA,GAAAuB,SACR,CAAAC,GAAA;MAAAC,UACL;MAAAC,QACA;MAAAC,QACA;MACEC,QAAA,EAAI,CAAiD,eACvDhC,IAAA,CAAAG,IAAA;QACA8B,QAAA,MAAY;QACZC,KAAA,YAAO;QAAAC,UAAA;QAEXC,UAAA;QACAJ,QAAA,EAAAX;MAAC;MAAA;AAAA;AACU;MACE;MACJrB,IAAQ,CAAIK,MAAA;QACnByB,QAAA,EAAU;QACVK,UAAA,EAAU;QACVJ,QAAA,EAAApB,aAAW;QAEV0B,cAAA,UAAY;QAAqBL,QAAA,iBAAAhC,IAAA,CAAAe,MAAA;UACpCO,KAAA,GACFA,KAAA,CAEJ;UACSgB,GAAA;UACVf,GAAA;UAGeC,IAAA;UAEZC,QAAA,WAACc,UAASC,MAAA;YAId,WAAAA,MAAA,kBAAAf,QAAA,CAAAe,MAAA;UAGgB;UACP,YAAS,EAAOnB,KAAK;UAC9BoB,OAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","XStack","YStack","useResolvedKnobs","Suspense","lazy","useEffect","useRef","useState","useTranslation","commitDelayMs","RangeRowLazy","tamagui","MaybeSlider","Slider","Absent","Absent2","default","RangeRow","param","label","value","max","step","onChange","layout","testID","t","knobProps","draft","setDraft","timer","onChangeRef","current","clearTimeout","move","move2","next","setTimeout","readout","color","flexShrink","userSelect","textAlign","children","caption","track","flexGrow","minWidth","justifyContent","paddingHorizontal","Math","min","size","onValueChange","values","Track","height","backgroundColor","TrackActive","Thumb","index","circular","borderColor","borderWidth","surface","elevation","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","gapSm","alignItems","gap"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/list/RecordCard.mjs

@@ -1,6 +1,6 @@
 import { Anchor, Card, Text, XStack, YStack, isWeb } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
-import { ensureFocusVisibleRing, ensureKeyboardModalityTracking, keyboardFocusRingProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { transitionProps, ensureFocusVisibleRing, ensureKeyboardModalityTracking, keyboardFocusRingProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
 import { HeartIcon } from "@phosphor-icons/react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -60,9 +60,13 @@ function RecordCard({
     testID,
     position: "relative",
     ...knobProps.cardSurface,
+    padding: 0,
+    gap: 0,
+    overflow: "hidden",
+    "data-record-card-bleed": "",
     elevation: knobProps.elevation,
     cursor: "pointer",
-    transition: knobProps.transition,
+    ...transitionProps(knobProps.motion.control, ["boxShadow", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "elevation"]),
     hoverStyle: {
       ...elevationState.hoverKnobProps
     },
@@ -94,7 +98,7 @@ function RecordCard({
         onBlur: () => setAnchorKeyboardFocus(false)
       } : void 0)
     }) : null, /* @__PURE__ */jsxs(YStack, {
-      gap: "$1.5",
+      gap: 0,
       zIndex: 1,
       pointerEvents: passThrough,
       children: [/* @__PURE__ */jsxs(YStack, {
@@ -105,27 +109,13 @@ function RecordCard({
           alt: title,
           tints,
           inset: 0.04,
+          borderRadius: 0,
           lazy,
-          pointerEvents: inert
-        }), code ? /* @__PURE__ */jsx(XStack, {
-          position: "absolute",
-          top: "$2",
-          left: "$2",
-          ...knobProps.borderRadius,
-          borderWidth: 0,
-          backgroundColor: "$background08",
-          paddingHorizontal: "$1.5",
-          paddingVertical: "$0.5",
-          zIndex: 1,
           pointerEvents: inert,
-          children: /* @__PURE__ */jsx(Text, {
-            fontSize: "$1",
-            fontWeight: "800",
-            letterSpacing: 1,
-            color: "$color12",
-            children: code
-          })
-        }) : null, favorite ? /* @__PURE__ */jsx(XStack, {
+          ...{
+            "data-record-card-media": ""
+          }
+        }), favorite ? /* @__PURE__ */jsx(XStack, {
           position: "absolute",
           top: "$1",
           right: "$1",
@@ -137,12 +127,11 @@ function RecordCard({
             }
           } : void 0),
           children: /* @__PURE__ */jsx(Button, {
-            size: "$3",
             circular: true,
             chromeless: true,
             minWidth: knobProps.sizeToken,
             minHeight: knobProps.sizeToken,
-            transition: knobProps.transition,
+            ...transitionProps(knobProps.motion.control),
             backgroundColor: "$background08",
             hoverStyle: {
               backgroundColor: "$background",
@@ -168,38 +157,47 @@ function RecordCard({
             "aria-pressed": favorite.active,
             testID: favoriteTestID
           })
+        }) : null]
+      }), /* @__PURE__ */jsxs(YStack, {
+        ...knobProps.panelPadding,
+        gap: "$1.5",
+        pointerEvents: inert,
+        children: [/* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          alignItems: "baseline",
+          children: [/* @__PURE__ */jsx(Text, {
+            ...knobProps.heading,
+            fontWeight: "700",
+            fontSize: "$4",
+            numberOfLines: 1,
+            color: "$color12",
+            flexShrink: 1,
+            children: title
+          }), code ? /* @__PURE__ */jsx(Text, {
+            fontSize: "$2",
+            fontWeight: "700",
+            color: "$color10",
+            flexShrink: 0,
+            ...{
+              "data-record-card-code": ""
+            },
+            children: code
+          }) : null]
+        }), subtitle ? /* @__PURE__ */jsx(Text, {
+          ...knobProps.body,
+          fontSize: "$2",
+          color: "$color10",
+          numberOfLines: 1,
+          children: subtitle
         }) : null, badges.length > 0 ? /* @__PURE__ */jsx(XStack, {
-          position: "absolute",
-          bottom: "$2",
-          left: "$2",
-          right: "$2",
           gap: "$1.5",
           flexWrap: "wrap",
-          zIndex: 1,
-          pointerEvents: "none",
           children: badges.map(badge => /* @__PURE__ */jsx(FacetBadge, {
             label: badge.label,
             tint: badge.tint,
-            compact: true
+            size: "$3"
           }, badge.value))
         }) : null]
-      }), /* @__PURE__ */jsxs(YStack, {
-        gap: "$0.5",
-        pointerEvents: inert,
-        children: [/* @__PURE__ */jsx(Text, {
-          ...knobProps.heading,
-          fontWeight: "700",
-          fontSize: "$4",
-          numberOfLines: 1,
-          color: "$color12",
-          children: title
-        }), /* @__PURE__ */jsx(Text, {
-          ...knobProps.body,
-          fontSize: "$2",
-          color: "$color10",
-          numberOfLines: 1,
-          children: subtitle || "\xA0"
-        })]
       })]
     })]
   });

package/dist/esm/list/RecordCard.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Anchor","Card","Text","XStack","YStack","isWeb","Button","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","HeartIcon","useState","useTranslation","FacetBadge","ImageWell","jsx","jsxs","isModifiedPress","event","native","nativeEvent","Boolean","metaKey","ctrlKey","shiftKey","altKey","button","RecordCard","title","subtitle","code","images","tints","badges","href","onPress","favorite","lazy","testID","favoriteTestID","t","knobProps","elevation","elevationState","component","focusRing","outlineOffset","anchorKeyboardFocus","setAnchorKeyboardFocus","handlePress","press","preventDefault","stopPropagation","handleToggleFavorite","toggle","passThrough","inert","position","cardSurface","cursor","transition","hoverStyle","hoverKnobProps","pressStyle","pressKnobProps","role","focusVisibleStyle","children","top","left","right","bottom","zIndex","textDecorationLine","outlineWidth","onFocus","onBlur","gap","pointerEvents","sources","alt","inset","borderRadius","borderWidth","backgroundColor","paddingHorizontal","paddingVertical","fontSize","fontWeight","letterSpacing","color","onClickCapture","size","circular","chromeless","minWidth","sizeToken","minHeight","scale","render","type","col","active","icon","weight","name","length","flexWrap","map","badge","label","tint","compact","value","heading","numberOfLines","body"],"sources":["../../../src/list/RecordCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Anchor","Card","Text","XStack","YStack","isWeb","Button","transitionProps","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","HeartIcon","useState","useTranslation","FacetBadge","ImageWell","jsx","jsxs","isModifiedPress","event","native","nativeEvent","Boolean","metaKey","ctrlKey","shiftKey","altKey","button","RecordCard","title","subtitle","code","images","tints","badges","href","onPress","favorite","lazy","testID","favoriteTestID","t","knobProps","elevation","elevationState","component","focusRing","outlineOffset","anchorKeyboardFocus","setAnchorKeyboardFocus","handlePress","press","preventDefault","stopPropagation","handleToggleFavorite","toggle","passThrough","inert","position","cardSurface","padding","gap","overflow","cursor","motion","control","hoverStyle","hoverKnobProps","pressStyle","pressKnobProps","role","focusVisibleStyle","children","top","left","right","bottom","zIndex","textDecorationLine","outlineWidth","onFocus","onBlur","pointerEvents","sources","alt","inset","borderRadius","onClickCapture","circular","chromeless","minWidth","sizeToken","minHeight","backgroundColor","scale","render","type","col","active","icon","size","weight","name","panelPadding","alignItems","heading","fontWeight","fontSize","numberOfLines","color","flexShrink","body","length","flexWrap","map","badge","label","tint","value"],"sources":["../../../src/list/RecordCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, Text, XStack, YStack } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { transitionProps, useResolvedKnobs } from "@multiplatform.one/theme";
 import { HeartIcon } from "@phosphor-icons/react";
 import { useTranslation } from "react-i18next";
 import { FacetBadge } from "./FacetBadge.native.js";
@@ -36,8 +36,14 @@ function RecordCard(param) {
   return /* @__PURE__ */_jsx(Card, {
     testID,
     ...knobProps.cardSurface,
+    // Full-bleed media: the card has no inset of its own and its radius
+    // clips the image well; the body below carries the inset.
+    padding: 0,
+    gap: 0,
+    overflow: "hidden",
+    "data-record-card-bleed": "",
     elevation: knobProps.elevation,
-    transition: knobProps.transition,
+    ...transitionProps(knobProps.motion.control, ["boxShadow", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "elevation"]),
     pressStyle: {
       scale: 0.98,
       ...elevationState.pressKnobProps
@@ -48,43 +54,29 @@ function RecordCard(param) {
       return onPress === null || onPress === void 0 ? void 0 : onPress();
     },
     children: /* @__PURE__ */_jsxs(YStack, {
-      gap: "$1.5",
+      gap: 0,
       children: [/* @__PURE__ */_jsxs(YStack, {
         position: "relative",
         children: [/* @__PURE__ */_jsx(ImageWell, {
           sources: images,
           alt: title,
           tints,
-          inset: 0.04
-        }), code ? /* @__PURE__ */_jsx(XStack, {
-          position: "absolute",
-          top: "$2",
-          left: "$2",
-          ...knobProps.borderRadius,
-          borderWidth: 0,
-          backgroundColor: "$background08",
-          paddingHorizontal: "$1.5",
-          paddingVertical: "$0.5",
-          zIndex: 1,
-          children: /* @__PURE__ */_jsx(Text, {
-            fontSize: "$1",
-            fontWeight: "800",
-            letterSpacing: 1,
-            color: "$color12",
-            children: code
-          })
-        }) : null, favorite ? /* @__PURE__ */_jsx(XStack, {
+          inset: 0.04,
+          borderRadius: 0,
+          ...{
+            "data-record-card-media": ""
+          }
+        }), favorite ? /* @__PURE__ */_jsx(XStack, {
           position: "absolute",
           top: "$1",
           right: "$1",
           zIndex: 2,
           children: /* @__PURE__ */_jsx(Button, {
-            size: "$3",
             circular: true,
             chromeless: true,
             minWidth: knobProps.sizeToken,
             minHeight: knobProps.sizeToken,
-            transition: knobProps.transition,
+            ...transitionProps(knobProps.motion.control),
             backgroundColor: "$background08",
             pressStyle: {
               backgroundColor: "$background",
@@ -104,39 +96,48 @@ function RecordCard(param) {
             "aria-pressed": favorite.active,
             testID: favoriteTestID
           })
+        }) : null]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.panelPadding,
+        gap: "$1.5",
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          gap: "$2",
+          alignItems: "baseline",
+          children: [/* @__PURE__ */_jsx(Text, {
+            ...knobProps.heading,
+            fontWeight: "700",
+            fontSize: "$4",
+            numberOfLines: 1,
+            color: "$color12",
+            flexShrink: 1,
+            children: title
+          }), code ? /* @__PURE__ */_jsx(Text, {
+            fontSize: "$2",
+            fontWeight: "700",
+            color: "$color10",
+            flexShrink: 0,
+            ...{
+              "data-record-card-code": ""
+            },
+            children: code
+          }) : null]
+        }), subtitle ? /* @__PURE__ */_jsx(Text, {
+          ...knobProps.body,
+          fontSize: "$2",
+          color: "$color10",
+          numberOfLines: 1,
+          children: subtitle
         }) : null, badges.length > 0 ? /* @__PURE__ */_jsx(XStack, {
-          position: "absolute",
-          bottom: "$2",
-          left: "$2",
-          right: "$2",
           gap: "$1.5",
           flexWrap: "wrap",
-          zIndex: 1,
-          pointerEvents: "none",
           children: badges.map(function (badge) {
             return /* @__PURE__ */_jsx(FacetBadge, {
               label: badge.label,
               tint: badge.tint,
-              compact: true
+              size: "$3"
             }, badge.value);
           })
         }) : null]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$0.5",
-        children: [/* @__PURE__ */_jsx(Text, {
-          ...knobProps.heading,
-          fontWeight: "700",
-          fontSize: "$4",
-          numberOfLines: 1,
-          color: "$color12",
-          children: title
-        }), /* @__PURE__ */_jsx(Text, {
-          ...knobProps.body,
-          fontSize: "$2",
-          color: "$color10",
-          numberOfLines: 1,
-          children: subtitle || "\xA0"
-        })]
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","Text","XStack","YStack","Button","useResolvedKnobs","HeartIcon","useTranslation","FacetBadge","ImageWell","RecordCard","param","title","subtitle","code","images","tints","badges","onPress","favorite","testID","favoriteTestID","t","knobProps","elevation","elevationState","component","handleToggleFavorite","handleToggleFavorite2","event","_event_stopPropagation","stopPropagation","call","toggle","cardSurface","transition","pressStyle","scale","pressKnobProps","role","onPress1","children","gap","position","sources","alt","inset","top","left","borderRadius","borderWidth","backgroundColor","paddingHorizontal","paddingVertical","zIndex","fontSize","fontWeight","letterSpacing","color","right","size","circular","chromeless","minWidth","sizeToken","minHeight","col","active","icon","weight","name","length","bottom","flexWrap","pointerEvents","map","badge","label","tint","compact","value","heading","numberOfLines","body"],"sources":["../../../src/list/RecordCard.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","Text","XStack","YStack","Button","transitionProps","useResolvedKnobs","HeartIcon","useTranslation","FacetBadge","ImageWell","RecordCard","param","title","subtitle","code","images","tints","badges","onPress","favorite","testID","favoriteTestID","t","knobProps","elevation","elevationState","component","handleToggleFavorite","handleToggleFavorite2","event","_event_stopPropagation","stopPropagation","call","toggle","cardSurface","padding","gap","overflow","motion","control","pressStyle","scale","pressKnobProps","role","onPress1","children","position","sources","alt","inset","borderRadius","top","right","zIndex","circular","chromeless","minWidth","sizeToken","minHeight","backgroundColor","col","active","icon","size","weight","name","panelPadding","alignItems","heading","fontWeight","fontSize","numberOfLines","color","flexShrink","body","length","flexWrap","map","badge","label","tint","value"],"sources":["../../../src/list/RecordCard.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAMC,IAAA,IAAQC,KAAA,QAAa;AAC3C,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAC3C,SAASC,MAAA,QAAc;AACvB,SAASC,eAAA,EAAiBC,gBAAA,QAAwB;AAClD,SAASC,SAAA,QAAiB;AAC1B,SAASC,cAAA,QAAsB;AAC/B,SAASC,UAAA,QAAkB;AAC3B,SAASC,SAAA,QAAiB;AAKf,SAASC,WAAWC,KAAA,EAAO;EAClC,IAAI;IAAEC,KAAA;IAAOC,QAAA;IAAUC,IAAA;IAAMC,MAAA;IAAQC,KAAA;IAAOC,MAAA,GAAS,EAAC;IAAGC,OAAA;IAASC,QAAA;IAAUC,MAAA;IAAQC;EAAe,IAAIV,KAAA;EACvG,IAAI;IAAEW;EAAE,IAAIf,cAAA,CAAe;EAC3B,IAAI;IAAEgB,SAAA;IAAWC,SAAA,EAAWC;EAAe,IAAIpB,gBAAA,CAAiB;IAC5DqB,SAAA,EAAW;EACf,CAAC;EACD,IAAIC,oBAAA,GAAuB,SAASC,qBAAAD,CAAqBE,KAAA,EAAO;IAC5D,IAAIC,sBAAA;IACJD,KAAA,KAAU,QAAQA,KAAA,KAAU,SAAS,UAAUC,sBAAA,GAAyBD,KAAA,CAAME,eAAA,MAAqB,QAAQD,sBAAA,KAA2B,SAAS,SAASA,sBAAA,CAAuBE,IAAA,CAAKH,KAAK;IACzLV,QAAA,KAAa,QAAQA,QAAA,KAAa,SAAS,SAASA,QAAA,CAASc,MAAA,CAAO;EACxE;EACA,OAAqB,eAAArC,IAAA,CAAKG,IAAA,EAAM;IAC5BqB,MAAA;IACA,GAAGG,SAAA,CAAUW,WAAA;IAAA;IAAA;IAGbC,OAAA,EAAS;IACTC,GAAA,EAAK;IACLC,QAAA,EAAU;IACV,0BAA0B;IAC1Bb,SAAA,EAAWD,SAAA,CAAUC,SAAA;IACrB,GAAGpB,eAAA,CAAgBmB,SAAA,CAAUe,MAAA,CAAOC,OAAA,EAAS,CACzC,aACA,eACA,gBACA,iBACA,gBACA,YACH;IACDC,UAAA,EAAY;MACRC,KAAA,EAAO;MACP,GAAGhB,cAAA,CAAeiB;IACtB;IACAC,IAAA,EAAM;IACN,cAAc/B,KAAA;IACdM,OAAA,EAAS,SAAS0B,SAAA,EAAW;MACzB,OAAO1B,OAAA,KAAY,QAAQA,OAAA,KAAY,SAAS,SAASA,OAAA,CAAQ;IACrE;IACA2B,QAAA,EAAwB,eAAA/C,KAAA,CAAMI,MAAA,EAAQ;MAClCkC,GAAA,EAAK;MACLS,QAAA,EAAU,CACQ,eAAA/C,KAAA,CAAMI,MAAA,EAAQ;QACxB4C,QAAA,EAAU;QACVD,QAAA,EAAU,CACQ,eAAAjD,IAAA,CAAKa,SAAA,EAAW;UAC1BsC,OAAA,EAAShC,MAAA;UACTiC,GAAA,EAAKpC,KAAA;UACLI,KAAA;UACAiC,KAAA,EAAO;UACPC,YAAA,EAAc;UACd,GAAG;YACC,0BAA0B;UAC9B;QACJ,CAAC,GACD/B,QAAA,GAAyB,eAAAvB,IAAA,CAAKK,MAAA,EAAQ;UAClC6C,QAAA,EAAU;UACVK,GAAA,EAAK;UACLC,KAAA,EAAO;UACPC,MAAA,EAAQ;UACRR,QAAA,EAAwB,eAAAjD,IAAA,CAAKO,MAAA,EAAQ;YACjCmD,QAAA,EAAU;YACVC,UAAA,EAAY;YACZC,QAAA,EAAUjC,SAAA,CAAUkC,SAAA;YACpBC,SAAA,EAAWnC,SAAA,CAAUkC,SAAA;YACrB,GAAGrD,eAAA,CAAgBmB,SAAA,CAAUe,MAAA,CAAOC,OAAO;YAC3CoB,eAAA,EAAiB;YACjBnB,UAAA,EAAY;cACRmB,eAAA,EAAiB;cACjBlB,KAAA,EAAO;YACX;YACAvB,OAAA,EAASS,oBAAA;YACTiC,GAAA,EAAKzC,QAAA,CAAS0C,MAAA,GAAS,UAAU;YACjCC,IAAA,EAAoB,eAAAlE,IAAA,CAAKU,SAAA,EAAW;cAChCyD,IAAA,EAAM;cACNC,MAAA,EAAQ7C,QAAA,CAAS0C,MAAA,GAAS,SAAS;YACvC,CAAC;YACD,cAAc1C,QAAA,CAAS0C,MAAA,GAASvC,CAAA,CAAE,kCAAkC;cAChE2C,IAAA,EAAMrD;YACV,CAAC,IAAIU,CAAA,CAAE,6BAA6B;cAChC2C,IAAA,EAAMrD;YACV,CAAC;YACD,gBAAgBO,QAAA,CAAS0C,MAAA;YACzBzC,MAAA,EAAQC;UACZ,CAAC;QACL,CAAC,IAAI;MAEb,CAAC,GACa,eAAAvB,KAAA,CAAMI,MAAA,EAAQ;QACxB,GAAGqB,SAAA,CAAU2C,YAAA;QACb9B,GAAA,EAAK;QACLS,QAAA,EAAU,CACQ,eAAA/C,KAAA,CAAMG,MAAA,EAAQ;UACxBmC,GAAA,EAAK;UACL+B,UAAA,EAAY;UACZtB,QAAA,EAAU,CACQ,eAAAjD,IAAA,CAAKI,IAAA,EAAM;YACrB,GAAGuB,SAAA,CAAU6C,OAAA;YACbC,UAAA,EAAY;YACZC,QAAA,EAAU;YACVC,aAAA,EAAe;YACfC,KAAA,EAAO;YACPC,UAAA,EAAY;YACZ5B,QAAA,EAAUjC;UACd,CAAC,GACDE,IAAA,GAAqB,eAAAlB,IAAA,CAAKI,IAAA,EAAM;YAC5BsE,QAAA,EAAU;YACVD,UAAA,EAAY;YACZG,KAAA,EAAO;YACPC,UAAA,EAAY;YACZ,GAAG;cACC,yBAAyB;YAC7B;YACA5B,QAAA,EAAU/B;UACd,CAAC,IAAI;QAEb,CAAC,GACDD,QAAA,GAAyB,eAAAjB,IAAA,CAAKI,IAAA,EAAM;UAChC,GAAGuB,SAAA,CAAUmD,IAAA;UACbJ,QAAA,EAAU;UACVE,KAAA,EAAO;UACPD,aAAA,EAAe;UACf1B,QAAA,EAAUhC;QACd,CAAC,IAAI,MACLI,MAAA,CAAO0D,MAAA,GAAS,IAAkB,eAAA/E,IAAA,CAAKK,MAAA,EAAQ;UAC3CmC,GAAA,EAAK;UACLwC,QAAA,EAAU;UACV/B,QAAA,EAAU5B,MAAA,CAAO4D,GAAA,CAAI,UAASC,KAAA,EAAO;YACjC,OAAqB,eAAAlF,IAAA,CAAKY,UAAA,EAAY;cAClCuE,KAAA,EAAOD,KAAA,CAAMC,KAAA;cACbC,IAAA,EAAMF,KAAA,CAAME,IAAA;cACZjB,IAAA,EAAM;YACV,GAAGe,KAAA,CAAMG,KAAK;UAClB,CAAC;QACL,CAAC,IAAI;MAEb,CAAC;IAET,CAAC;EACL,CAAC;AACL","ignoreList":[]}

package/dist/esm/list/listColumns.mjs

@@ -1,4 +1,4 @@
-import { Avatar, Anchor, Chip, Text, XStack } from "@multiplatform.one/components";
+import { Avatar, Anchor, Chip, Text, XStack, isWeb } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
 import { ChatCircleIcon, HeartIcon } from "@phosphor-icons/react";
 import { formatAbsoluteDateTime } from "@multiplatform.one/theme";
@@ -7,6 +7,7 @@ import { formatDateCell, formatTimeAgo, parseUserListField, stripHtmlPreview } f
 import { statusPillColors } from "./statusColors.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const NUMERIC_FIELDTYPES = /* @__PURE__ */new Set(["Currency", "Float", "Int", "Percent", "Duration"]);
+const DATE_FIELDTYPES = /* @__PURE__ */new Set(["Date", "Datetime", "Time"]);
 const RICH_TEXT_FIELDTYPES = /* @__PURE__ */new Set(["Text Editor", "HTML Editor", "HTML", "Markdown Editor", "Long Text", "Text", "Small Text"]);
 function cellPreview(value, fieldtype) {
   const text = fieldtype && RICH_TEXT_FIELDTYPES.has(fieldtype) ? stripHtmlPreview(value) : value;
@@ -319,7 +320,7 @@ function buildListColumns({
         minWidth: 0,
         children: label
       });
-      if (!href) return subject;
+      if (!isWeb || !href) return subject;
       return /* @__PURE__ */jsx(Anchor, {
         href,
         display: "flex",
@@ -339,6 +340,12 @@ function buildListColumns({
       ...(NUMERIC_FIELDTYPES.has(field.fieldtype) ? {
         align: "right"
       } : {}),
+      // Numbers and dates are the list row's fixed-width trailing columns.
+      ...(NUMERIC_FIELDTYPES.has(field.fieldtype) || DATE_FIELDTYPES.has(field.fieldtype) ? {
+        meta: {
+          role: "trailing"
+        }
+      } : {}),
       cell: fieldCell(field, meta, onFilterClick)
     });
   }