@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/home-search/SavedSearchCard.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { Button } from '../button';
+import { resolveButtonRamps } from "../button/shared.js";
+import { Chip } from "../chip/index.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { RiDeleteBinLine } from "../icons/remix/RiDeleteBinLine.js";
+import { RiNotification3Line } from "../icons/remix/RiNotification3Line.js";
+import { RiNotificationOffLine } from "../icons/remix/RiNotificationOffLine.js";
+import { RiSearchLine } from "../icons/remix/RiSearchLine.js";
+import { STAY_SEARCH_TILE_RADIUS } from "../stay-search/constants.js";
+import { useStaySearchPalette } from "../stay-search/palette.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One saved search in a list: what it looks for, how much is new, and how
+ * often it alerts.
+ *
+ *   card       radius 16, the card surface with a hairline, 16 inset, 12 between rows
+ *   header     a 44px icon tile (radius 12, neutral fill, 22px glyph), the
+ *              title (body-semibold, two lines) and, at the right, a primary
+ *              `Badge` with the new-results count while it is above 0
+ *   criteria   medium outlined `Chip`s (neutral), wrapped 6 apart
+ *   footer     a hairline above; a bell (off: a struck bell) and the alert
+ *              frequency (body-2-regular, text-secondary) on the left, an
+ *              "Edit" secondary button and a secondary delete icon button on the right
+ *
+ * With `onPress` the header is a named `button` ("<title>, 12 new") that fills
+ * neutral on hover; the footer's buttons are its SIBLINGS, never nested in it.
+ */
+
+const STYLE_ID = 'bloom-saved-search-card-web-css';
+const CSS = `
+[data-bloom-saved-search-open] {
+  outline: none;
+  cursor: pointer;
+}
+[data-bloom-saved-search-open]:focus-visible {
+  box-shadow: 0 0 0 2px var(--bloom-saved-search-ring, currentColor);
+}
+`;
+export const SAVED_SEARCH_CARD_RADIUS = 16;
+const TILE = 44;
+function SavedSearchCardComponent({
+  title,
+  criteria,
+  newCount = 0,
+  formatNewCount = n => `${n} new`,
+  alertFrequency,
+  alertsOffLabel = 'Alerts off',
+  icon: Icon = RiSearchLine,
+  onPress,
+  onEdit,
+  onDelete,
+  editLabel = 'Edit',
+  deleteLabel = 'Delete',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useStaySearchPalette();
+  const {
+    accent,
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const hover = useInteractionState();
+  const hasNew = newCount > 0;
+  useEffect(() => {
+    adoptStyleSheet(STYLE_ID, CSS);
+  }, []);
+  const card = {
+    borderRadius: SAVED_SEARCH_CARD_RADIUS,
+    borderWidth: 1,
+    borderColor: palette.border,
+    backgroundColor: palette.barSurface,
+    paddingTop: 16,
+    paddingBottom: 12,
+    paddingLeft: 16,
+    paddingRight: 16,
+    gap: 12
+  };
+  const headerContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: TILE,
+        height: TILE,
+        borderRadius: STAY_SEARCH_TILE_RADIUS,
+        backgroundColor: palette.tile,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        width: 22,
+        height: 22,
+        fill: palette.text
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-semibold",
+      numberOfLines: 2,
+      style: {
+        flex: 1,
+        minWidth: 0,
+        color: palette.text
+      },
+      children: title
+    }), hasNew ? /*#__PURE__*/_jsx(Badge, {
+      content: formatNewCount(newCount),
+      color: "primary",
+      variant: "solid",
+      size: "medium",
+      testID: testID ? `${testID}-badge` : undefined
+    }) : null]
+  });
+  const headerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderRadius: 12,
+    marginTop: -6,
+    marginLeft: -6,
+    marginRight: -6,
+    paddingTop: 6,
+    paddingBottom: 6,
+    paddingLeft: 6,
+    paddingRight: 6,
+    backgroundColor: onPress && hover.state ? palette.rowHighlight : 'transparent',
+    '--bloom-saved-search-ring': accent[500]
+  };
+  const name = hasNew ? `${title}, ${formatNewCount(newCount)}` : title;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [card, style],
+    children: [onPress ? /*#__PURE__*/_jsx(Pressable, {
+      ...webDataSet({
+        bloomSavedSearchOpen: ''
+      }),
+      role: "button",
+      accessibilityLabel: name,
+      onPress: onPress,
+      onHoverIn: hover.onIn,
+      onHoverOut: hover.onOut,
+      testID: testID ? `${testID}-open` : undefined,
+      style: headerStyle,
+      children: headerContent
+    }) : /*#__PURE__*/_jsx(View, {
+      style: headerStyle,
+      children: headerContent
+    }), criteria && criteria.length > 0 ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 6
+      },
+      children: criteria.map((item, index) => /*#__PURE__*/_jsx(Chip, {
+        size: "medium",
+        variant: "outlined",
+        children: item
+      }, `${index}-${item}`))
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        paddingTop: 12,
+        borderTopWidth: 1,
+        borderTopColor: theme.isDark ? neutral[800] : neutral[200]
+      },
+      children: [alertFrequency ? /*#__PURE__*/_jsx(RiNotification3Line, {
+        width: 16,
+        height: 16,
+        fill: palette.textSecondary
+      }) : /*#__PURE__*/_jsx(RiNotificationOffLine, {
+        width: 16,
+        height: 16,
+        fill: palette.textSecondary
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 1,
+        style: {
+          flex: 1,
+          minWidth: 0,
+          color: palette.textSecondary
+        },
+        children: alertFrequency ?? alertsOffLabel
+      }), onEdit ? /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        size: "small",
+        onPress: onEdit,
+        accessibilityLabel: `${editLabel} ${title}`,
+        testID: testID ? `${testID}-edit` : undefined,
+        children: editLabel
+      }) : null, onDelete ? /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        size: "small",
+        iconOnly: true,
+        icon: RiDeleteBinLine,
+        onPress: onDelete,
+        accessibilityLabel: `${deleteLabel} ${title}`,
+        testID: testID ? `${testID}-delete` : undefined
+      }) : null]
+    })]
+  });
+}
+export const SavedSearchCard = /*#__PURE__*/memo(SavedSearchCardComponent);
+SavedSearchCard.displayName = 'SavedSearchCard';
+//# sourceMappingURL=SavedSearchCard.js.map

