@multiplatform.one/frappe-ui 7.23.1 → 7.24.0

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

@@ -0,0 +1,220 @@
+"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 insightsData_exports = {};
+__export(insightsData_exports, {
+  average: () => average,
+  bucketWidth: () => bucketWidth,
+  facetDistribution: () => facetDistribution,
+  foldDistribution: () => foldDistribution,
+  histogram: () => histogram,
+  multiValued: () => multiValued,
+  orderRows: () => orderRows,
+  topBy: () => topBy
+});
+module.exports = __toCommonJS(insightsData_exports);
+function numberOf(row, field) {
+  var value = Number(row[field]);
+  return Number.isFinite(value) ? value : 0;
+}
+function facetDistribution(values, rows) {
+  var counts = /* @__PURE__ */new Map();
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = rows[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var row = _step.value;
+      var _values_get, _row_name;
+      var _iteratorNormalCompletion1 = true,
+        _didIteratorError1 = false,
+        _iteratorError1 = void 0;
+      try {
+        for (var _iterator1 = ((_values_get = values.get((_row_name = row.name) !== null && _row_name !== void 0 ? _row_name : "")) !== null && _values_get !== void 0 ? _values_get : [])[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+          var value = _step1.value;
+          var _counts_get;
+          counts.set(value, ((_counts_get = counts.get(value)) !== null && _counts_get !== void 0 ? _counts_get : 0) + 1);
+        }
+      } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+            _iterator1.return();
+          }
+        } finally {
+          if (_didIteratorError1) {
+            throw _iteratorError1;
+          }
+        }
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return [...counts].map(function (param) {
+    var [value2, count] = param;
+    return {
+      value: value2,
+      count
+    };
+  }).sort(function (a, b) {
+    return b.count - a.count || a.value.localeCompare(b.value);
+  });
+}
+function foldDistribution(entries, max) {
+  if (entries.length <= max) return [...entries];
+  var kept = entries.slice(0, Math.max(0, max - 1));
+  var tail = entries.slice(kept.length).reduce(function (sum, entry) {
+    return sum + entry.count;
+  }, 0);
+  return [...kept, {
+    value: "",
+    count: tail,
+    other: true
+  }];
+}
+function multiValued(values, rows) {
+  return rows.filter(function (row) {
+    var _values_get, _row_name;
+    return ((_values_get = values.get((_row_name = row.name) !== null && _row_name !== void 0 ? _row_name : "")) !== null && _values_get !== void 0 ? _values_get : []).length > 1;
+  }).length;
+}
+function average(rows, field) {
+  if (rows.length === 0) return 0;
+  return rows.reduce(function (sum, row) {
+    return sum + numberOf(row, field);
+  }, 0) / rows.length;
+}
+function compareValues(a, b) {
+  if (a === b) return 0;
+  if (a === null || a === void 0) return -1;
+  if (b === null || b === void 0) return 1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  return String(a).localeCompare(String(b));
+}
+function orderRows(rows, orderBy) {
+  if (!(orderBy === null || orderBy === void 0 ? void 0 : orderBy.length)) return [...rows];
+  return [...rows].sort(function (a, b) {
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = orderBy[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var {
+          field,
+          order
+        } = _step.value;
+        var compared = compareValues(a[field], b[field]);
+        if (compared !== 0) return order === "desc" ? -compared : compared;
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return 0;
+  });
+}
+function topBy(rows, field, n) {
+  return [...rows].sort(function (a, b) {
+    return numberOf(b, field) - numberOf(a, field);
+  }).slice(0, Math.max(0, n));
+}
+function bucketWidth(max) {
+  var _map_find;
+  var raw = max / 6;
+  if (!(raw > 1)) return 1;
+  var magnitude = Math.pow(10, Math.floor(Math.log10(raw)));
+  return (_map_find = [1, 2, 5, 10].map(function (step) {
+    return step * magnitude;
+  }).find(function (width) {
+    return width >= raw;
+  })) !== null && _map_find !== void 0 ? _map_find : raw;
+}
+function histogram(rows, field, width) {
+  if (rows.length === 0) return [];
+  var values = rows.map(function (row) {
+    return Math.max(0, numberOf(row, field));
+  });
+  var size = width && width > 0 ? width : bucketWidth(Math.max(...values));
+  var counts = /* @__PURE__ */new Map();
+  var last = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var value = _step.value;
+      var _counts_get;
+      var bucket = Math.floor(value / size);
+      counts.set(bucket, ((_counts_get = counts.get(bucket)) !== null && _counts_get !== void 0 ? _counts_get : 0) + 1);
+      last = Math.max(last, bucket);
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return Array.from({
+    length: last + 1
+  }, function (_, bucket2) {
+    var _counts_get2;
+    return {
+      label: `${bucket2 * size}\u2013${(bucket2 + 1) * size - 1}`,
+      value: (_counts_get2 = counts.get(bucket2)) !== null && _counts_get2 !== void 0 ? _counts_get2 : 0
+    };
+  });
+}
+//# sourceMappingURL=insightsData.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","insightsData_exports","__export","average","bucketWidth","facetDistribution","foldDistribution","histogram","multiValued","orderRows","topBy","module","exports","numberOf","row","field","Number","isFinite","values","rows","counts","Map","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","_values_get","_row_name","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","get","name","_step1","_counts_get","set","err","return","map","param","value2","count","sort","a","b","localeCompare","entries","max","length","kept","slice","Math","tail","reduce","sum","entry"],"sources":["../../../src/insights/insightsData.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/insights/insightsRecord.cjs

@@ -0,0 +1,35 @@
+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 insightsRecord_exports = {};
+__export(insightsRecord_exports, {
+  formatMetric: () => formatMetric,
+  metricValue: () => metricValue
+});
+module.exports = __toCommonJS(insightsRecord_exports);
+function metricValue(doc, field) {
+  const value = Number(doc[field]);
+  return Number.isFinite(value) ? value : 0;
+}
+function formatMetric(metric, value) {
+  return metric.format ? metric.format(value) : String(value);
+}

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

@@ -0,0 +1,38 @@
+"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 insightsRecord_exports = {};
+__export(insightsRecord_exports, {
+  formatMetric: () => formatMetric,
+  metricValue: () => metricValue
+});
+module.exports = __toCommonJS(insightsRecord_exports);
+function metricValue(doc, field) {
+  var value = Number(doc[field]);
+  return Number.isFinite(value) ? value : 0;
+}
+function formatMetric(metric, value) {
+  return metric.format ? metric.format(value) : String(value);
+}
+//# sourceMappingURL=insightsRecord.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","insightsRecord_exports","__export","formatMetric","metricValue","module","exports","doc","field","Number","isFinite","metric","format","String"],"sources":["../../../src/insights/insightsRecord.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AA4BOC,MAAA,CAAAC,OAAS,GAAAV,YAA0B,CAAAK,sBAAuB;AAC/D,SAAMG,WAAQA,CAAAG,GAAQ,EAAAC,KAAgC,EAAM;EAC5D,IAAAR,KAAO,GAAAS,MAAO,CAAAF,GAAA,CAASC,KAAK;EAC9B,OAAAC,MAAA,CAAAC,QAAA,CAAAV,KAAA,IAAAA,KAAA;AAEO;AACL,SAAOG,YAAOA,CAAAQ,MAAS,EAAAX,KAAO;EAChC,OAAAW,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAZ,KAAA,IAAAa,MAAA,CAAAb,KAAA","ignoreList":[]}

package/dist/cjs/list/FacetBadge.cjs

@@ -0,0 +1,62 @@
+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 FacetBadge_exports = {};
+__export(FacetBadge_exports, {
+  FacetBadge: () => FacetBadge
+});
+module.exports = __toCommonJS(FacetBadge_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FacetBadge({
+  label,
+  tint = "gray",
+  compact = false
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    ...knobProps.borderRadius,
+    paddingHorizontal: compact ? "$1.5" : "$2",
+    paddingVertical: compact ? "$0.5" : "$1",
+    backgroundColor: `$${tint}4`,
+    borderColor: `$${tint}7`,
+    borderWidth: import_theme.hairlineWidth,
+    alignItems: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      ...knobProps.body,
+      textTransform: "capitalize",
+      fontWeight: "700",
+      color: `$${tint}12`,
+      ...(compact ? {
+        fontSize: "$1"
+      } : null),
+      letterSpacing: 0.3,
+      children: label
+    })
+  });
+}

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

