@oxy.so/bloom 2.10.0 → 2.12.0

package/src/track-list/parts.tsx

@@ -1,7 +1,7 @@
-import React, { Fragment, memo, useMemo, useState } from 'react';
-import { Image, Pressable, View, type GestureResponderEvent } from 'react-native';
+import React, { Fragment, memo, useMemo } from 'react';
+import { Image, View, type GestureResponderEvent } from 'react-native';
 
-import { webDataSet } from '../checkbox/shared';
+import { GlyphButton } from '../button';
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -13,8 +13,6 @@ import { RiMore2Fill } from '../icons/remix/RiMore2Fill';
 import { RiMusic2Line } from '../icons/remix/RiMusic2Line';
 import { resolvePhoto } from '../listing-card/shared';
 import { useImageResolver } from '../image-resolver/context';
-import { borderRadius } from '../styles/tokens';
-import type { WebCssStyle } from '../styles/web-view-style';
 import type { WebAriaProps } from '../styles/styled-primitives';
 import { useTheme } from '../theme/use-theme';
 import { IS_WEB, resolveTrackListPaint } from './shared';
@@ -40,6 +38,9 @@ interface TrackIconButtonProps {
  * A 32px round glyph button: muted at rest, the text colour under the pointer,
  * `activeColor` while pressed. Colour change only. Its press never reaches the
  * row behind it.
+ *
+ * `button/GlyphButton` with this family's 32 box, 20 glyph and 0.4 disabled dim
+ * — the only thing left here is the row-press guard.
  */
 export function TrackIconButton({
   icon: Icon,
@@ -55,46 +56,31 @@ export function TrackIconButton({
 }: TrackIconButtonProps) {
   const theme = useTheme();
   const paint = useMemo(() => resolveTrackListPaint(theme), [theme]);
-  const [hovered, setHovered] = useState(false);
-  const color =
-    pressed && activeColor
-      ? activeColor
-      : hovered && !disabled
-        ? paint.text
-        : paint.textMuted;
-  const rootStyle: WebCssStyle = {
-    width: 32,
-    height: 32,
-    borderRadius: borderRadius.full,
-    alignItems: 'center',
-    justifyContent: 'center',
-    opacity: disabled ? 0.4 : 1,
-    '--bloom-track-ring': paint.ring,
-  };
-  const toggle = pressed !== undefined;
   return (
-    <Pressable
-      {...webDataSet({ bloomTrackFocusable: '' })}
+    <GlyphButton
       {...aria}
-      role="button"
+      icon={Icon}
+      size={32}
+      glyphSize={glyph}
       accessibilityLabel={accessibilityLabel}
-      {...(toggle ? { 'aria-pressed': pressed } : null)}
-      accessibilityState={{ disabled, ...(toggle ? { selected: pressed } : null) }}
-      aria-disabled={disabled || undefined}
       disabled={disabled}
-      onHoverIn={() => setHovered(true)}
-      onHoverOut={() => setHovered(false)}
+      pressed={pressed}
+      color={paint.textMuted}
+      hoverColor={paint.text}
+      // No `activeColor` means the toggle keeps the plain colours, which is what
+      // this drew before: `pressed && activeColor` was the whole condition.
+      activeColor={activeColor ?? paint.textMuted}
+      activeHoverColor={activeColor ?? paint.text}
+      fill="transparent"
+      hoverFill="transparent"
+      ring={paint.ring}
+      disabledOpacity={0.4}
       onPress={(event: GestureResponderEvent) => {
         if (IS_WEB) event.stopPropagation?.();
         onPress?.(event);
       }}
-      style={rootStyle}
       testID={testID}
-    >
-      <View pointerEvents="none" style={{ width: glyph, height: glyph }}>
-        <Icon width={glyph} height={glyph} fill={color} />
-      </View>
-    </Pressable>
+    />
   );
 }
 

package/src/track-list/shared.ts

@@ -199,24 +199,6 @@ export function nextSelection(
   return { selected: order.slice(from, to + 1), anchor };
 }
 
-/** The index a dragged row lands on after moving `dy` px through rows `rowHeight` tall. */
-export function reorderTarget(from: number, dy: number, rowHeight: number, count: number): number {
-  if (count <= 0 || rowHeight <= 0) return from;
-  const target = from + Math.round(dy / rowHeight);
-  return Math.min(count - 1, Math.max(0, target));
-}
-
-/**
- * How far row `index` shifts while row `from` is dragged over `to`: the rows
- * between close the gap the dragged row left and open one where it will land.
- */
-export function dragShift(index: number, from: number, to: number, rowHeight: number): number {
-  if (index === from) return 0;
-  if (from < to && index > from && index <= to) return -rowHeight;
-  if (to < from && index >= to && index < from) return rowHeight;
-  return 0;
-}
-
 // ---------------------------------------------------------------------------
 //  Web CSS — hover/focus reveals and focus rings have no inline spelling, so
 //  they hang off `dataSet` attributes in one adopted sheet.

package/src/track-list/types.ts

@@ -1,5 +1,6 @@
 import type { ComponentType } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { BloomIconComponent } from '../icons/icon-component';
 
 /**
  * The columns a track table can draw, in the order they are laid out.
@@ -51,7 +52,8 @@ export interface Track {
 }
 
 /** An icon component from `@oxy.so/bloom/icons` (`RiPlayListAddLine`). */
-export type TrackIconComponent = ComponentType<{ width?: number; height?: number; fill?: string }>;
+/** @deprecated Use `BloomIconComponent` from `@oxy.so/bloom/icons`; this is an alias of it. */
+export type TrackIconComponent = BloomIconComponent;
 
 export interface TrackMenuItem {
   key: string;

package/src/user-hover-card/UserHoverCard.tsx

@@ -23,6 +23,7 @@ import { resolveMenuPalette } from '../floating/menu-palette';
 import { useInsideHoverCardSurface } from '../hover-card/context';
 import { RiVerifiedBadgeFill } from '../icons/remix/RiVerifiedBadgeFill';
 import { useImageResolver } from '../image-resolver/context';
+import { isImageUrl } from '../image-resolver/is-image-url';
 import { SUPPORTS_NATIVE_DRIVER } from '../styles/native-driver';
 import type { WebCssStyle } from '../styles/web-view-style';
 import type { Theme } from '../theme/types';
@@ -107,16 +108,6 @@ export function resolveUserHoverCardPalette(theme: Theme): HoverCardPalette {
   };
 }
 
-function isUrl(value: string): boolean {
-  return (
-    value.startsWith('http://') ||
-    value.startsWith('https://') ||
-    value.startsWith('data:') ||
-    value.startsWith('blob:') ||
-    value.startsWith('file:')
-  );
-}
-
 /** Entrance only: the card is mounted when it is shown and unmounted to hide. */
 function useEntrance(enabled: boolean) {
   const reducedMotion = useReducedMotion();
@@ -202,7 +193,7 @@ const UserHoverCardComponent: React.FC<UserHoverCardProps> = ({
 
   const hasCover = typeof cover === 'string' && cover.length > 0;
   const coverUri = hasCover
-    ? isUrl(cover) ? cover : resolver?.(cover, coverVariant)
+    ? isImageUrl(cover) ? cover : resolver?.(cover, coverVariant)
     : undefined;
 
   const cardStyle: WebCssStyle = bare

package/src/wizard/WizardFooter.tsx

@@ -3,7 +3,6 @@ import { Platform, View } from 'react-native';
 
 import { Button } from '../button';
 import { resolveButtonRamps } from '../button/shared';
-import { FilterTextButton } from '../stay-filters/FilterTextButton';
 import { WEB_POSITION_STICKY, type WebCssStyle } from '../styles/web-view-style';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
@@ -70,12 +69,19 @@ function WizardFooterComponent({
     >
       {onBack ? (
         <View>
-          <FilterTextButton
-            label={backLabel}
+          <Button
+            variant="link"
+            linkTone="text"
+            underline="rest"
+            size="small"
+            textVariant="body-semibold"
+            style={{ paddingTop: 6, paddingBottom: 6, marginTop: -6, marginBottom: -6 }}
             onPress={onBack}
             disabled={backDisabled}
             testID={testID ? `${testID}-back` : undefined}
-          />
+          >
+            {backLabel}
+          </Button>
         </View>
       ) : (
         <View />

package/src/wizard/WizardProgress.tsx

@@ -1,10 +1,7 @@
-import React, { memo, useEffect, useMemo } from 'react';
-import { Platform, View } from 'react-native';
+import React, { memo } from 'react';
+import { View } from 'react-native';
 
-import { resolveButtonRamps } from '../button/shared';
-import { webDataSet } from '../checkbox/shared';
-import { adoptStyleSheet } from '../styles/adopt-style-sheet';
-import type { WebCssStyle } from '../styles/web-view-style';
+import { Meter } from '../stat-bar';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import type { WizardProgressProps } from './types';
@@ -14,39 +11,28 @@ import type { WizardProgressProps } from './types';
  * current step's title.
  *
  *   bar       one segment per step, 4 tall, 4 apart, radius 2, sharing the
- *             width equally. Track neutral-300 (dark neutral-700); fill
- *             text-primary. Done steps are full, the current step fills to
- *             `currentProgress`, later steps are empty.
+ *             width equally. Each segment is a `Meter`: track neutral-200
+ *             (dark neutral-700), fill the accent. Done steps are full, the
+ *             current step fills to `currentProgress`, later steps are empty.
  *   count     caption-1-medium, text-secondary, 16 under the bar ("Step 3 of 8"),
  *             with the optional `action` on its right
  *   title     title-2-semibold, text-primary, 4 under the count, a heading
  *   desc      body-regular, text-secondary, 4 under the title
  *
  * The fill eases its width over 300ms on web and snaps under reduced motion;
- * native snaps.
+ * native snaps. `Meter` owns that transition now — the duration rides in on a
+ * custom property, so the stylesheet is the one every meter shares.
  *
  * Accessibility: the bar is a `progressbar` over the whole flow —
  * `aria-valuemin` 0, `aria-valuemax` the step count, `aria-valuenow` the done
  * steps plus the current step's progress — named by the count and the title.
- * The segments themselves are hidden from assistive technology.
+ * The segments themselves are `decorative` meters: two nested progressbars
+ * would announce the same measurement twice.
  */
 
-const IS_WEB = Platform.OS === 'web';
 const SEGMENT_HEIGHT = 4;
 const SEGMENT_GAP = 4;
-
-const STYLE_ID = 'bloom-wizard-progress-web-css';
-const FILL = '[data-bloom-wizard-segment-fill]';
-const CSS = `
-${FILL} {
-  transition: width 300ms ease-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  ${FILL} {
-    transition: none;
-  }
-}
-`;
+const SEGMENT_TRANSITION_MS = 300;
 
 /** The fill fraction of each segment. Pure. */
 export function wizardSegmentFills(total: number, current: number, currentProgress: number): number[] {
@@ -70,10 +56,6 @@ function WizardProgressComponent({
   testID,
 }: WizardProgressProps) {
   const theme = useTheme();
-  useEffect(() => {
-    if (IS_WEB) adoptStyleSheet(STYLE_ID, CSS);
-  }, []);
-  const { neutral } = useMemo(() => resolveButtonRamps(theme), [theme]);
 
   const total = steps.length;
   const index = Math.min(Math.max(0, current), Math.max(0, total - 1));
@@ -82,7 +64,6 @@ function WizardProgressComponent({
   const done = fills.reduce((sum, fill) => sum + fill, 0);
   const countLine = formatStepCount(index + 1, total);
   const name = accessibilityLabel ?? (step ? `${countLine}, ${step.title}` : countLine);
-  const track = theme.isDark ? neutral[700] : neutral[300];
 
   return (
     <View testID={testID} style={[{ gap: 16 }, style]}>
@@ -97,30 +78,15 @@ function WizardProgressComponent({
         style={{ flexDirection: 'row', gap: SEGMENT_GAP }}
       >
         {fills.map((fill, i) => (
-          <View
+          <Meter
             key={steps[i]?.key ?? i}
-            aria-hidden
+            decorative
+            value={fill}
+            height={SEGMENT_HEIGHT}
+            transitionMs={SEGMENT_TRANSITION_MS}
             testID={testID ? `${testID}-segment-${i}` : undefined}
-            style={{
-              flex: 1,
-              height: SEGMENT_HEIGHT,
-              borderRadius: SEGMENT_HEIGHT / 2,
-              backgroundColor: track,
-              overflow: 'hidden',
-            }}
-          >
-            <View
-              {...webDataSet({ bloomWizardSegmentFill: '' })}
-              testID={testID ? `${testID}-segment-${i}-fill` : undefined}
-              style={
-                {
-                  width: `${fill * 100}%`,
-                  height: SEGMENT_HEIGHT,
-                  backgroundColor: theme.colors.text,
-                } satisfies WebCssStyle
-              }
-            />
-          </View>
+            style={{ flex: 1 }}
+          />
         ))}
       </View>
       <View style={{ gap: 4 }}>

package/lib/commonjs/listing-details/use-container-width.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContainerWidth = useContainerWidth;
-var _react = require("react");
-/**
- * The width a part was laid out at, or `null` before the first layout.
- *
- * Parts measure THEMSELVES rather than the window, so a listing page split
- * into a content column and a booking column picks its layout from the space
- * it actually has.
- */
-function useContainerWidth() {
-  const [width, setWidth] = (0, _react.useState)(null);
-  const onLayout = (0, _react.useCallback)(event => {
-    const next = Math.round(event.nativeEvent.layout.width);
-    setWidth(prev => prev === next ? prev : next);
-  }, []);
-  return {
-    width,
-    onLayout
-  };
-}
-//# sourceMappingURL=use-container-width.js.map

package/lib/commonjs/music-library/GlyphButton.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GlyphButton = GlyphButton;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _shared = require("../checkbox/shared.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); }
-/**
- * The family's round glyph-only control: transparent (or `fill`) at rest,
- * `hoverFill` under the pointer — a colour change only. With `pressedState` it
- * is a toggle and carries `aria-pressed` (web) and `accessibilityState.selected`
- * (native).
- */
-function GlyphButton({
-  label,
-  onPress,
-  size,
-  children,
-  fill,
-  hoverFill,
-  pressedState,
-  ring,
-  testID,
-  disabled
-}) {
-  const [hovered, setHovered] = (0, _react.useState)(false);
-  const style = {
-    width: size,
-    height: size,
-    borderRadius: _tokens.borderRadius.full,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: hovered ? hoverFill : fill,
-    '--bloom-music-ring': ring
-  };
-  const toggle = pressedState !== undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ...(0, _shared.webDataSet)({
-      bloomMusicFocusable: ''
-    }),
-    role: "button",
-    accessibilityLabel: label,
-    "aria-pressed": toggle ? pressedState : undefined,
-    accessibilityState: toggle ? {
-      selected: pressedState
-    } : undefined,
-    onPress: onPress,
-    disabled: disabled,
-    "aria-disabled": disabled || undefined,
-    onHoverIn: () => setHovered(true),
-    onHoverOut: () => setHovered(false),
-    style: style,
-    testID: testID,
-    children: children
-  });
-}
-//# sourceMappingURL=GlyphButton.js.map

package/lib/commonjs/music-library/GlyphButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GlyphButton","label","onPress","size","children","fill","hoverFill","pressedState","ring","testID","disabled","hovered","setHovered","useState","style","width","height","borderRadius","full","alignItems","justifyContent","backgroundColor","toggle","undefined","jsx","Pressable","webDataSet","bloomMusicFocusable","role","accessibilityLabel","accessibilityState","selected","onHoverIn","onHoverOut"],"sourceRoot":"../../../src","sources":["music-library/GlyphButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGhD;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,WAAWA,CAAC;EAC1BC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC,IAAI;EACJC,MAAM;EACNC;AAYF,CAAC,EAAE;EACD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC7C,MAAMC,KAAkB,GAAG;IACzBC,KAAK,EAAEZ,IAAI;IACXa,MAAM,EAAEb,IAAI;IACZc,YAAY,EAAEA,oBAAY,CAACC,IAAI;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAEV,OAAO,GAAGL,SAAS,GAAGD,IAAI;IAC3C,oBAAoB,EAAEG;EACxB,CAAC;EACD,MAAMc,MAAM,GAAGf,YAAY,KAAKgB,SAAS;EACzC,oBACE,IAAA3C,WAAA,CAAA4C,GAAA,EAAC/C,YAAA,CAAAgD,SAAS;IAAA,GACJ,IAAAC,kBAAU,EAAC;MAAEC,mBAAmB,EAAE;IAAG,CAAC,CAAC;IAC3CC,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAE5B,KAAM;IAC1B,gBAAcqB,MAAM,GAAGf,YAAY,GAAGgB,SAAU;IAChDO,kBAAkB,EAAER,MAAM,GAAG;MAAES,QAAQ,EAAExB;IAAa,CAAC,GAAGgB,SAAU;IACpErB,OAAO,EAAEA,OAAQ;IACjBQ,QAAQ,EAAEA,QAAS;IACnB,iBAAeA,QAAQ,IAAIa,SAAU;IACrCS,SAAS,EAAEA,CAAA,KAAMpB,UAAU,CAAC,IAAI,CAAE;IAClCqB,UAAU,EAAEA,CAAA,KAAMrB,UAAU,CAAC,KAAK,CAAE;IACpCE,KAAK,EAAEA,KAAM;IACbL,MAAM,EAAEA,MAAO;IAAAL,QAAA,EAEdA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}

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

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterTextButton = void 0;
-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 _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); }
-/**
- * The underlined text action of a filters surface ("Clear all", "Show more").
- * Internal.
- *
- *   label     body-semibold, text-primary, underlined
- *   hover     text-secondary (web pointer); press the same — colour only
- *   disabled  text-tertiary, not pressable
- *   target    8px of padding around the label, taken back out with negative
- *             margins so the underline still aligns with the content edge
- *
- * Why not `Button`: its `link` variant paints the accent (or neutral-500) and
- * underlines only on hover; here the underline IS the affordance at rest and the
- * label stays the reading colour, so it sits quietly beside the primary action.
- */const STYLE_ID = 'bloom-filter-text-button-web-css';
-const SELECTOR = '[data-bloom-filter-text-button]';
-const CSS = `
-${SELECTOR} {
-  outline: none;
-  cursor: pointer;
-}
-${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-filter-text-button-ring, currentColor);
-}
-`;
-const PAD = 8;
-function FilterTextButtonComponent({
-  label,
-  onPress,
-  disabled = false,
-  expanded,
-  testID
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  (0, _react.useEffect)(() => {
-    (0, _adoptStyleSheet.adoptStyleSheet)(STYLE_ID, CSS);
-  }, []);
-  const {
-    accent
-  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
-  const {
-    state: hovered,
-    onIn: onHoverIn,
-    onOut: onHoverOut
-  } = (0, _useInteractionState.useInteractionState)();
-  const {
-    state: pressed,
-    onIn: onPressIn,
-    onOut: onPressOut
-  } = (0, _useInteractionState.useInteractionState)();
-  const color = disabled ? theme.colors.textTertiary : hovered || pressed ? theme.colors.textSecondary : theme.colors.text;
-  const style = {
-    paddingTop: PAD,
-    paddingBottom: PAD,
-    paddingLeft: PAD,
-    paddingRight: PAD,
-    marginTop: -PAD,
-    marginBottom: -PAD,
-    marginLeft: -PAD,
-    marginRight: -PAD,
-    borderRadius: 8,
-    '--bloom-filter-text-button-ring': accent[500]
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    role: "button",
-    accessibilityLabel: label,
-    accessibilityState: expanded === undefined ? {
-      disabled
-    } : {
-      disabled,
-      expanded
-    },
-    "aria-expanded": expanded,
-    "aria-disabled": disabled || undefined,
-    disabled: disabled,
-    onPress: onPress,
-    onPressIn: onPressIn,
-    onPressOut: onPressOut,
-    onHoverIn: onHoverIn,
-    onHoverOut: onHoverOut,
-    testID: testID,
-    ...(0, _shared2.webDataSet)({
-      bloomFilterTextButton: ''
-    }),
-    style: style,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "body-semibold",
-      style: {
-        color,
-        textDecorationLine: 'underline'
-      },
-      children: label
-    })
-  });
-}
-const FilterTextButton = exports.FilterTextButton = /*#__PURE__*/(0, _react.memo)(FilterTextButtonComponent);
-FilterTextButton.displayName = 'FilterTextButton';
-//# sourceMappingURL=FilterTextButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_shared2","_useInteractionState","_adoptStyleSheet","_useTheme","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","STYLE_ID","SELECTOR","CSS","FOCUS_RING_OFFSET_COLOR","PAD","FilterTextButtonComponent","label","onPress","disabled","expanded","testID","theme","useTheme","useEffect","adoptStyleSheet","accent","useMemo","resolveButtonRamps","state","hovered","onIn","onHoverIn","onOut","onHoverOut","useInteractionState","pressed","onPressIn","onPressOut","color","colors","textTertiary","textSecondary","text","style","paddingTop","paddingBottom","paddingLeft","paddingRight","marginTop","marginBottom","marginLeft","marginRight","borderRadius","jsx","Pressable","role","accessibilityLabel","accessibilityState","undefined","webDataSet","bloomFilterTextButton","children","Text","variant","textDecorationLine","FilterTextButton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["stay-filters/FilterTextButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/listing-details/use-container-width.js

@@ -1,22 +0,0 @@
-"use strict";
-
-import { useCallback, useState } from 'react';
-/**
- * The width a part was laid out at, or `null` before the first layout.
- *
- * Parts measure THEMSELVES rather than the window, so a listing page split
- * into a content column and a booking column picks its layout from the space
- * it actually has.
- */
-export function useContainerWidth() {
-  const [width, setWidth] = useState(null);
-  const onLayout = useCallback(event => {
-    const next = Math.round(event.nativeEvent.layout.width);
-    setWidth(prev => prev === next ? prev : next);
-  }, []);
-  return {
-    width,
-    onLayout
-  };
-}
-//# sourceMappingURL=use-container-width.js.map

package/lib/module/music-library/GlyphButton.js

@@ -1,57 +0,0 @@
-"use strict";
-
-import React, { useState } from 'react';
-import { Pressable } from 'react-native';
-import { webDataSet } from "../checkbox/shared.js";
-import { borderRadius } from "../styles/tokens.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * The family's round glyph-only control: transparent (or `fill`) at rest,
- * `hoverFill` under the pointer — a colour change only. With `pressedState` it
- * is a toggle and carries `aria-pressed` (web) and `accessibilityState.selected`
- * (native).
- */
-export function GlyphButton({
-  label,
-  onPress,
-  size,
-  children,
-  fill,
-  hoverFill,
-  pressedState,
-  ring,
-  testID,
-  disabled
-}) {
-  const [hovered, setHovered] = useState(false);
-  const style = {
-    width: size,
-    height: size,
-    borderRadius: borderRadius.full,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: hovered ? hoverFill : fill,
-    '--bloom-music-ring': ring
-  };
-  const toggle = pressedState !== undefined;
-  return /*#__PURE__*/_jsx(Pressable, {
-    ...webDataSet({
-      bloomMusicFocusable: ''
-    }),
-    role: "button",
-    accessibilityLabel: label,
-    "aria-pressed": toggle ? pressedState : undefined,
-    accessibilityState: toggle ? {
-      selected: pressedState
-    } : undefined,
-    onPress: onPress,
-    disabled: disabled,
-    "aria-disabled": disabled || undefined,
-    onHoverIn: () => setHovered(true),
-    onHoverOut: () => setHovered(false),
-    style: style,
-    testID: testID,
-    children: children
-  });
-}
-//# sourceMappingURL=GlyphButton.js.map

package/lib/module/music-library/GlyphButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","Pressable","webDataSet","borderRadius","jsx","_jsx","GlyphButton","label","onPress","size","children","fill","hoverFill","pressedState","ring","testID","disabled","hovered","setHovered","style","width","height","full","alignItems","justifyContent","backgroundColor","toggle","undefined","bloomMusicFocusable","role","accessibilityLabel","accessibilityState","selected","onHoverIn","onHoverOut"],"sourceRoot":"../../../src","sources":["music-library/GlyphButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,UAAU,QAAQ,uBAAoB;AAC/C,SAASC,YAAY,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC,IAAI;EACJC,MAAM;EACNC;AAYF,CAAC,EAAE;EACD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMmB,KAAkB,GAAG;IACzBC,KAAK,EAAEX,IAAI;IACXY,MAAM,EAAEZ,IAAI;IACZN,YAAY,EAAEA,YAAY,CAACmB,IAAI;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAER,OAAO,GAAGL,SAAS,GAAGD,IAAI;IAC3C,oBAAoB,EAAEG;EACxB,CAAC;EACD,MAAMY,MAAM,GAAGb,YAAY,KAAKc,SAAS;EACzC,oBACEtB,IAAA,CAACJ,SAAS;IAAA,GACJC,UAAU,CAAC;MAAE0B,mBAAmB,EAAE;IAAG,CAAC,CAAC;IAC3CC,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAEvB,KAAM;IAC1B,gBAAcmB,MAAM,GAAGb,YAAY,GAAGc,SAAU;IAChDI,kBAAkB,EAAEL,MAAM,GAAG;MAAEM,QAAQ,EAAEnB;IAAa,CAAC,GAAGc,SAAU;IACpEnB,OAAO,EAAEA,OAAQ;IACjBQ,QAAQ,EAAEA,QAAS;IACnB,iBAAeA,QAAQ,IAAIW,SAAU;IACrCM,SAAS,EAAEA,CAAA,KAAMf,UAAU,CAAC,IAAI,CAAE;IAClCgB,UAAU,EAAEA,CAAA,KAAMhB,UAAU,CAAC,KAAK,CAAE;IACpCC,KAAK,EAAEA,KAAM;IACbJ,MAAM,EAAEA,MAAO;IAAAL,QAAA,EAEdA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}