@oxy.so/bloom 2.8.0 → 2.10.0

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,213 @@
+"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 _shared2 = require("../checkbox/shared.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _constants = require("./constants.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 = `
+${SELECTOR} {
+  outline: none;
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+${SELECTOR}[aria-disabled="true"] {
+  cursor: default;
+}
+${SELECTOR}:focus-visible {
+  box-shadow: 0 0 0 2px ${_shared2.FOCUS_RING_OFFSET_COLOR}, 0 0 0 4px var(--bloom-property-tile-ring, currentColor);
+}
+@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 {
+    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 ? 0.5 : 1,
+    '--bloom-property-tile-ring': accent[500]
+  };
+  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, _shared2.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, _react.useEffect)(() => {
+    (0, _adoptStyleSheet.adoptStyleSheet)(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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_shared2","_useInteractionState","_adoptStyleSheet","_useTheme","_index","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TILE_GEOMETRY","medium","minWidth","minHeight","padding","large","PROPERTY_TILE_RADIUS","exports","GAP","ICON_SIZE","STYLE_ID","SELECTOR","CSS","FOCUS_RING_OFFSET_COLOR","tileColumns","width","minTileWidth","Math","max","min","floor","Tile","label","icon","Icon","selected","disabled","size","onPress","testID","theme","useTheme","accent","neutral","useMemo","resolveButtonRamps","hover","useInteractionState","press","dark","isDark","text","colors","tint","active","border","inset","style","flex","borderRadius","borderWidth","borderColor","state","backgroundColor","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","gap","opacity","jsxs","Pressable","role","accessibilityLabel","accessibilityState","undefined","onHoverIn","onIn","onHoverOut","onOut","onPressIn","onPressOut","webDataSet","bloomPropertyTile","children","jsx","height","fill","Text","variant","numberOfLines","color","PropertyTypeTiles","value","onValueChange","options","labels","columns","useEffect","adoptStyleSheet","setWidth","useState","items","relabelOptions","PROPERTY_TYPE_OPTIONS","perRow","Set","toggle","item","next","delete","add","map","filter","v","rows","length","push","slice","View","onLayout","nativeEvent","layout","row","flexDirection","option","Array","from","_"],"sourceRoot":"../../../src","sources":["stay-filters/PropertyTypeTiles.tsx"],"mappings":"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","ignoreList":[]}