@@ -0,0 +1,66 @@
+"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 FacetBadge_exports = {};
+__export(FacetBadge_exports, {
+  FacetBadge: () => FacetBadge
+});
+module.exports = __toCommonJS(FacetBadge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+function FacetBadge(param) {
+  var {
+    label,
+    tint = "gray",
+    compact = false
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    ...knobProps.borderRadius,
+    paddingHorizontal: compact ? "$1.5" : "$2",
+    paddingVertical: compact ? "$0.5" : "$1",
+    backgroundColor: `$${tint}4`,
+    borderColor: `$${tint}7`,
+    borderWidth: import_theme.hairlineWidth,
+    alignItems: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      ...knobProps.body,
+      textTransform: "capitalize",
+      fontWeight: "700",
+      color: `$${tint}12`,
+      ...(compact ? {
+        fontSize: "$1"
+      } : null),
+      letterSpacing: 0.3,
+      children: label
+    })
+  });
+}
+//# sourceMappingURL=FacetBadge.native.js.map

package/dist/cjs/list/FacetBadge.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FacetBadge_exports","__export","FacetBadge","module","exports","import_jsx_runtime","require","import_components","import_theme","param","label","tint","compact","knobProps","useResolvedKnobs","jsx","XStack","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","borderColor","borderWidth","hairlineWidth","alignItems","children","Text","body","textTransform","fontWeight","color","fontSize","letterSpacing"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA6B,CAAAK,kBAAA;AAC7B,IAAAK,kBAAgD,GAAAC,OAAA;AA0B1C,IAAAC,iBAAA,GAAAD,OAAA;AAZC,IAAAE,YAAS,GAAAF,OAAa,2BAAsB,CAAU;AAC3D,SAAMJ,UAAEA,CAAUO,KAAA;EAClB;IAAAC,KACE;IAAAC,IAAA;IAAAC,OAAA;EAAA,IAAAH,KAAA;EAAA,IAAC;IAAAI;EAAA,QAAAL,YAAA,CAAAM,gBAAA;IAAAF,OAAA;EAAA;EACe,OACd,eAAmB,IAAAP,kBAAmB,CAAAU,GAAA,EAAAR,iBAAA,CAAAS,MAAA;IAAA,GACtCH,SAAA,CAAAI,YAAiB;IAAmBC,iBACpC,EAAiBN,OAAI,GAAI;IAAAO,eACZ,EAAAP,OAAQ;IAAAQ,eACR,MAAAT,IAAA;IAAAU,WACb,MAAWV,IAAA;IAAAW,WAEX,EAAAd,YAAA,CAAAe,aAAA;IAAAC,UAAC;IAAAC,QAAA,qBAAApB,kBAAA,CAAAU,GAAA,EAAAR,iBAAA,CAAAmB,IAAA;MAAA,GAAAb,SACK,CAAAH,KAAU;MAAA,GAAAG,SACV,CAAAc,IAAU;MAAAC,aACd,cAAc;MAAAC,UACd,OAAW;MAAAC,KACX,MAAOnB,IAAI,IAAI;MAAA,IAAAC,OACV;QAAwCmB,QAC7C;MAAe,IAEd;MAAAC,aAAA;MACHP,QAAA,EAAAf;IAAA;EACF;AAEJ","ignoreList":[]}