package/lib/module/home-search/SavedSearchCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","Pressable","View","Badge","Button","resolveButtonRamps","Chip","useInteractionState","RiDeleteBinLine","RiNotification3Line","RiNotificationOffLine","RiSearchLine","STAY_SEARCH_TILE_RADIUS","useStaySearchPalette","adoptStyleSheet","webDataSet","useTheme","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","STYLE_ID","CSS","SAVED_SEARCH_CARD_RADIUS","TILE","SavedSearchCardComponent","title","criteria","newCount","formatNewCount","n","alertFrequency","alertsOffLabel","icon","Icon","onPress","onEdit","onDelete","editLabel","deleteLabel","style","testID","theme","palette","accent","neutral","hover","hasNew","card","borderRadius","borderWidth","borderColor","border","backgroundColor","barSurface","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","headerContent","children","width","height","tile","alignItems","justifyContent","fill","text","variant","numberOfLines","flex","minWidth","color","content","size","undefined","headerStyle","flexDirection","marginTop","marginLeft","marginRight","state","rowHighlight","name","bloomSavedSearchOpen","role","accessibilityLabel","onHoverIn","onIn","onHoverOut","onOut","length","flexWrap","map","item","index","borderTopWidth","borderTopColor","isDark","textSecondary","iconOnly","SavedSearchCard","displayName"],"sourceRoot":"../../../src","sources":["home-search/SavedSearchCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/home-search/SearchModeTabs.js

