@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/stay-filters/FloorFilter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloorFilter = FloorFilter;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("./constants.js");
+var _ToggleChipGroup = require("./ToggleChipGroup.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Which floors are acceptable: Ground, Middle, Top, With elevator (the set and
+ * labels overridable), as wrapped multi-select filter pills — a `group` of
+ * `aria-pressed` toggles. Nothing selected means any floor. "With elevator"
+ * combines with the floor choices rather than excluding them: "Top" plus
+ * "With elevator" is a top floor in a building with a lift; the app owns that
+ * query.
+ */
+function FloorFilter({
+  options,
+  labels,
+  accessibilityLabel = 'Floor',
+  ...group
+}) {
+  const items = (0, _constants.relabelOptions)(options ?? _constants.FLOOR_OPTIONS, labels);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleChipGroup.ToggleChipGroup, {
+    ...group,
+    options: items,
+    accessibilityLabel: accessibilityLabel
+  });
+}
+FloorFilter.displayName = 'FloorFilter';
+//# sourceMappingURL=FloorFilter.js.map

package/lib/commonjs/stay-filters/FloorFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_constants","_ToggleChipGroup","_jsxRuntime","e","__esModule","default","FloorFilter","options","labels","accessibilityLabel","group","items","relabelOptions","FLOOR_OPTIONS","jsx","ToggleChipGroup","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/FloorFilter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAAiC;EAC1DC,OAAO;EACPC,MAAM;EACNC,kBAAkB,GAAG,OAAO;EAC5B,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAG,IAAAC,yBAAc,EAC1BL,OAAO,IAAKM,wBAA2D,EACvEL,MACF,CAAC;EACD,oBAAO,IAAAN,WAAA,CAAAY,GAAA,EAACb,gBAAA,CAAAc,eAAe;IAAA,GAAKL,KAAK;IAAEH,OAAO,EAAEI,KAAM;IAACF,kBAAkB,EAAEA;EAAmB,CAAE,CAAC;AAC/F;AAEAH,WAAW,CAACU,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/stay-filters/PriceHistogram.js

@@ -8,16 +8,19 @@ exports.histogramSelection = histogramSelection;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _shared = require("../button/shared.js");
+var _palette = require("../chart-cards/palette.js");
 var _useTheme = require("../theme/use-theme.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * How many listings sit at each price, as a row of bars.
  *
- *   bars      equal width (flex 1), 2px apart, top corners radius 2
+ *   bars      equal width (flex 1), 2px apart, top corners radius 3
  *   height    count / tallest count × `height` (default 64); a non-empty bucket
  *             is at least 2 tall so it stays visible, an empty one draws nothing
- *   in range  text-primary — a bucket whose MIDPOINT lies inside `value`
+ *   in range  the chart series tone (`chart-6`, the blue hue re-anchored on the
+ *             theme's primary — the same ink every chart card and the range
+ *             slider underneath use) — a bucket whose MIDPOINT lies inside `value`
  *   outside   neutral-300 (dark neutral-700)
  *
  * The buckets split `min`..`max` evenly, so the row spans exactly the width a
@@ -37,7 +40,7 @@ function histogramSelection(bucketCount, min, max, [low, high]) {
   });
 }
 const BAR_GAP = 2;