package/dist/cjs/list/FacetRail.cjs

@@ -0,0 +1,199 @@
+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 FacetRail_exports = {};
+__export(FacetRail_exports, {
+  FacetRail: () => FacetRail
+});
+module.exports = __toCommonJS(FacetRail_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+const chipVisualHeight = 38;
+const chipHitSlop = (0, import_theme.pressTargetHitSlop)(chipVisualHeight);
+const pipSize = "$1";
+function RailChip({
+  option,
+  selected,
+  tabStop,
+  onPress,
+  onFocusChip,
+  onBlurChip,
+  onMove,
+  testID,
+  register
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [kbFocus, setKbFocus] = (0, import_react.useState)(false);
+  if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  const hue = option.tint;
+  const fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
+  const hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
+  const textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
+  const keys = {
+    ArrowRight: 1,
+    ArrowLeft: -1,
+    Home: "home",
+    End: "end"
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    ref: register,
+    ...knobProps.borderRadius,
+    backgroundColor: fill,
+    borderWidth: 0,
+    paddingHorizontal: "$3",
+    minHeight: chipVisualHeight,
+    hitSlop: chipHitSlop,
+    alignItems: "center",
+    gap: "$1.5",
+    cursor: "pointer",
+    role: "radio",
+    "aria-checked": selected,
+    ...(import_components.isWeb ? {
+      tabIndex: tabStop ? 0 : -1
+    } : void 0),
+    ...(0, import_theme.transitionProps)(knobProps.transition),
+    hoverStyle: {
+      backgroundColor: hoverFill
+    },
+    pressStyle: {
+      backgroundColor: fill
+    },
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0,
+      backgroundColor: fill
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    ...(import_components.isWeb ? {
+      onFocus: () => {
+        onFocusChip();
+        if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(true);
+      },
+      onBlur: () => {
+        onBlurChip();
+        setKbFocus(false);
+      },
+      onKeyDown: event => {
+        const direction = event.key ? keys[event.key] : void 0;
+        if (direction !== void 0) {
+          event.preventDefault?.();
+          onMove(direction);
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault?.();
+          onPress();
+        }
+      }
+    } : void 0),
+    ...(kbFocus ? import_theme.keyboardFocusRingProps : void 0),
+    onPress,
+    testID,
+    children: [hue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      width: pipSize,
+      height: pipSize,
+      borderRadius: 1e3,
+      backgroundColor: `$${hue}9`,
+      flexShrink: 0
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      fontWeight: selected ? "700" : "500",
+      color: textColor,
+      textTransform: "capitalize",
+      userSelect: "none",
+      children: option.label
+    }), typeof option.count === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      fontSize: "$1",
+      fontWeight: "700",
+      color: textColor,
+      opacity: 0.7,
+      userSelect: "none",
+      children: option.count
+    }) : null]
+  });
+}
+function FacetRail({
+  label,
+  value,
+  options,
+  onChange,
+  testID
+}) {
+  const itemRefs = (0, import_react.useRef)({});
+  const [focusValue, setFocusValue] = (0, import_react.useState)(null);
+  if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  const anchor = focusValue !== null && options.some(option => option.value === focusValue) ? focusValue : value;
+  const focusAndSelect = next => {
+    setFocusValue(next);
+    onChange(next);
+    if (!import_components.isWeb) return;
+    requestAnimationFrame(() => {
+      const node = itemRefs.current[next];
+      node?.focus?.();
+      node?.scrollIntoView?.({
+        inline: "nearest",
+        block: "nearest"
+      });
+    });
+  };
+  const moveFrom = (from, direction) => {
+    if (options.length === 0) return;
+    if (direction === "home") return focusAndSelect(options[0].value);
+    if (direction === "end") return focusAndSelect(options[options.length - 1].value);
+    const index = Math.max(0, options.findIndex(option => option.value === from));
+    focusAndSelect(options[(index + direction + options.length) % options.length].value);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    flexShrink: 0,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      role: "radiogroup",
+      "aria-label": label,
+      "aria-orientation": "horizontal",
+      gap: "$1.5",
+      alignItems: "center",
+      paddingVertical: "$1",
+      testID,
+      children: options.map(option => /* @__PURE__ */(0, import_jsx_runtime.jsx)(RailChip, {
+        option,
+        selected: option.value === value,
+        tabStop: option.value === anchor,
+        onPress: () => onChange(option.value === value && option.value !== "" ? "" : option.value),
+        onFocusChip: () => setFocusValue(option.value),
+        onBlurChip: () => setFocusValue(prev => prev === option.value ? null : prev),
+        onMove: direction => moveFrom(option.value, direction),
+        testID: testID ? `${testID}-${option.value || "all"}` : void 0,
+        register: node => {
+          itemRefs.current[option.value] = node;
+        }
+      }, option.value || "__all"))
+    })
+  });
+}