@@ -0,0 +1,213 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { resolveCategoryBarPaint } from "../category-bar/CategoryBar.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from "../segmented-control/index.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DEFAULT_HOME_SEARCH_MODE_LABELS, HOME_SEARCH_MODES } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The mode switch above the search bar: Rent, Buy, Vacation rentals, Swap.
+ *
+ * `tabs` (default) — text tabs in `CategoryBar`'s selected-underline look:
+ *
+ *   tab        body-medium label, 8 above and 10 below it, then a 2px bar the
+ *              width of the label; 24 between tabs
+ *   rest       text-secondary; hover text-primary (web)
+ *   selected   text-primary with a 2px text-primary bar
+ *
+ * The label keeps ONE weight in every state, so switching never reflows the
+ * row. Keyboard (web): one tab stop (the selected tab); ArrowLeft/ArrowRight,
+ * Home and End move focus, Enter and Space select.
+ *
+ * `segmented` — Bloom's `SegmentedControl` (`large`, a full pill, the thumb
+ * sliding under the selected mode), stretched to the width so the modes share
+ * it: the phone layout.
+ *
+ * Either way a `tablist` named by `accessibilityLabel`, each mode a `tab` with
+ * `aria-selected`.
+ */
+
+const IS_WEB = Platform.OS === 'web';
+const STYLE_ID = 'bloom-search-mode-tabs-web-css';
+const TAB = '[data-bloom-search-mode-tab]';
+const CSS = `
+${TAB} {
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+}
+${TAB}:focus-visible [data-bloom-search-mode-ring] {
+  outline: 2px solid var(--bloom-search-mode-ring, currentColor);
+  outline-offset: -2px;
+}
+`;
+function ModeTab({
+  label,
+  selected,
+  tabbable,
+  paint,
+  onSelect,
+  onKey,
+  registerRef,
+  testID
+}) {
+  const hover = useInteractionState();
+  const color = selected || hover.state ? paint.active : paint.rest;
+  const webProps = IS_WEB ? {
+    tabIndex: tabbable ? 0 : -1,
+    onKeyDown: onKey
+  } : {};
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: registerRef,
+    ...webDataSet({
+      bloomSearchModeTab: selected ? 'selected' : ''
+    }),
+    ...webProps,
+    role: "tab",
+    accessibilityLabel: label,
+    "aria-selected": selected,
+    accessibilityState: {
+      selected
+    },
+    onPress: onSelect,
+    onHoverIn: hover.onIn,
+    onHoverOut: hover.onOut,
+    testID: testID,
+    style: {
+      paddingTop: 8,
+      paddingLeft: 4,
+      paddingRight: 4
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      ...webDataSet({
+        bloomSearchModeRing: ''
+      }),
+      style: {
+        position: 'absolute',
+        top: 2,
+        left: -2,
+        right: -2,
+        bottom: 6,
+        borderRadius: 8
+      }
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      style: {
+        color
+      },
+      children: label
+    }), /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-bar` : undefined,
+      style: {
+        marginTop: 10,
+        height: 2,
+        borderRadius: 1,
+        backgroundColor: selected ? paint.active : 'transparent'
+      }
+    })]
+  });
+}
+export function SearchModeTabs({
+  value,
+  onValueChange,
+  modes,
+  labels,
+  variant = 'tabs',
+  accessibilityLabel = 'Search mode',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveCategoryBarPaint(theme), [theme]);
+  const keys = modes ?? HOME_SEARCH_MODES;
+  const nodes = useRef(new Map());
+  const labelOf = key => labels?.[key] ?? DEFAULT_HOME_SEARCH_MODE_LABELS[key] ?? key;
+  useEffect(() => {
+    adoptStyleSheet(STYLE_ID, CSS);
+  }, []);
+  const onKey = useCallback((key, event) => {
+    const index = keys.indexOf(key);
+    let target = -1;
+    switch (event.key) {
+      case 'ArrowRight':
+        target = Math.min(keys.length - 1, index + 1);
+        break;
+      case 'ArrowLeft':
+        target = Math.max(0, index - 1);
+        break;
+      case 'Home':
+        target = 0;
+        break;
+      case 'End':
+        target = keys.length - 1;
+        break;
+      case ' ':
+      case 'Spacebar':
+        // Enter reaches `onPress` through react-native-web's press responder;
+        // Space only does for button roles, so a tab answers it here.
+        event.preventDefault();
+        onValueChange(key);
+        return;
+      default:
+        return;
+    }
+    event.preventDefault();
+    const next = keys[target];
+    if (next !== undefined) nodes.current.get(next)?.focus();
+  }, [keys, onValueChange]);
+  if (variant === 'segmented') {
+    return /*#__PURE__*/_jsx(SegmentedControl, {
+      label: accessibilityLabel,
+      type: "tabs",
+      size: "large",
+      value: value,
+      onChange: onValueChange,
+      style: [{
+        alignSelf: 'stretch'
+      }, style],
+      children: keys.map(key => /*#__PURE__*/_jsx(SegmentedControlItem, {
+        value: key,
+        testID: testID ? `${testID}-${key}` : undefined,
+        children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+          children: labelOf(key)
+        })
+      }, key))
+    });
+  }
+  const hasSelection = keys.includes(value);
+  const rowStyle = {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    // 4px of pressable padding either side: 24 between labels.
+    gap: 16,
+    '--bloom-search-mode-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    role: "tablist",
+    accessibilityLabel: accessibilityLabel,
+    style: [rowStyle, style],
+    children: keys.map((key, index) => /*#__PURE__*/_jsx(ModeTab, {
+      label: labelOf(key),
+      selected: key === value,
+      tabbable: hasSelection ? key === value : index === 0,
+      paint: paint,
+      onSelect: () => onValueChange(key),
+      onKey: event => onKey(key, event),
+      registerRef: node => {
+        if (node) nodes.current.set(key, node);else nodes.current.delete(key);
+      },
+      testID: testID ? `${testID}-${key}` : undefined
+    }, key))
+  });
+}
+SearchModeTabs.displayName = 'SearchModeTabs';
+//# sourceMappingURL=SearchModeTabs.js.map

package/lib/module/home-search/SearchModeTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Platform","Pressable","View","resolveCategoryBarPaint","useInteractionState","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","adoptStyleSheet","webDataSet","useTheme","Text","DEFAULT_HOME_SEARCH_MODE_LABELS","HOME_SEARCH_MODES","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","STYLE_ID","TAB","CSS","ModeTab","label","selected","tabbable","paint","onSelect","onKey","registerRef","testID","hover","color","state","active","rest","webProps","tabIndex","onKeyDown","ref","bloomSearchModeTab","role","accessibilityLabel","accessibilityState","onPress","onHoverIn","onIn","onHoverOut","onOut","style","paddingTop","paddingLeft","paddingRight","children","pointerEvents","bloomSearchModeRing","position","top","left","right","bottom","borderRadius","variant","numberOfLines","undefined","marginTop","height","backgroundColor","SearchModeTabs","value","onValueChange","modes","labels","theme","keys","nodes","Map","labelOf","key","event","index","indexOf","target","Math","min","length","max","preventDefault","next","current","get","focus","type","size","onChange","alignSelf","map","hasSelection","includes","rowStyle","flexDirection","alignItems","gap","ring","node","set","delete","displayName"],"sourceRoot":"../../../src","sources":["home-search/SearchModeTabs.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/home-search/constants.js

@@ -0,0 +1,156 @@
+"use strict";
+
+import { DEFAULT_STAY_SEARCH_BAR_LABELS } from "../stay-search/constants.js";
+/** Every mode, in the default tab order. */
+export const HOME_SEARCH_MODES = ['rent', 'buy', 'stays', 'swap'];
+export const DEFAULT_HOME_SEARCH_MODE_LABELS = {
+  rent: 'Rent',
+  buy: 'Buy',
+  stays: 'Vacation rentals',
+  swap: 'Swap'
+};
+/**
+ * Each mode's segments with their labels, placeholders and widths, and no
+ * values. `homeSearchSegments()` fills the values in.
+ *
+ *   rent    Location · Move-in · Budget
+ *   buy     Location · Price · Property type
+ *   stays   Where · Check in · Check out · Who   (what `StaySearchBar` draws)
+ *   swap    Where · Dates · Home size
+ */
+export const HOME_SEARCH_SEGMENTS = {
+  rent: [{
+    key: 'location',
+    label: 'Location',
+    placeholder: 'Search city or area',
+    flex: 1.6
+  }, {
+    key: 'moveIn',
+    label: 'Move-in',
+    placeholder: 'Add date',
+    flex: 1
+  }, {
+    key: 'budget',
+    label: 'Budget',
+    placeholder: 'Add budget',
+    flex: 1.5
+  }],
+  buy: [{
+    key: 'location',
+    label: 'Location',
+    placeholder: 'Search city or area',
+    flex: 1.6
+  }, {
+    key: 'price',
+    label: 'Price',
+    placeholder: 'Any price',
+    flex: 1.1
+  }, {
+    key: 'propertyType',
+    label: 'Property type',
+    placeholder: 'Any type',
+    flex: 1.5
+  }],
+  stays: [{
+    key: 'destination',
+    label: DEFAULT_STAY_SEARCH_BAR_LABELS.where,
+    placeholder: DEFAULT_STAY_SEARCH_BAR_LABELS.destinationPlaceholder,
+    flex: 1.4
+  }, {
+    key: 'checkIn',
+    label: DEFAULT_STAY_SEARCH_BAR_LABELS.checkIn,
+    placeholder: DEFAULT_STAY_SEARCH_BAR_LABELS.datesPlaceholder,
+    flex: 1
+  }, {
+    key: 'checkOut',
+    label: DEFAULT_STAY_SEARCH_BAR_LABELS.checkOut,
+    placeholder: DEFAULT_STAY_SEARCH_BAR_LABELS.datesPlaceholder,
+    flex: 1
+  }, {
+    key: 'guests',
+    label: DEFAULT_STAY_SEARCH_BAR_LABELS.who,
+    placeholder: DEFAULT_STAY_SEARCH_BAR_LABELS.guestsPlaceholder,
+    flex: 1.5
+  }],
+  swap: [{
+    key: 'destination',
+    label: 'Where',
+    placeholder: 'Search destinations',
+    flex: 1.5
+  }, {
+    key: 'dates',
+    label: 'Dates',
+    placeholder: 'Add dates',
+    flex: 1.2
+  }, {
+    key: 'homeSize',
+    label: 'Home size',
+    placeholder: 'Any size',
+    flex: 1.5
+  }]
+};
+
+/**
+ * A mode's preset segments with `values` filled in and any per-key
+ * `overrides` (label, placeholder, flex, panelAlign) applied.
+ *
+ * ```ts
+ * homeSearchSegments('rent', { location: 'Old Halden', budget: '€800 – €1,200' });
+ * ```
+ */
+export function homeSearchSegments(mode, values, overrides) {
+  const preset = HOME_SEARCH_SEGMENTS[mode];
+  return preset.map(segment => ({
+    ...segment,
+    ...overrides?.[segment.key],
+    value: values?.[segment.key] ?? overrides?.[segment.key]?.value
+  }));
+}
+export const DEFAULT_BUDGET_PRESETS = {
+  month: [{
+    min: null,
+    max: 800
+  }, {
+    min: 800,
+    max: 1200
+  }, {
+    min: 1200,
+    max: 1800
+  }, {
+    min: 1800,
+    max: null
+  }],
+  total: [{
+    min: null,
+    max: 150000
+  }, {
+    min: 150000,
+    max: 300000
+  }, {
+    min: 300000,
+    max: 600000
+  }, {
+    min: 600000,
+    max: null
+  }]
+};
+export const DEFAULT_CONTRACT_LENGTHS = [{
+  value: 'any',
+  label: 'Any'
+}, {
+  value: 'short',
+  label: '1–6 months'
+}, {
+  value: 'medium',
+  label: '6–12 months'
+}, {
+  value: 'long',
+  label: '1+ year'
+}];
+export const DEFAULT_MOVE_IN_LABELS = {
+  date: 'Move-in date',
+  flexible: 'Flexible',
+  asap: 'As soon as possible',
+  contractLength: 'Contract length'
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/home-search/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_STAY_SEARCH_BAR_LABELS","HOME_SEARCH_MODES","DEFAULT_HOME_SEARCH_MODE_LABELS","rent","buy","stays","swap","HOME_SEARCH_SEGMENTS","key","label","placeholder","flex","where","destinationPlaceholder","checkIn","datesPlaceholder","checkOut","who","guestsPlaceholder","homeSearchSegments","mode","values","overrides","preset","map","segment","value","DEFAULT_BUDGET_PRESETS","month","min","max","total","DEFAULT_CONTRACT_LENGTHS","DEFAULT_MOVE_IN_LABELS","date","flexible","asap","contractLength"],"sourceRoot":"../../../src","sources":["home-search/constants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/home-search/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export { BudgetPicker } from "./BudgetPicker.js";
+export { DEFAULT_BUDGET_PRESETS, DEFAULT_CONTRACT_LENGTHS, DEFAULT_HOME_SEARCH_MODE_LABELS, HOME_SEARCH_MODES, HOME_SEARCH_SEGMENTS, homeSearchSegments } from "./constants.js";
+export { HomeSearchBar } from "./HomeSearchBar.js";
+export { MoveInPicker } from "./MoveInPicker.js";
+export { PropertyTypePicker } from "./PropertyTypePicker.js";
+export { SavedSearchCard } from "./SavedSearchCard.js";
+export { SaveSearchButton } from "./SaveSearchButton.js";
+export { SearchModeTabs } from "./SearchModeTabs.js";
+//# sourceMappingURL=index.js.map

package/lib/module/home-search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BudgetPicker","DEFAULT_BUDGET_PRESETS","DEFAULT_CONTRACT_LENGTHS","DEFAULT_HOME_SEARCH_MODE_LABELS","HOME_SEARCH_MODES","HOME_SEARCH_SEGMENTS","homeSearchSegments","HomeSearchBar","MoveInPicker","PropertyTypePicker","SavedSearchCard","SaveSearchButton","SearchModeTabs"],"sourceRoot":"../../../src","sources":["home-search/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SACEC,sBAAsB,EACtBC,wBAAwB,EACxBC,+BAA+B,EAC/BC,iBAAiB,EACjBC,oBAAoB,EACpBC,kBAAkB,QACb,gBAAa;AACpB,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,cAAc,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/home-search/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/home-search/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["home-search/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -9,4 +9,6 @@ export { mergeRefs } from "./merge-refs.js";
 export { useHaptics, BloomHapticsProvider } from "./use-haptics.js";
 export { useGutters } from "./use-gutters.js";
 export { useImagePreload, preloadImage } from "./use-image-preload.js";
+export { useContainerWidth } from "./use-container-width.js";
+export { moveItem, dragTarget, dragShift } from "./list-reorder.js";
 //# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useInteractionState","useInteractionStates","useAccessibilityFocus","useRestoreAccessibilityFocus","useDelayedLoading","useThrottledValue","usePressAnimation","mergeRefs","useHaptics","BloomHapticsProvider","useGutters","useImagePreload","preloadImage"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,4BAAyB;AACnF,SACEC,qBAAqB,EACrBC,4BAA4B,QACvB,8BAA2B;AAClC,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,SAAS,QAAQ,iBAAc;AACxC,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,kBAAe;AAEhE,SAASC,UAAU,QAAQ,kBAAe;AAE1C,SAASC,eAAe,EAAEC,YAAY,QAAQ,wBAAqB","ignoreList":[]}
+{"version":3,"names":["useInteractionState","useInteractionStates","useAccessibilityFocus","useRestoreAccessibilityFocus","useDelayedLoading","useThrottledValue","usePressAnimation","mergeRefs","useHaptics","BloomHapticsProvider","useGutters","useImagePreload","preloadImage","useContainerWidth","moveItem","dragTarget","dragShift"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,4BAAyB;AACnF,SACEC,qBAAqB,EACrBC,4BAA4B,QACvB,8BAA2B;AAClC,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,SAAS,QAAQ,iBAAc;AACxC,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,kBAAe;AAEhE,SAASC,UAAU,QAAQ,kBAAe;AAE1C,SAASC,eAAe,EAAEC,YAAY,QAAQ,wBAAqB;AACnE,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,mBAAgB","ignoreList":[]}