-const BAR_RADIUS = 2;
+const BAR_RADIUS = 3;
 const MIN_BAR = 2;
 function PriceHistogramComponent({
   buckets,
@@ -54,7 +57,7 @@ function PriceHistogramComponent({
   } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
   const tallest = buckets.reduce((m, n) => Math.max(m, n), 0);
   const selected = histogramSelection(buckets.length, min, max, value);
-  const inColor = theme.colors.text;
+  const inColor = (0, _react.useMemo)(() => (0, _palette.chartHueTone)(theme, 6).color, [theme]);
   const outColor = theme.isDark ? neutral[700] : neutral[300];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     testID: testID,

package/lib/commonjs/stay-filters/PriceHistogram.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_useTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","histogramSelection","bucketCount","min","max","low","high","width","Array","from","length","_","mid","BAR_GAP","BAR_RADIUS","MIN_BAR","PriceHistogramComponent","buckets","value","height","style","testID","theme","useTheme","neutral","useMemo","resolveButtonRamps","tallest","reduce","m","Math","selected","inColor","colors","text","outColor","isDark","jsx","View","importantForAccessibility","accessibilityElementsHidden","flexDirection","alignItems","gap","children","map","count","barHeight","undefined","flex","minWidth","borderTopLeftRadius","borderTopRightRadius","backgroundColor","PriceHistogram","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceHistogram.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_palette","_useTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","histogramSelection","bucketCount","min","max","low","high","width","Array","from","length","_","mid","BAR_GAP","BAR_RADIUS","MIN_BAR","PriceHistogramComponent","buckets","value","height","style","testID","theme","useTheme","neutral","useMemo","resolveButtonRamps","tallest","reduce","m","Math","selected","inColor","chartHueTone","color","outColor","isDark","jsx","View","importantForAccessibility","accessibilityElementsHidden","flexDirection","alignItems","gap","children","map","count","barHeight","undefined","flex","minWidth","borderTopLeftRadius","borderTopRightRadius","backgroundColor","PriceHistogram","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceHistogram.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/stay-filters/PriceRangeFilter.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PriceRangeFilter = void 0;
-exports.parsePriceInput = parsePriceInput;
+exports.parsePriceInput = exports.PriceRangeFilter = exports.PRICE_SCALE_POSITIONS = void 0;
+exports.priceScaleMapping = priceScaleMapping;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _index = require("../slider/index.js");
-var _index2 = require("../text-field/index.js");
 var _PriceHistogram = require("./PriceHistogram.js");
+var _RangeFields = require("./RangeFields.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -29,24 +29,53 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * to its own side of the range (the minimum can not pass the maximum), snapped
  * to `step`, and committed through `onValueChange` + `onValueCommit`. A draft
  * that does not parse restores the committed value.
+ *
+ * SALE PRICES: `scale="log"`. A linear slider over 50,000 – 2,000,000 spends
+ * nearly all of its width above the prices most people search, so the log
+ * scale moves by RATIO instead — equal slider distance is an equal percentage
+ * change. The slider then runs over {@link PRICE_SCALE_POSITIONS} positions,
+ * the buckets split that POSITION span evenly (so the app buckets its counts
+ * in log space too), and every value the slider reports is snapped to `step`
+ * in price space (pass a round step such as 5,000). With `min` above 0 the
+ * scale is geometric; with `min` of 0 it is offset by one (`log(1 + p)`), so 0
+ * stays reachable.
  */
 
-function clamp(v, lo, hi) {
-  return Math.min(hi, Math.max(lo, v));
-}
-function snap(v, min, step) {
-  if (step <= 0) return v;
-  const snapped = min + Math.round((v - min) / step) * step;
-  const decimals = (String(step).split('.')[1] ?? '').length;
-  return decimals > 0 ? Number(snapped.toFixed(decimals)) : snapped;
-}
-
 /** Parse a typed price ("$1,200" → 1200); `null` when there is no number in it. */
-function parsePriceInput(text) {
-  const cleaned = text.replace(/[^0-9.]/g, '');
-  if (cleaned === '' || cleaned === '.') return null;
-  const n = Number.parseFloat(cleaned);
-  return Number.isFinite(n) ? n : null;
+const parsePriceInput = exports.parsePriceInput = _RangeFields.parseAmountInput;
+
+/** How many slider positions a `log` scale runs over. */
+const PRICE_SCALE_POSITIONS = exports.PRICE_SCALE_POSITIONS = 200;
+/** The price ↔ slider mapping for a scale. Pure; exported for the tests. */
+function priceScaleMapping(scale, min, max, step) {
+  if (scale !== 'log' || max <= min) {
+    return {
+      sliderMin: min,
+      sliderMax: max,
+      toPosition: p => p,
+      toPrice: p => p
+    };
+  }
+  const n = PRICE_SCALE_POSITIONS;
+  const clampPrice = p => Math.min(max, Math.max(min, p));
+  const geometric = min > 0;
+  const span = geometric ? Math.log(max / min) : Math.log(max - min + 1);
+  return {
+    sliderMin: 0,
+    sliderMax: n,
+    toPosition: price => {
+      const p = clampPrice(price);
+      const t = geometric ? Math.log(p / min) / span : Math.log(p - min + 1) / span;
+      return Math.round(t * n);
+    },
+    toPrice: position => {
+      if (position <= 0) return min;
+      if (position >= n) return max;
+      const t = position / n;
+      const raw = geometric ? min * Math.exp(t * span) : min + Math.exp(t * span) - 1;
+      return clampPrice((0, _RangeFields.snapToStep)(raw, min, step));
+    }
+  };
 }
 const RAIL_OFFSET = 13; // (32px track region − 6px rail) / 2
 
@@ -59,6 +88,7 @@ function PriceRangeFilterComponent({
   onValueCommit,
   formatPrice = String,
   step = 1,
+  scale = 'linear',
   minLabel = 'Minimum',
   maxLabel = 'Maximum',
   accessibilityLabel = 'Price range',
@@ -67,49 +97,21 @@ function PriceRangeFilterComponent({
   style,
   testID
 }) {
-  const [draft, setDraft] = (0, _react.useState)(null);
   const hasHistogram = buckets != null && buckets.length > 0;
-  const commitDraft = (0, _react.useCallback)(() => {
-    if (!draft) return;
-    const parsed = parsePriceInput(draft.text);
-    setDraft(null);
-    if (parsed == null) return;
-    const [low, high] = value;
-    const next = draft.index === 0 ? [clamp(snap(parsed, min, step), min, high), high] : [low, clamp(snap(parsed, min, step), low, max)];
-    if (next[0] !== low || next[1] !== high) onValueChange(next);
+  const mapping = (0, _react.useMemo)(() => priceScaleMapping(scale, min, max, step), [scale, min, max, step]);
+  const linear = scale !== 'log';
+  const positions = [mapping.toPosition(value[0]), mapping.toPosition(value[1])];
+  const fromPositions = (0, _react.useCallback)(([a, b]) => {
+    const low = mapping.toPrice(a);
+    return [low, Math.max(low, mapping.toPrice(b))];
+  }, [mapping]);
+  const onSlide = (0, _react.useCallback)(next => onValueChange(linear ? next : fromPositions(next)), [linear, fromPositions, onValueChange]);
+  const onSlideEnd = (0, _react.useMemo)(() => onValueCommit ? next => onValueCommit(linear ? next : fromPositions(next)) : undefined, [linear, fromPositions, onValueCommit]);
+  const onFieldCommit = (0, _react.useCallback)(([low, high]) => {
+    const next = [low ?? min, high ?? max];
+    if (next[0] !== value[0] || next[1] !== value[1]) onValueChange(next);
     onValueCommit?.(next);
-  }, [draft, value, min, max, step, onValueChange, onValueCommit]);
-  const field = index => {
-    const label = index === 0 ? minLabel : maxLabel;
-    const editing = draft?.index === index;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        flex: 1,
-        minWidth: 0
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.TextFieldInput, {
-        floatingLabel: true,
-        label: label,
-        accessibilityLabel: label,
-        value: editing ? draft.text : formatPrice(value[index]),
-        onChangeText: text => setDraft({
-          index,
-          text
-        }),
-        onFocus: () => setDraft({
-          index,
-          text: String(value[index])
-        }),
-        onBlur: commitDraft,
-        onSubmitEditing: commitDraft,
-        keyboardType: "numeric",
-        inputMode: "numeric",
-        returnKeyType: "done",
-        disabled: disabled,
-        testID: testID ? `${testID}-${index === 0 ? 'min' : 'max'}` : undefined
-      })
-    });
-  };
+  }, [min, max, value, onValueChange, onValueCommit]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     testID: testID,
     style: [{
@@ -117,18 +119,18 @@ function PriceRangeFilterComponent({
     }, style],
     children: [hasHistogram ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PriceHistogram.PriceHistogram, {
       buckets: buckets,
-      min: min,
-      max: max,
-      value: value,
+      min: mapping.sliderMin,
+      max: mapping.sliderMax,
+      value: positions,
       height: histogramHeight,
       testID: testID ? `${testID}-histogram` : undefined
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RangeSlider, {
-      value: value,
-      onValueChange: onValueChange,
-      onSlidingComplete: onValueCommit,
-      min: min,
-      max: max,
-      step: step,
+      value: positions,
+      onValueChange: onSlide,
+      onSlidingComplete: onSlideEnd,
+      min: mapping.sliderMin,
+      max: mapping.sliderMax,
+      step: linear ? step : 1,
       disabled: disabled,
       showTooltip: false,
       accessibilityLabel: accessibilityLabel,
@@ -137,13 +139,21 @@ function PriceRangeFilterComponent({
       style: hasHistogram ? {
         marginTop: -RAIL_OFFSET
       } : undefined
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: {
-        flexDirection: 'row',
-        gap: 16,
         marginTop: 24
       },
-      children: [field(0), field(1)]
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeFields.RangeFields, {
+        value: value,
+        onCommit: onFieldCommit,
+        format: formatPrice,
+        labels: [minLabel, maxLabel],
+        min: min,
+        max: max,
+        step: step,
+        disabled: disabled,
+        testID: testID
+      })
     })]
   });
 }

package/lib/commonjs/stay-filters/PriceRangeFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_PriceHistogram","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","clamp","v","lo","hi","Math","min","max","snap","step","snapped","round","decimals","String","split","length","Number","toFixed","parsePriceInput","text","cleaned","replace","parseFloat","isFinite","RAIL_OFFSET","PriceRangeFilterComponent","buckets","value","onValueChange","onValueCommit","formatPrice","minLabel","maxLabel","accessibilityLabel","histogramHeight","disabled","style","testID","draft","setDraft","useState","hasHistogram","commitDraft","useCallback","parsed","low","high","next","index","field","label","editing","jsx","View","flex","minWidth","children","TextFieldInput","floatingLabel","onChangeText","onFocus","onBlur","onSubmitEditing","keyboardType","inputMode","returnKeyType","undefined","jsxs","width","PriceHistogram","height","RangeSlider","onSlidingComplete","showTooltip","thumbLabels","marginTop","flexDirection","gap","PriceRangeFilter","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceRangeFilter.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_PriceHistogram","_RangeFields","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","parsePriceInput","exports","parseAmountInput","PRICE_SCALE_POSITIONS","priceScaleMapping","scale","min","max","step","sliderMin","sliderMax","toPosition","p","toPrice","clampPrice","Math","geometric","span","log","price","round","position","raw","exp","snapToStep","RAIL_OFFSET","PriceRangeFilterComponent","buckets","value","onValueChange","onValueCommit","formatPrice","String","minLabel","maxLabel","accessibilityLabel","histogramHeight","disabled","style","testID","hasHistogram","length","mapping","useMemo","linear","positions","fromPositions","useCallback","a","b","low","onSlide","next","onSlideEnd","undefined","onFieldCommit","high","jsxs","View","width","children","jsx","PriceHistogram","height","RangeSlider","onSlidingComplete","showTooltip","thumbLabels","marginTop","RangeFields","onCommit","format","labels","PriceRangeFilter","memo","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PriceRangeFilter.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/stay-filters/PropertyTypeFilter.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PropertyTypeFilter = PropertyTypeFilter;
+var _react = _interopRequireDefault(require("react"));
+var _PropertyTypeTiles = require("./PropertyTypeTiles.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Which kinds of home to show, as a grid of icon tiles for a `FilterSection`:
+ * Apartment, House, Room, Studio, Duplex / Penthouse, Coliving, Hostel,
+ * Land / Other (labels and the set overridable). Multi-select; an empty
+ * selection means any type.
+ *
+ *   tiles   radius 12, at least 100 tall (a two-line label fits) and 120 wide, 16 inset; as many per
+ *           row as fit (2 on a phone, 4 in the desktop dialog)
+ *   state   rest hairline · hover text border · selected 2px text border on a
+ *           neutral tint
+ *
+ * The same tiles, compact, are the search panel's `PropertyTypePicker`
+ * (`@oxy.so/bloom/home-search`).
+ */
+function PropertyTypeFilter(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PropertyTypeTiles.PropertyTypeTiles, {
+    ...props,
+    size: "large"
+  });
+}
+PropertyTypeFilter.displayName = 'PropertyTypeFilter';
+//# sourceMappingURL=PropertyTypeFilter.js.map

package/lib/commonjs/stay-filters/PropertyTypeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_PropertyTypeTiles","_jsxRuntime","e","__esModule","default","PropertyTypeFilter","props","jsx","PropertyTypeTiles","size","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/PropertyTypeFilter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAAwD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,kBAAkBA,CAAkCC,KAAiC,EAAE;EACrG,oBAAO,IAAAL,WAAA,CAAAM,GAAA,EAACP,kBAAA,CAAAQ,iBAAiB;IAAA,GAAQF,KAAK;IAAEG,IAAI,EAAC;EAAO,CAAE,CAAC;AACzD;AAEAJ,kBAAkB,CAACK,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/commonjs/stay-filters/PropertyTypeTiles.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PROPERTY_TILE_RADIUS = void 0;
+exports.PropertyTypeTiles = PropertyTypeTiles;
+exports.tileColumns = tileColumns;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _webData = require("../styles/web-data.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _interactiveWebCss = require("../styles/interactive-web-css.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _tokens = require("../styles/tokens.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * A multi-select grid of icon tiles, one per property type. Internal: the
+ * filters' `PropertyTypeFilter` and the search panel's `PropertyTypePicker`
+ * both draw it, at different tile sizes.
+ *
+ *   tile       radius 12, a 24px icon over a body-2-medium label, 8 apart
+ *   rest       1px border neutral-200 (dark neutral-700), transparent
+ *   hover      border text-primary (web pointer)
+ *   press      fill neutral-100 (dark neutral-800)
+ *   selected   2px border text-primary on a neutral-100 (dark neutral-800)
+ *              tint — the inner padding gives back the extra pixel, so a
+ *              selected tile never moves its content
+ *   grid       8 apart; rows of `columns` tiles sharing the width equally, the
+ *              last row padded with empty cells so every tile keeps one width
+ *
+ * A `group`; each tile a toggle `button` with `aria-pressed` (web) and
+ * `accessibilityState.selected` (native).
+ */
+
+const TILE_GEOMETRY = {
+  medium: {
+    minWidth: 96,
+    minHeight: 92,
+    padding: 12
+  },
+  large: {
+    minWidth: 120,
+    minHeight: 100,
+    padding: 16
+  }
+};
+const PROPERTY_TILE_RADIUS = exports.PROPERTY_TILE_RADIUS = 12;
+const GAP = 8;
+const ICON_SIZE = 24;
+const STYLE_ID = 'bloom-property-type-tile-web-css';
+const SELECTOR = '[data-bloom-property-tile]';
+const CSS = (0, _interactiveWebCss.interactiveWebCss)({
+  selector: SELECTOR,
+  varPrefix: 'bloom-property-tile',
+  // A react-native-web control, not a raw `<button>`: no `<button>` reset, and
+  // no `:active` scale — Bloom's controls change colour on press.
+  reset: 'none',
+  base: '',
+  transition: 'background-color 120ms ease, border-color 120ms ease',
+  focus: {
+    mode: 'ring'
+  },
+  // The FADE lives in the inline style, not here: it has to apply on native
+  // too, and two sources for one state is how they drift apart.
+  disabled: {
+    opacity: null
+  },
+  extraRules: `@media (prefers-reduced-motion: reduce) {
+  ${SELECTOR} { transition: none; }
+}`
+});
+
+/** How many tiles fit a width: at least 2, at most 4. Pure; exported for the tests. */
+function tileColumns(width, minTileWidth) {
+  if (width <= 0) return 4;
+  return Math.max(2, Math.min(4, Math.floor((width + GAP) / (minTileWidth + GAP))));
+}
+function Tile({
+  label,
+  icon: Icon,
+  selected,
+  disabled,
+  size,
+  onPress,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const ringOffset = (0, _surfaceLevels.useRingOffsetStyle)();
+  const {
+    accent,
+    neutral
+  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
+  const hover = (0, _useInteractionState.useInteractionState)();
+  const press = (0, _useInteractionState.useInteractionState)();
+  const dark = theme.isDark;
+  const text = theme.colors.text;
+  const tint = dark ? neutral[800] : neutral[100];
+  const active = !disabled;
+  const border = selected ? 2 : 1;
+  const {
+    minHeight,
+    padding
+  } = TILE_GEOMETRY[size];
+  const inset = padding - (border - 1);
+  const style = {
+    flex: 1,
+    minWidth: 0,
+    minHeight,
+    borderRadius: PROPERTY_TILE_RADIUS,
+    borderWidth: border,
+    borderColor: selected || hover.state && active ? text : dark ? neutral[700] : neutral[200],
+    backgroundColor: selected || press.state && active ? tint : 'transparent',
+    paddingTop: inset,
+    paddingBottom: inset,
+    paddingLeft: inset,
+    paddingRight: inset,
+    justifyContent: 'space-between',
+    gap: 8,
+    opacity: disabled ? _tokens.DISABLED_OPACITY : 1,
+    '--bloom-property-tile-ring': accent[500],
+    ...ringOffset
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    role: "button",
+    accessibilityLabel: label,
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    "aria-pressed": selected,
+    "aria-disabled": disabled || undefined,
+    disabled: disabled,
+    onPress: onPress,
+    onHoverIn: hover.onIn,
+    onHoverOut: hover.onOut,
+    onPressIn: press.onIn,
+    onPressOut: press.onOut,
+    testID: testID,
+    ...(0, _webData.webDataSet)({
+      bloomPropertyTile: selected ? 'selected' : ''
+    }),
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      width: ICON_SIZE,
+      height: ICON_SIZE,
+      fill: text
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "body-2-medium",
+      numberOfLines: 2,
+      style: {
+        color: text
+      },
+      children: label
+    })]
+  });
+}
+function PropertyTypeTiles({
+  value,
+  onValueChange,
+  options,
+  labels,
+  columns,
+  accessibilityLabel = 'Property type',
+  disabled = false,
+  size,
+  style,
+  testID
+}) {
+  (0, _interactiveWebCss.useInteractiveWebCss)(STYLE_ID, CSS);
+  const [width, setWidth] = (0, _react.useState)(0);
+  const items = (0, _constants.relabelOptions)(options ?? _constants.PROPERTY_TYPE_OPTIONS, labels);
+  const perRow = columns ?? tileColumns(width, TILE_GEOMETRY[size].minWidth);
+  const selected = new Set(value);
+  const toggle = item => {
+    const next = new Set(selected);
+    if (next.has(item)) next.delete(item);else next.add(item);
+    onValueChange(items.map(o => o.value).filter(v => next.has(v)));
+  };
+  const rows = [];
+  for (let i = 0; i < items.length; i += perRow) rows.push(items.slice(i, i + perRow));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: testID,
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    onLayout: columns == null ? e => setWidth(e.nativeEvent.layout.width) : undefined,
+    style: [{
+      gap: GAP
+    }, style],
+    children: rows.map((row, r) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap: GAP
+      },
+      children: [row.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tile, {
+        label: option.label,
+        icon: option.icon,
+        size: size,
+        selected: selected.has(option.value),
+        disabled: disabled,
+        onPress: () => toggle(option.value),
+        testID: testID ? `${testID}-${option.value}` : undefined
+      }, option.value)), Array.from({
+        length: perRow - row.length
+      }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        }
+      }, `pad-${i}`))]
+    }, r))
+  });
+}
+//# sourceMappingURL=PropertyTypeTiles.js.map