@multiplatform.one/frappe-ui 7.34.4 → 7.36.0

package/dist/jsx/list/BandFilters.mjs

@@ -0,0 +1,42 @@
+import { useTranslation } from "react-i18next";
+import { FacetList } from "./FacetList.mjs";
+import { FacetRail } from "./FacetRail.mjs";
+import { jsx } from "react/jsx-runtime";
+function BandFilter({
+  band,
+  list,
+  layout = "rail",
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const counts = list.bandCounts[band.param];
+  const props = {
+    label: band.label,
+    value: list.state.bands[band.param] ?? "",
+    onChange: value => list.update({
+      bands: {
+        [band.param]: value
+      }
+    }),
+    testID,
+    options: [{
+      value: "",
+      label: band.allLabel ?? t("All"),
+      count: list.total
+    }, ...band.options.map(option => ({
+      value: option.value,
+      label: option.label,
+      count: counts ? counts[option.value] ?? 0 : void 0
+    }))]
+  };
+  return layout === "list" ? /* @__PURE__ */jsx(FacetList, {
+    ...props,
+    columns: 2
+  }) : /* @__PURE__ */jsx(FacetRail, {
+    ...props
+  });
+}
+export { BandFilter };
+//# sourceMappingURL=BandFilters.mjs.map

package/dist/jsx/list/BandFilters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTranslation","FacetList","FacetRail","jsx","BandFilter","band","list","layout","testID","t","counts","bandCounts","param","props","label","value","state","bands","onChange","update","options","allLabel","count","total","map","option","columns"],"sources":["../../../src/list/BandFilters.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,SAAA,QAAiB;AAC1B,SAASC,SAAA,QAAiB;AA4BG,SAAAC,GAAA;AAjBtB,SAASC,WAAW;EAAEC,IAAA;EAAMC,IAAA;EAAMC,MAAA,GAAS;EAAQC;AAAO,GAAoB;EACnF,MAAM;IAAEC;EAAE,IAAIT,cAAA,CAAe;EAC7B,MAAMU,MAAA,GAASJ,IAAA,CAAKK,UAAA,CAAWN,IAAA,CAAKO,KAAK;EACzC,MAAMC,KAAA,GAAQ;IACZC,KAAA,EAAOT,IAAA,CAAKS,KAAA;IACZC,KAAA,EAAOT,IAAA,CAAKU,KAAA,CAAMC,KAAA,CAAMZ,IAAA,CAAKO,KAAK,KAAK;IACvCM,QAAA,EAAWH,KAAA,IAAkBT,IAAA,CAAKa,MAAA,CAAO;MAAEF,KAAA,EAAO;QAAE,CAACZ,IAAA,CAAKO,KAAK,GAAGG;MAAM;IAAE,CAAC;IAC3EP,MAAA;IACAY,OAAA,EAAS,CACP;MAAEL,KAAA,EAAO;MAAID,KAAA,EAAOT,IAAA,CAAKgB,QAAA,IAAYZ,CAAA,CAAE,KAAK;MAAGa,KAAA,EAAOhB,IAAA,CAAKiB;IAAM,GACjE,GAAGlB,IAAA,CAAKe,OAAA,CAAQI,GAAA,CAAKC,MAAA,KAAY;MAC/BV,KAAA,EAAOU,MAAA,CAAOV,KAAA;MACdD,KAAA,EAAOW,MAAA,CAAOX,KAAA;MACdQ,KAAA,EAAOZ,MAAA,GAAUA,MAAA,CAAOe,MAAA,CAAOV,KAAK,KAAK,IAAK;IAChD,EAAE;EAEN;EACA,OAAOR,MAAA,KAAW,SAAS,eAAAJ,GAAA,CAACF,SAAA;IAAW,GAAGY,KAAA;IAAOa,OAAA,EAAS;EAAA,CAAG,IAAK,eAAAvB,GAAA,CAACD,SAAA;IAAW,GAAGW;EAAA,CAAO;AAC1F","ignoreList":[]}

package/dist/jsx/list/BandFilters.native.js

@@ -0,0 +1,77 @@
+"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 BandFilters_exports = {};
+__export(BandFilters_exports, {
+  BandFilter: () => BandFilter
+});
+module.exports = __toCommonJS(BandFilters_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_i18next = require("react-i18next");
+var import_FacetList = require("./FacetList.native.js");
+var import_FacetRail = require("./FacetRail.native.js");
+function BandFilter(param) {
+  var {
+    band,
+    list,
+    layout = "rail",
+    testID
+  } = param;
+  var _list_state_bands_band_param, _band_allLabel;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var counts = list.bandCounts[band.param];
+  var props = {
+    label: band.label,
+    value: (_list_state_bands_band_param = list.state.bands[band.param]) !== null && _list_state_bands_band_param !== void 0 ? _list_state_bands_band_param : "",
+    onChange: function onChange(value) {
+      return list.update({
+        bands: {
+          [band.param]: value
+        }
+      });
+    },
+    testID,
+    options: [{
+      value: "",
+      label: (_band_allLabel = band.allLabel) !== null && _band_allLabel !== void 0 ? _band_allLabel : t("All"),
+      count: list.total
+    }, ...band.options.map(function (option) {
+      var _counts_option_value;
+      return {
+        value: option.value,
+        label: option.label,
+        count: counts ? (_counts_option_value = counts[option.value]) !== null && _counts_option_value !== void 0 ? _counts_option_value : 0 : void 0
+      };
+    })]
+  };
+  return layout === "list" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetList.FacetList, {
+    ...props,
+    columns: 2
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetRail.FacetRail, {
+    ...props
+  });
+}
+//# sourceMappingURL=BandFilters.native.js.map

package/dist/jsx/list/BandFilters.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","BandFilters_exports","BandFilter","module","exports"],"sources":["../../../src/list/BandFilters.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAiB;AAC1B,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAA;AA4BG,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAjBtB,IAAAC,YAAS,GAAAN,MAAa,CAAAO,SAAY,CAAAC,cAAS;AAChD,IAAAC,QAAU,GAAAA,CAAIC,MAAA,EAAAC,GAAA,KAAe;EAC7B,SAAMC,IAAA,IAASD,GAAK,EACpBZ,SAAM,CAAAW,MAAQ,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACZC,WAAO,GAAKA,CAAAC,EAAA,EAAMC,IAAA,EAAMC,MAAK,EAAAC,IAAK,KAAK;EAAA,IACvCF,IAAA,IAAU,OAACA,IAAkB,KAAK,QAAO,IAAE,OAAUA,IAAA,KAAK,UAAc,EAAE;IAC1E,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAS,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACLnB,SAAO,CAAAiB,EAAI,EAAAI,GAAA,EAAO;MAAAP,GAAK,EAAAA,CAAA,KAAAI,IAAY,CAAEG,GAAA;MAAKN,UAAU,IAAKK,IAAA,GAAMjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAChC,OAC/BE,EAAA;AAAc;AACA,IAAAM,YACP,GAAAC,GAAA,IAAUR,WAAc,CAAAhB,SAAU,GAAK;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,mBAC9C;AAAAhB,QACJ,CAAAgB,mBAAA;EACFC,UAAA,EAAAA,CAAA,KAAAA;AACA;AACFC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,mBAAA","ignoreList":[]}

package/dist/jsx/list/FacetBadge.mjs

@@ -1,20 +1,21 @@
 import { Text, XStack } from "@multiplatform.one/components";
-import { hairlineWidth, useResolvedKnobs } from "@multiplatform.one/theme";
+import { hairlineWidth, sizeTokenStep, useResolvedKnobs } from "@multiplatform.one/theme";
 import { jsx } from "react/jsx-runtime";
 function FacetBadge({
   label,
   tint = "gray",
-  compact = false
+  size
 }) {
   const {
     knobProps
   } = useResolvedKnobs({
-    compact: true
+    size
   });
+  const small = sizeTokenStep(knobProps.sizeToken) < 0;
   return /* @__PURE__ */jsx(XStack, {
     ...knobProps.borderRadius,
-    paddingHorizontal: compact ? "$1.5" : "$2",
-    paddingVertical: compact ? "$0.5" : "$1",
+    paddingHorizontal: small ? "$1.5" : "$2",
+    paddingVertical: small ? "$0.5" : "$1",
     backgroundColor: `$${tint}4`,
     borderColor: `$${tint}7`,
     borderWidth: hairlineWidth,
@@ -25,7 +26,7 @@ function FacetBadge({
       textTransform: "capitalize",
       fontWeight: "700",
       color: `$${tint}12`,
-      ...(compact ? {
+      ...(small ? {
         fontSize: "$1"
       } : null),
       letterSpacing: 0.3,

package/dist/jsx/list/FacetBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","XStack","hairlineWidth","useResolvedKnobs","jsx","FacetBadge","label","tint","compact","knobProps","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","alignItems","children","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,aAAA,EAAeC,gBAAA,QAAwB;AA0B1C,SAAAC,GAAA;AAZC,SAASC,WAAW;EAAEC,KAAA;EAAOC,IAAA,GAAO;EAAQC,OAAA,GAAU;AAAM,GAAoB;EACrF,MAAM;IAAEC;EAAU,IAAIN,gBAAA,CAAiB;IAAEK,OAAA,EAAS;EAAK,CAAC;EACxD,OACE,eAAAJ,GAAA,CAACH,MAAA;IACE,GAAGQ,SAAA,CAAUC,YAAA;IACdC,iBAAA,EAAmBH,OAAA,GAAU,SAAS;IACtCI,eAAA,EAAiBJ,OAAA,GAAU,SAAS;IACpCK,eAAA,EAAiB,IAAIN,IAAI;IACzBO,WAAA,EAAa,IAAIP,IAAI;IACrBQ,WAAA,EAAab,aAAA;IACbc,UAAA,EAAW;IAEXC,QAAA,iBAAAb,GAAA,CAACJ,IAAA;MACE,GAAGS,SAAA,CAAUH,KAAA;MACb,GAAGG,SAAA,CAAUS,IAAA;MACdC,aAAA,EAAc;MACdC,UAAA,EAAW;MACXC,KAAA,EAAO,IAAId,IAAI;MACd,IAAIC,OAAA,GAAU;QAAEc,QAAA,EAAU;MAAc,IAAI;MAC7CC,aAAA,EAAe;MAEdN,QAAA,EAAAX;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Text","XStack","hairlineWidth","sizeTokenStep","useResolvedKnobs","jsx","FacetBadge","label","tint","size","knobProps","small","sizeToken","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","alignItems","children","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,aAAA,EAAeC,aAAA,EAAeC,gBAAA,QAAwB;AA4BzD,SAAAC,GAAA;AAbC,SAASC,WAAW;EAAEC,KAAA;EAAOC,IAAA,GAAO;EAAQC;AAAK,GAAoB;EAC1E,MAAM;IAAEC;EAAU,IAAIN,gBAAA,CAAiB;IAAEK;EAAK,CAAC;EAC/C,MAAME,KAAA,GAAQR,aAAA,CAAcO,SAAA,CAAUE,SAAS,IAAI;EACnD,OACE,eAAAP,GAAA,CAACJ,MAAA;IACE,GAAGS,SAAA,CAAUG,YAAA;IACdC,iBAAA,EAAmBH,KAAA,GAAQ,SAAS;IACpCI,eAAA,EAAiBJ,KAAA,GAAQ,SAAS;IAClCK,eAAA,EAAiB,IAAIR,IAAI;IACzBS,WAAA,EAAa,IAAIT,IAAI;IACrBU,WAAA,EAAahB,aAAA;IACbiB,UAAA,EAAW;IAEXC,QAAA,iBAAAf,GAAA,CAACL,IAAA;MACE,GAAGU,SAAA,CAAUH,KAAA;MACb,GAAGG,SAAA,CAAUW,IAAA;MACdC,aAAA,EAAc;MACdC,UAAA,EAAW;MACXC,KAAA,EAAO,IAAIhB,IAAI;MACd,IAAIG,KAAA,GAAQ;QAAEc,QAAA,EAAU;MAAc,IAAI;MAC3CC,aAAA,EAAe;MAEdN,QAAA,EAAAb;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/list/FacetBadge.native.js

@@ -34,17 +34,18 @@ function FacetBadge(param) {
   var {
     label,
     tint = "gray",
-    compact = false
+    size
   } = param;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    compact: true
+    size
   });
+  var small = (0, import_theme.sizeTokenStep)(knobProps.sizeToken) < 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
     ...knobProps.borderRadius,
-    paddingHorizontal: compact ? "$1.5" : "$2",
-    paddingVertical: compact ? "$0.5" : "$1",
+    paddingHorizontal: small ? "$1.5" : "$2",
+    paddingVertical: small ? "$0.5" : "$1",
     backgroundColor: `$${tint}4`,
     borderColor: `$${tint}7`,
     borderWidth: import_theme.hairlineWidth,
@@ -55,7 +56,7 @@ function FacetBadge(param) {
       textTransform: "capitalize",
       fontWeight: "700",
       color: `$${tint}12`,
-      ...(compact ? {
+      ...(small ? {
         fontSize: "$1"
       } : null),
       letterSpacing: 0.3,

package/dist/jsx/list/FacetBadge.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","FacetBadge_exports","FacetBadge","module","exports","import_jsx_runtime","require","import_components","import_theme","param","label","tint","compact","knobProps","useResolvedKnobs"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AA0BlB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAZC,IAAAC,iBAAoB,GAAEJ,MAAO,CAAAK,mBAAe;AACjD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAmB;AACzC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KAAC,IAAAC,IAAA,IAAAD,GAAA,EAAAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACe,IAAAC,WACd,GAAAA,CAAAC,EAAA,EAAAC,IAAmB,EAAAC,MAAU,EAAAC,IAAA,KAAS;EAAA,IACtCF,IAAA,WAAAA,IAAiB,aAAU,IAAS,OAAAA,IAAA;IAAA,KACpC,IAAAG,GAAA,IAAAhB,iBAAyB,CAAAa,IAAA,GACzB,KAAAX,YAAiB,CAAAe,IAAI,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACrBnB,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;EACF,OAEXE,EAAA;AAAA;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,kBACK,GAAU;AAAAhB,QAAA,CAAAgB,kBACA;EAAAC,UACd,EAAAA,CAAA,KAAAA;AAAc;AACHC,MAAA,CAAAC,OACX,GAAON,YAAQ,CAAAG,kBAAA;AAAA,IAAAI,kBACV,GAAYC,OAAA,oBAA4B;AAAA,IAAAC,iBAC7C,GAAAD,OAAe;AAAA,IAAAE,YAEd,GAAAF,OAAA;AAAA,SAAAJ,WAAAO,KAAA;EAAA,IACH;IAAAC,KAAA;IAAAC,IAAA;IAAAC,OAAA;EAAA,IAAAH,KAAA;EAAA;IAAAI;EAAA,QAAAL,YAAA,CAAAM,gBAAA;IACFF,OAAA;EAEJ","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","FacetBadge_exports","FacetBadge","module","exports","import_jsx_runtime","require","import_components","import_theme","param","label","tint","size","knobProps","useResolvedKnobs","small","sizeTokenStep","sizeToken"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AA4BlB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAbC,IAAAC,iBAAoB,GAAEJ,MAAO,CAAAK,mBAAoB;AACtD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAyB;AAC/C,IAAAC,QAAM,GAAAA,CAAQC,MAAA,EAAAC,GAAA,KAAc;EAC5B,SACEC,IAAA,IAAAD,GAAA,EAACZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WACK,GAAAA,CAAUC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACdF,IAAA,WAAAA,IAAmB,aAAQ,IAAS,OAAAA,IAAA;IAAA,KACpC,IAAAG,GAAA,IAAAhB,iBAAyB,CAAAa,IAAS,GAClC,KAAAX,YAAiB,CAAAe,IAAI,CAAAL,EAAI,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACzBnB,SAAA,CAAAiB,EAAa,EAAAI,GAAI,EAAI;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACR,OACbE,EAAA;AAAW;AAEX,IAAAM,YAAC,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,kBAAA;AAAAhB,QAAA,CAAAgB,kBACe;EAAAC,UACb,EAAGA,CAAA,KAAAA;AAAU;AACAC,MAAA,CAAAC,OACd,GAAAN,YAAW,CAAAG,kBAAA;AAAA,IAAAI,kBACA,GAAIC,OAAA;AAAA,IAAAC,iBACF,GAAED,OAAA,gCAA4B;AAAA,IAAAE,YAC3C,GAAAF,OAAe;AAAA,SAAAJ,UAEdA,CAAAO,KAAA;EAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAH,KAAA;EAAA,IACH;IAAAI;EAAA,QAAAL,YAAA,CAAAM,gBAAA;IAAAF;EACF;EAEJ,IAAAG,KAAA,OAAAP,YAAA,CAAAQ,aAAA,EAAAH,SAAA,CAAAI,SAAA","ignoreList":[]}

package/dist/jsx/list/FacetList.mjs

@@ -0,0 +1,126 @@
+import { Text, XStack, isWeb } from "@multiplatform.one/components";
+import { ensureKeyboardModalityTracking, keyboardFocusRingProps, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+const pipSize = "$0.75";
+function FacetList({
+  label,
+  value,
+  options,
+  onChange,
+  columns = 1,
+  testID
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const refs = useRef({});
+  const [focusValue, setFocusValue] = useState(null);
+  const [kbFocus, setKbFocus] = useState(null);
+  if (isWeb) ensureKeyboardModalityTracking();
+  const anchor = focusValue !== null && options.some(option => option.value === focusValue) ? focusValue : value;
+  const select = next => {
+    setFocusValue(next);
+    onChange(next);
+    if (isWeb) requestAnimationFrame(() => refs.current[next]?.focus?.());
+  };
+  const move = (from, key) => {
+    if (options.length === 0) return false;
+    const index = Math.max(0, options.findIndex(option => option.value === from));
+    const target = key === "Home" ? 0 : key === "End" ? options.length - 1 : key === "ArrowDown" ? (index + 1) % options.length : key === "ArrowUp" ? (index - 1 + options.length) % options.length : -1;
+    if (target < 0) return false;
+    select(options[target].value);
+    return true;
+  };
+  return /* @__PURE__ */jsx(XStack, {
+    role: "radiogroup",
+    "aria-label": label,
+    "aria-orientation": "vertical",
+    flexWrap: "wrap",
+    rowGap: "$0.5",
+    testID,
+    children: options.map(option => {
+      const selected = option.value === value;
+      const hue = option.tint;
+      const fill = selected ? hue ? `$${hue}4` : "$color4" : "transparent";
+      const hoverFill = selected ? fill : hue ? `$${hue}2` : "$color2";
+      const ink = selected ? "$color12" : "$color11";
+      return /* @__PURE__ */jsxs(XStack, {
+        ref: node => {
+          refs.current[option.value] = node;
+        },
+        role: "radio",
+        "aria-checked": selected,
+        width: columns === 2 && option.value !== "" ? "50%" : "100%",
+        ...(isWeb ? {
+          tabIndex: option.value === anchor ? 0 : -1
+        } : void 0),
+        ...knobProps.borderRadius,
+        borderWidth: 0,
+        backgroundColor: fill,
+        hoverStyle: {
+          backgroundColor: hoverFill
+        },
+        pressStyle: {
+          backgroundColor: hue ? `$${hue}4` : "$color4"
+        },
+        ...transitionProps(knobProps.transition),
+        minHeight: "$2.5",
+        paddingHorizontal: "$2",
+        gap: "$2",
+        alignItems: "center",
+        cursor: "pointer",
+        outlineWidth: 0,
+        focusVisibleStyle: {
+          outlineWidth: 0
+        },
+        ...(kbFocus === option.value ? keyboardFocusRingProps : void 0),
+        onPress: () => onChange(selected && option.value !== "" ? "" : option.value),
+        ...(isWeb ? {
+          onFocus: () => {
+            setFocusValue(option.value);
+            if (wasKeyboardFocus()) setKbFocus(option.value);
+          },
+          onBlur: () => setKbFocus(prev => prev === option.value ? null : prev),
+          onKeyDown: event => {
+            if (event.key && move(option.value, event.key)) {
+              event.preventDefault?.();
+              return;
+            }
+            if (event.key === "Enter" || event.key === " ") {
+              event.preventDefault?.();
+              onChange(selected && option.value !== "" ? "" : option.value);
+            }
+          }
+        } : void 0),
+        testID: testID ? `${testID}-${option.value || "all"}` : void 0,
+        children: [/* @__PURE__ */jsx(XStack, {
+          width: pipSize,
+          height: pipSize,
+          borderRadius: 1e3,
+          backgroundColor: hue ? `$${hue}9` : "transparent",
+          flexShrink: 0,
+          "aria-hidden": true
+        }), /* @__PURE__ */jsx(Text, {
+          ...knobProps.label,
+          flex: 1,
+          numberOfLines: 1,
+          fontWeight: selected ? "700" : "500",
+          color: ink,
+          textTransform: "capitalize",
+          userSelect: "none",
+          children: option.label
+        }), typeof option.count === "number" ? /* @__PURE__ */jsx(Text, {
+          ...knobProps.label,
+          fontWeight: "600",
+          color: selected ? "$color11" : "$color10",
+          userSelect: "none",
+          "data-facet-count": "",
+          children: option.count
+        }) : null]
+      }, option.value || "__all");
+    })
+  });
+}
+export { FacetList };
+//# sourceMappingURL=FacetList.mjs.map

package/dist/jsx/list/FacetList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","XStack","isWeb","ensureKeyboardModalityTracking","keyboardFocusRingProps","transitionProps","useResolvedKnobs","wasKeyboardFocus","useRef","useState","jsx","jsxs","pipSize","FacetList","label","value","options","onChange","columns","testID","knobProps","refs","focusValue","setFocusValue","kbFocus","setKbFocus","anchor","some","option","select","next","requestAnimationFrame","current","focus","move","from","key","length","index","Math","max","findIndex","target","role","flexWrap","rowGap","children","map","selected","hue","tint","fill","hoverFill","ink","ref","node","width","tabIndex","borderRadius","borderWidth","backgroundColor","hoverStyle","pressStyle","transition","minHeight","paddingHorizontal","gap","alignItems","cursor","outlineWidth","focusVisibleStyle","onPress","onFocus","onBlur","prev","onKeyDown","event","preventDefault","height","flexShrink","flex","numberOfLines","fontWeight","color","textTransform","userSelect","count"],"sources":["../../../src/list/FacetList.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,KAAA,QAAa;AACpC,SACEC,8BAAA,EACAC,sBAAA,EACAC,eAAA,EACAC,gBAAA,EACAC,gBAAA,QACK;AACP,SAASC,MAAA,EAAQC,QAAA,QAAgB;AAmFvB,SA6CEC,GAAA,EA7CFC,IAAA;AApEV,MAAMC,OAAA,GAAU;AAQT,SAASC,UAAU;EACxBC,KAAA;EACAC,KAAA;EACAC,OAAA;EACAC,QAAA;EACAC,OAAA,GAAU;EACVC;AACF,GAAmB;EACjB,MAAM;IAAEC;EAAU,IAAId,gBAAA,CAAiB;EACvC,MAAMe,IAAA,GAAOb,MAAA,CAAsD,CAAC,CAAC;EACrE,MAAM,CAACc,UAAA,EAAYC,aAAa,IAAId,QAAA,CAAwB,IAAI;EAChE,MAAM,CAACe,OAAA,EAASC,UAAU,IAAIhB,QAAA,CAAwB,IAAI;EAC1D,IAAIP,KAAA,EAAOC,8BAAA,CAA+B;EAC1C,MAAMuB,MAAA,GACJJ,UAAA,KAAe,QAAQN,OAAA,CAAQW,IAAA,CAAMC,MAAA,IAAWA,MAAA,CAAOb,KAAA,KAAUO,UAAU,IACvEA,UAAA,GACAP,KAAA;EAEN,MAAMc,MAAA,GAAUC,IAAA,IAAiB;IAC/BP,aAAA,CAAcO,IAAI;IAClBb,QAAA,CAASa,IAAI;IACb,IAAI5B,KAAA,EAAO6B,qBAAA,CAAsB,MAAMV,IAAA,CAAKW,OAAA,CAAQF,IAAI,GAAGG,KAAA,GAAQ,CAAC;EACtE;EACA,MAAMC,IAAA,GAAOA,CAACC,IAAA,EAAcC,GAAA,KAAgB;IAC1C,IAAIpB,OAAA,CAAQqB,MAAA,KAAW,GAAG,OAAO;IACjC,MAAMC,KAAA,GAAQC,IAAA,CAAKC,GAAA,CACjB,GACAxB,OAAA,CAAQyB,SAAA,CAAWb,MAAA,IAAWA,MAAA,CAAOb,KAAA,KAAUoB,IAAI,CACrD;IACA,MAAMO,MAAA,GACJN,GAAA,KAAQ,SACJ,IACAA,GAAA,KAAQ,QACNpB,OAAA,CAAQqB,MAAA,GAAS,IACjBD,GAAA,KAAQ,eACLE,KAAA,GAAQ,KAAKtB,OAAA,CAAQqB,MAAA,GACtBD,GAAA,KAAQ,aACLE,KAAA,GAAQ,IAAItB,OAAA,CAAQqB,MAAA,IAAUrB,OAAA,CAAQqB,MAAA,GACvC;IACZ,IAAIK,MAAA,GAAS,GAAG,OAAO;IACvBb,MAAA,CAAOb,OAAA,CAAQ0B,MAAM,EAAE3B,KAAK;IAC5B,OAAO;EACT;EAEA,OACE,eAAAL,GAAA,CAACT,MAAA;IACC0C,IAAA,EAAK;IACL,cAAY7B,KAAA;IACZ,oBAAiB;IACjB8B,QAAA,EAAS;IACTC,MAAA,EAAO;IACP1B,MAAA;IAEC2B,QAAA,EAAA9B,OAAA,CAAQ+B,GAAA,CAAKnB,MAAA,IAAW;MACvB,MAAMoB,QAAA,GAAWpB,MAAA,CAAOb,KAAA,KAAUA,KAAA;MAClC,MAAMkC,GAAA,GAAMrB,MAAA,CAAOsB,IAAA;MACnB,MAAMC,IAAA,GAAOH,QAAA,GAAYC,GAAA,GAAM,IAAIA,GAAG,MAAM,YAAa;MACzD,MAAMG,SAAA,GAAYJ,QAAA,GAAWG,IAAA,GAAOF,GAAA,GAAM,IAAIA,GAAG,MAAM;MACvD,MAAMI,GAAA,GAAML,QAAA,GAAW,aAAa;MACpC,OACE,eAAArC,IAAA,CAACV,MAAA;QAECqD,GAAA,EAAMC,IAAA,IAAkB;UACtBlC,IAAA,CAAKW,OAAA,CAAQJ,MAAA,CAAOb,KAAK,IAAIwC,IAAA;QAC/B;QACAZ,IAAA,EAAK;QACL,gBAAcK,QAAA;QACdQ,KAAA,EAAOtC,OAAA,KAAY,KAAKU,MAAA,CAAOb,KAAA,KAAU,KAAK,QAAQ;QACrD,IAAIb,KAAA,GAAQ;UAAEuD,QAAA,EAAU7B,MAAA,CAAOb,KAAA,KAAUW,MAAA,GAAS,IAAI;QAAG,IAAI;QAC7D,GAAGN,SAAA,CAAUsC,YAAA;QACdC,WAAA,EAAa;QACbC,eAAA,EAAiBT,IAAA;QACjBU,UAAA,EAAY;UAAED,eAAA,EAAiBR;QAAmB;QAClDU,UAAA,EAAY;UAAEF,eAAA,EAAkBX,GAAA,GAAM,IAAIA,GAAG,MAAM;QAAoB;QACtE,GAAG5C,eAAA,CAAgBe,SAAA,CAAU2C,UAAU;QACxCC,SAAA,EAAU;QACVC,iBAAA,EAAkB;QAClBC,GAAA,EAAI;QACJC,UAAA,EAAW;QACXC,MAAA,EAAO;QACPC,YAAA,EAAc;QACdC,iBAAA,EAAmB;UAAED,YAAA,EAAc;QAAE;QACpC,IAAI7C,OAAA,KAAYI,MAAA,CAAOb,KAAA,GAAQX,sBAAA,GAAyB;QACzDmE,OAAA,EAASA,CAAA,KAAMtD,QAAA,CAAS+B,QAAA,IAAYpB,MAAA,CAAOb,KAAA,KAAU,KAAK,KAAKa,MAAA,CAAOb,KAAK;QAC1E,IAAIb,KAAA,GACD;UACEsE,OAAA,EAASA,CAAA,KAAM;YACbjD,aAAA,CAAcK,MAAA,CAAOb,KAAK;YAC1B,IAAIR,gBAAA,CAAiB,GAAGkB,UAAA,CAAWG,MAAA,CAAOb,KAAK;UACjD;UACA0D,MAAA,EAAQA,CAAA,KAAMhD,UAAA,CAAYiD,IAAA,IAAUA,IAAA,KAAS9C,MAAA,CAAOb,KAAA,GAAQ,OAAO2D,IAAK;UACxEC,SAAA,EAAYC,KAAA,IAAyD;YACnE,IAAIA,KAAA,CAAMxC,GAAA,IAAOF,IAAA,CAAKN,MAAA,CAAOb,KAAA,EAAO6D,KAAA,CAAMxC,GAAG,GAAG;cAC9CwC,KAAA,CAAMC,cAAA,GAAiB;cACvB;YACF;YACA,IAAID,KAAA,CAAMxC,GAAA,KAAQ,WAAWwC,KAAA,CAAMxC,GAAA,KAAQ,KAAK;cAC9CwC,KAAA,CAAMC,cAAA,GAAiB;cACvB5D,QAAA,CAAS+B,QAAA,IAAYpB,MAAA,CAAOb,KAAA,KAAU,KAAK,KAAKa,MAAA,CAAOb,KAAK;YAC9D;UACF;QACF,IACA;QACJI,MAAA,EAAQA,MAAA,GAAS,GAAGA,MAAM,IAAIS,MAAA,CAAOb,KAAA,IAAS,KAAK,KAAK;QAExD+B,QAAA,kBAAApC,GAAA,CAACT,MAAA;UACCuD,KAAA,EAAO5C,OAAA;UACPkE,MAAA,EAAQlE,OAAA;UACR8C,YAAA,EAAc;UACdE,eAAA,EAAkBX,GAAA,GAAM,IAAIA,GAAG,MAAM;UACrC8B,UAAA,EAAY;UACZ,eAAW;QAAA,CACb,GACA,eAAArE,GAAA,CAACV,IAAA;UACE,GAAGoB,SAAA,CAAUN,KAAA;UACdkE,IAAA,EAAM;UACNC,aAAA,EAAe;UACfC,UAAA,EAAYlC,QAAA,GAAW,QAAQ;UAC/BmC,KAAA,EAAO9B,GAAA;UACP+B,aAAA,EAAc;UACdC,UAAA,EAAW;UAEVvC,QAAA,EAAAlB,MAAA,CAAOd;QAAA,CACV,GACC,OAAOc,MAAA,CAAO0D,KAAA,KAAU,WACvB,eAAA5E,GAAA,CAACV,IAAA;UACE,GAAGoB,SAAA,CAAUN,KAAA;UACdoE,UAAA,EAAW;UACXC,KAAA,EAAOnC,QAAA,GAAW,aAAa;UAC/BqC,UAAA,EAAW;UACX,oBAAiB;UAEhBvC,QAAA,EAAAlB,MAAA,CAAO0D;QAAA,CACV,IACE;MAAA,GAzEC1D,MAAA,CAAOb,KAAA,IAAS,OA0EvB;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/list/FacetList.native.js

@@ -0,0 +1,170 @@
+"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 FacetList_exports = {};
+__export(FacetList_exports, {
+  FacetList: () => FacetList
+});
+module.exports = __toCommonJS(FacetList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var pipSize = "$0.75";
+function FacetList(param) {
+  var {
+    label,
+    value,
+    options,
+    onChange,
+    columns = 1,
+    testID
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var refs = (0, import_react.useRef)({});
+  var [focusValue, setFocusValue] = (0, import_react.useState)(null);
+  var [kbFocus, setKbFocus] = (0, import_react.useState)(null);
+  if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  var anchor = focusValue !== null && options.some(function (option) {
+    return option.value === focusValue;
+  }) ? focusValue : value;
+  var select = function select2(next) {
+    setFocusValue(next);
+    onChange(next);
+    if (import_components.isWeb) requestAnimationFrame(function () {
+      var _refs_current_next_focus, _refs_current_next;
+      return (_refs_current_next = refs.current[next]) === null || _refs_current_next === void 0 ? void 0 : (_refs_current_next_focus = _refs_current_next.focus) === null || _refs_current_next_focus === void 0 ? void 0 : _refs_current_next_focus.call(_refs_current_next);
+    });
+  };
+  var move = function move2(from, key) {
+    if (options.length === 0) return false;
+    var index = Math.max(0, options.findIndex(function (option) {
+      return option.value === from;
+    }));
+    var target = key === "Home" ? 0 : key === "End" ? options.length - 1 : key === "ArrowDown" ? (index + 1) % options.length : key === "ArrowUp" ? (index - 1 + options.length) % options.length : -1;
+    if (target < 0) return false;
+    select(options[target].value);
+    return true;
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    role: "radiogroup",
+    "aria-label": label,
+    "aria-orientation": "vertical",
+    flexWrap: "wrap",
+    rowGap: "$0.5",
+    testID,
+    children: options.map(function (option) {
+      var selected = option.value === value;
+      var hue = option.tint;
+      var fill = selected ? hue ? `$${hue}4` : "$color4" : "transparent";
+      var hoverFill = selected ? fill : hue ? `$${hue}2` : "$color2";
+      var ink = selected ? "$color12" : "$color11";
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ref: function ref(node) {
+          refs.current[option.value] = node;
+        },
+        role: "radio",
+        "aria-checked": selected,
+        width: columns === 2 && option.value !== "" ? "50%" : "100%",
+        ...(import_components.isWeb ? {
+          tabIndex: option.value === anchor ? 0 : -1
+        } : void 0),
+        ...knobProps.borderRadius,
+        borderWidth: 0,
+        backgroundColor: fill,
+        hoverStyle: {
+          backgroundColor: hoverFill
+        },
+        pressStyle: {
+          backgroundColor: hue ? `$${hue}4` : "$color4"
+        },
+        ...(0, import_theme.transitionProps)(knobProps.transition),
+        minHeight: "$2.5",
+        paddingHorizontal: "$2",
+        gap: "$2",
+        alignItems: "center",
+        cursor: "pointer",
+        outlineWidth: 0,
+        focusVisibleStyle: {
+          outlineWidth: 0
+        },
+        ...(kbFocus === option.value ? import_theme.keyboardFocusRingProps : void 0),
+        onPress: function onPress() {
+          return onChange(selected && option.value !== "" ? "" : option.value);
+        },
+        ...(import_components.isWeb ? {
+          onFocus: function onFocus() {
+            setFocusValue(option.value);
+            if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(option.value);
+          },
+          onBlur: function onBlur() {
+            return setKbFocus(function (prev) {
+              return prev === option.value ? null : prev;
+            });
+          },
+          onKeyDown: function onKeyDown(event) {
+            if (event.key && move(option.value, event.key)) {
+              var _event_preventDefault;
+              (_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
+              return;
+            }
+            if (event.key === "Enter" || event.key === " ") {
+              var _event_preventDefault1;
+              (_event_preventDefault1 = event.preventDefault) === null || _event_preventDefault1 === void 0 ? void 0 : _event_preventDefault1.call(event);
+              onChange(selected && option.value !== "" ? "" : option.value);
+            }
+          }
+        } : void 0),
+        testID: testID ? `${testID}-${option.value || "all"}` : void 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+          width: pipSize,
+          height: pipSize,
+          borderRadius: 1e3,
+          backgroundColor: hue ? `$${hue}9` : "transparent",
+          flexShrink: 0,
+          "aria-hidden": true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.label,
+          flex: 1,
+          numberOfLines: 1,
+          fontWeight: selected ? "700" : "500",
+          color: ink,
+          textTransform: "capitalize",
+          userSelect: "none",
+          children: option.label
+        }), typeof option.count === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          ...knobProps.label,
+          fontWeight: "600",
+          color: selected ? "$color11" : "$color10",
+          userSelect: "none",
+          "data-facet-count": "",
+          children: option.count
+        }) : null]
+      }, option.value || "__all");
+    })
+  });
+}
+//# sourceMappingURL=FacetList.native.js.map

package/dist/jsx/list/FacetList.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","FacetList_exports","FacetList","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","pipSize","param","label","options","onChange","columns","testID","knobProps","useResolvedKnobs","refs","useRef","focusValue","setFocusValue","useState","kbFocus","setKbFocus","isWeb","ensureKeyboardModalityTracking","anchor","some","option","select","select2","next","requestAnimationFrame","_refs_current_next_focus","_refs_current_next","current","focus","move","move2","length","index","Math","max","findIndex","jsx","XStack","role","flexWrap","rowGap","children","map","selected","hue","tint","fill","hoverFill","ink","jsxs","ref","node","width","tabIndex","borderRadius","borderWidth","backgroundColor","hoverStyle","pressStyle","transitionProps","transition","minHeight","paddingHorizontal","gap","alignItems","cursor","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","onPress","onFocus","wasKeyboardFocus","onBlur","prev","onKeyDown","event","_event_preventDefault","preventDefault","_event_preventDefault1","height","flexShrink","Text","flex","numberOfLines","fontWeight","color","textTransform","userSelect"],"sources":["../../../src/list/FacetList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/list/FacetRail.mjs

@@ -1,9 +1,7 @@
 import { ScrollView, Text, XStack, isWeb } from "@multiplatform.one/components";
-import { ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, sizeKeyBelow, sizeRecipeForToken, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-const chipVisualHeight = 38;
-const chipHitSlop = pressTargetHitSlop(chipVisualHeight);
 const pipSize = "$1";
 function RailChip({
   option,
@@ -19,6 +17,13 @@ function RailChip({
   const {
     knobProps
   } = useResolvedKnobs();
+  const chipToken = sizeKeyBelow(knobProps.sizeToken);
+  const chip = sizeRecipeForToken(chipToken, {
+    family: "chip"
+  });
+  const count = sizeRecipeForToken(sizeKeyBelow(chipToken), {
+    family: "chip"
+  });
   const [kbFocus, setKbFocus] = useState(false);
   if (isWeb) ensureKeyboardModalityTracking();
   const hue = option.tint;
@@ -36,18 +41,18 @@ function RailChip({
     ...knobProps.borderRadius,
     backgroundColor: fill,
     borderWidth: 0,
-    paddingHorizontal: "$3",
-    minHeight: chipVisualHeight,
-    hitSlop: chipHitSlop,
+    paddingHorizontal: chip.paddingHorizontal,
+    height: chip.height,
+    hitSlop: pressTargetHitSlop(chip.height),
     alignItems: "center",
-    gap: "$1.5",
+    gap: chip.gap,
     cursor: "pointer",
     role: "radio",
     "aria-checked": selected,
     ...(isWeb ? {
       tabIndex: tabStop ? 0 : -1
     } : void 0),
-    ...transitionProps(knobProps.transition),
+    ...transitionProps(knobProps.motion.control),
     hoverStyle: {
       backgroundColor: hoverFill
     },
@@ -95,6 +100,7 @@ function RailChip({
       flexShrink: 0
     }) : null, /* @__PURE__ */jsx(Text, {
       ...knobProps.label,
+      fontSize: chip.fontSize,
       fontWeight: selected ? "700" : "500",
       color: textColor,
       textTransform: "capitalize",
@@ -102,7 +108,7 @@ function RailChip({
       children: option.label
     }), typeof option.count === "number" ? /* @__PURE__ */jsx(Text, {
       ...knobProps.label,
-      fontSize: "$1",
+      fontSize: count.fontSize,
       fontWeight: "700",
       color: textColor,
       opacity: 0.7,