@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/module/map-attribution/shared.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ * What the small print paints, and how it reads aloud. Pure, so a gate can walk
+ * every preset x mode without rendering.
+ */
+import { hairlineOn, resolveSurfaceLevel, surfaceTextOn } from "../styles/surface-levels.js";
+/**
+ * Measured against the ISLAND's fill, not against the page and not against the
+ * map.
+ *
+ * The map is content Bloom does not own — it can be a night satellite tile, a
+ * white street map or a photograph — so no text rung can be floored against it.
+ * The island's rung 1 fill is a surface Bloom DOES own, which is the whole
+ * reason the small print sits on one: over a photo the credit stays legible
+ * because it is not on the photo.
+ *
+ * The rule takes the GRAPHICAL rung (3:1) rather than a text one: a scale bar
+ * is a line, and flooring it at text contrast would make the quietest thing on
+ * the map the loudest thing on the strip.
+ */
+export function resolveMapAttributionPaint(theme) {
+  const level = resolveSurfaceLevel(theme, 1);
+  const text = surfaceTextOn(theme, level.background);
+  return {
+    surface: level.background,
+    rule: text.textGraphical,
+    border: hairlineOn(theme, level.background),
+    ...text
+  };
+}
+
+/**
+ * "Scale, 500 m, 1000 ft".
+ *
+ * A bar and two ticks say nothing aloud, and the reading beside them is a
+ * number with no noun — "500 m" on its own is as likely to be a distance to
+ * somewhere as a scale. The word comes first so it is the first thing heard.
+ */
+export function describeScale(scales, scaleLabel = 'Scale') {
+  const readings = scales.map(scale => scale.label).filter(Boolean);
+  if (readings.length === 0) return scaleLabel;
+  return `${scaleLabel}, ${readings.join(', ')}`;
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/map-attribution/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hairlineOn","resolveSurfaceLevel","surfaceTextOn","resolveMapAttributionPaint","theme","level","text","background","surface","rule","textGraphical","border","describeScale","scales","scaleLabel","readings","map","scale","label","filter","Boolean","length","join"],"sourceRoot":"../../../src","sources":["map-attribution/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SACEA,UAAU,EACVC,mBAAmB,EACnBC,aAAa,QAER,6BAA0B;AAajC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAACC,KAAY,EAAuB;EAC5E,MAAMC,KAAK,GAAGJ,mBAAmB,CAACG,KAAK,EAAE,CAAC,CAAC;EAC3C,MAAME,IAAI,GAAGJ,aAAa,CAACE,KAAK,EAAEC,KAAK,CAACE,UAAU,CAAC;EACnD,OAAO;IACLC,OAAO,EAAEH,KAAK,CAACE,UAAU;IACzBE,IAAI,EAAEH,IAAI,CAACI,aAAa;IACxBC,MAAM,EAAEX,UAAU,CAACI,KAAK,EAAEC,KAAK,CAACE,UAAU,CAAC;IAC3C,GAAGD;EACL,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,aAAaA,CAACC,MAA2B,EAAEC,UAAkB,GAAG,OAAO,EAAU;EAC/F,MAAMC,QAAQ,GAAGF,MAAM,CAACG,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;EACnE,IAAIL,QAAQ,CAACM,MAAM,KAAK,CAAC,EAAE,OAAOP,UAAU;EAC5C,OAAO,GAAGA,UAAU,KAAKC,QAAQ,CAACO,IAAI,CAAC,IAAI,CAAC,EAAE;AAChD","ignoreList":[]}

package/lib/module/map-attribution/types.js

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

package/lib/module/map-attribution/types.js.map

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

package/lib/module/map-controls/MapCompass.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React, { memo, useContext } from 'react';
+import { View } from 'react-native';
+import { ButtonGroupItem } from "../button-group/index.js";
+import { GlassIsland } from "../glass/index.js";
+import { RiCompass3Line } from "../icons/remix/RiCompass3Line.js";
+import { MAP_CONTROL_BOX, MAP_CONTROLS_GEOMETRY } from "./constants.js";
+import { MapHeadingContext } from "./context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The compass that floats over a map: a needle that keeps pointing at north
+ * while the map turns under it, and a press that puts the map back.
+ *
+ *   island   `GlassIsland` — one translucent capsule over content Bloom does
+ *            not own. It mounts the `ControlSurface` the item inside reads, so
+ *            the button paints flush with no `variant` written on it.
+ *   control  `ButtonGroupItem`, the island-aware control, at the 44 map rung.
+ *   needle   `RiCompass3Line` turned by MINUS the heading. The map rotates
+ *            clockwise by `heading`; the needle rotates back by the same amount
+ *            and so stays pointing north, which is the only thing a compass is
+ *            for.
+ *
+ * IT HIDES ITSELF AT NORTH by default. A compass on a map that is already
+ * pointing north is a control whose press changes nothing, and a reader has to
+ * press it to find that out.
+ */
+
+/**
+ * The needle, at module scope so its identity never changes — see
+ * `context.ts` for why the heading arrives through a context rather than
+ * through a component built per frame.
+ */
+const CompassNeedle = ({
+  width,
+  height,
+  fill
+}) => {
+  const heading = useContext(MapHeadingContext);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      transform: [{
+        rotate: `${-heading}deg`
+      }]
+    },
+    children: /*#__PURE__*/_jsx(RiCompass3Line, {
+      width: width,
+      height: height,
+      fill: fill
+    })
+  });
+};
+CompassNeedle.displayName = 'CompassNeedle';
+function MapCompassComponent({
+  heading,
+  onPress,
+  hideAtNorth = true,
+  disabled = false,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const pointsNorth = Math.abs((heading % 360 + 360) % 360) <= MAP_CONTROLS_GEOMETRY.northTolerance;
+  if (hideAtNorth && pointsNorth) return null;
+  const name = accessibilityLabel ?? `Facing ${Math.round(heading)} degrees. Reset to north`;
+  return /*#__PURE__*/_jsx(MapHeadingContext.Provider, {
+    value: heading,
+    children: /*#__PURE__*/_jsx(GlassIsland, {
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: CompassNeedle,
+        accessibilityLabel: name,
+        onPress: onPress,
+        disabled: disabled,
+        style: MAP_CONTROL_BOX,
+        testID: testID ? `${testID}-button` : undefined
+      })
+    })
+  });
+}
+export const MapCompass = /*#__PURE__*/memo(MapCompassComponent);
+MapCompass.displayName = 'MapCompass';
+//# sourceMappingURL=MapCompass.js.map

package/lib/module/map-controls/MapCompass.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useContext","View","ButtonGroupItem","GlassIsland","RiCompass3Line","MAP_CONTROL_BOX","MAP_CONTROLS_GEOMETRY","MapHeadingContext","jsx","_jsx","CompassNeedle","width","height","fill","heading","style","transform","rotate","children","displayName","MapCompassComponent","onPress","hideAtNorth","disabled","accessibilityLabel","testID","pointsNorth","Math","abs","northTolerance","name","round","Provider","value","iconOnly","leadingIcon","undefined","MapCompass"],"sourceRoot":"../../../src","sources":["map-controls/MapCompass.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,eAAe,QAAQ,0BAAiB;AACjD,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,cAAc,QAAQ,kCAA+B;AAE9D,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,gBAAa;AACpE,SAASC,iBAAiB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAiC,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAK,CAAC,KAAK;EACrE,MAAMC,OAAO,GAAGd,UAAU,CAACO,iBAAiB,CAAC;EAC7C,oBACEE,IAAA,CAACR,IAAI;IAACc,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE,GAAG,CAACH,OAAO;MAAM,CAAC;IAAE,CAAE;IAAAI,QAAA,eACzDT,IAAA,CAACL,cAAc;MAACO,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA,MAAO;MAACC,IAAI,EAAEA;IAAK,CAAE;EAAC,CACxD,CAAC;AAEX,CAAC;AACDH,aAAa,CAACS,WAAW,GAAG,eAAe;AAE3C,SAASC,mBAAmBA,CAAC;EAC3BN,OAAO;EACPO,OAAO;EACPC,WAAW,GAAG,IAAI;EAClBC,QAAQ,GAAG,KAAK;EAChBC,kBAAkB;EAClBT,KAAK;EACLU;AACe,CAAC,EAAE;EAClB,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAEd,OAAO,GAAG,GAAG,GAAI,GAAG,IAAI,GAAG,CAAC,IAAIR,qBAAqB,CAACuB,cAAc;EACnG,IAAIP,WAAW,IAAII,WAAW,EAAE,OAAO,IAAI;EAE3C,MAAMI,IAAI,GAAGN,kBAAkB,IAAI,UAAUG,IAAI,CAACI,KAAK,CAACjB,OAAO,CAAC,0BAA0B;EAE1F,oBACEL,IAAA,CAACF,iBAAiB,CAACyB,QAAQ;IAACC,KAAK,EAAEnB,OAAQ;IAAAI,QAAA,eACzCT,IAAA,CAACN,WAAW;MAACY,KAAK,EAAEA,KAAM;MAACU,MAAM,EAAEA,MAAO;MAAAP,QAAA,eACxCT,IAAA,CAACP,eAAe;QACdgC,QAAQ;QACRC,WAAW,EAAEzB,aAAc;QAC3Bc,kBAAkB,EAAEM,IAAK;QACzBT,OAAO,EAAEA,OAAQ;QACjBE,QAAQ,EAAEA,QAAS;QACnBR,KAAK,EAAEV,eAAgB;QACvBoB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGW;MAAU,CACjD;IAAC,CACS;EAAC,CACY,CAAC;AAEjC;AAEA,OAAO,MAAMC,UAAU,gBAAGtC,IAAI,CAACqB,mBAAmB,CAAC;AACnDiB,UAAU,CAAClB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/map-controls/MapControls.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { ButtonGroupItem } from "../button-group/index.js";
+import { GlassIsland } from "../glass/index.js";
+import { RiAddLine } from "../icons/remix/RiAddLine.js";
+import { RiBox3Line } from "../icons/remix/RiBox3Line.js";
+import { RiFocus3Line } from "../icons/remix/RiFocus3Line.js";
+import { RiSubtractLine } from "../icons/remix/RiSubtractLine.js";
+import { MAP_CONTROL_BOX, MAP_CONTROLS_GEOMETRY } from "./constants.js";
+import { MapCompass } from "./MapCompass.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The chrome that floats over a map — locate, compass, zoom, tilt — as a
+ * column of translucent capsules.
+ *
+ *   island   every group is a `GlassIsland`: rung 1 of the surface ladder at
+ *            the chrome alpha, with the material's own hairline and shadow.
+ *            One capsule per GROUP, so the column reads as separate controls
+ *            rather than as one bar — which is exactly what the island was
+ *            written for.
+ *   control  `ButtonGroupItem` at 44 square. It is Bloom's island-aware
+ *            control: it reads the `material` the island publishes through
+ *            `ControlSurface` and paints flush, with no `variant` written on
+ *            it, and it carries a toggle's `aria-pressed` and native selected
+ *            state in one prop.
+ *   zoom     ONE island, two items, laid out in a column. The island's `style`
+ *            is where that is said; nothing else about it changes.
+ *   stack    44 controls, 8 apart, hugging whichever edge `align` names.
+ *
+ * WHY NOT `FrostedIconButton`: it is one of the three glass materials Bloom
+ * grew independently, and `glass/` exists so there is not a fourth. Two glass
+ * recipes side by side in one stack is the drift the island was written to
+ * end, so the whole stack is one material. A single frosted button over a
+ * photograph is still the right control where there is no island.
+ *
+ * WHAT THIS DOES NOT DO: it never touches a map. Every control is a callback,
+ * every state is a prop, and there is no engine, no projection and no tile
+ * here — the app owns the map and tells the chrome what it is doing.
+ *
+ * The `MapLayerPicker` is not a prop: it is an island of its own, placed in
+ * `children`, so an app can put it above the stack, below it, or somewhere
+ * else entirely without this component growing a placement vocabulary.
+ */
+function MapControlsComponent({
+  onLocate,
+  following,
+  heading,
+  onResetNorth,
+  hideCompassAtNorth = true,
+  onZoomIn,
+  onZoomOut,
+  canZoomIn = true,
+  canZoomOut = true,
+  onTiltChange,
+  tilted,
+  children,
+  align = 'end',
+  labels,
+  style,
+  testID
+}) {
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const zoomLabel = labels?.zoom ?? 'Zoom';
+  const zoomable = onZoomIn !== undefined && onZoomOut !== undefined;
+  return /*#__PURE__*/_jsxs(View, {
+    role: "group",
+    accessibilityLabel: labels?.group ?? 'Map controls',
+    testID: testID,
+    style: [{
+      alignItems: align === 'start' ? 'flex-start' : 'flex-end',
+      gap: MAP_CONTROLS_GEOMETRY.gap
+    }, style],
+    children: [onLocate ? /*#__PURE__*/_jsx(GlassIsland, {
+      testID: id('locate-island'),
+      children: /*#__PURE__*/_jsx(ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: RiFocus3Line,
+        selected: following,
+        accessibilityLabel: following ? labels?.following ?? 'Stop following my location' : labels?.locate ?? 'Show my location',
+        onPress: onLocate,
+        style: MAP_CONTROL_BOX,
+        testID: id('locate')
+      })
+    }) : null, onResetNorth && heading !== undefined ? /*#__PURE__*/_jsx(MapCompass, {
+      heading: heading,
+      onPress: onResetNorth,
+      hideAtNorth: hideCompassAtNorth,
+      testID: id('compass')
+    }) : null, zoomable ? /*#__PURE__*/_jsxs(GlassIsland, {
+      role: "group",
+      accessibilityLabel: zoomLabel,
+      style: {
+        flexDirection: 'column'
+      },
+      testID: id('zoom'),
+      children: [/*#__PURE__*/_jsx(ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: RiAddLine,
+        accessibilityLabel: labels?.zoomIn ?? 'Zoom in',
+        onPress: onZoomIn,
+        disabled: !canZoomIn,
+        style: MAP_CONTROL_BOX,
+        testID: id('zoom-in')
+      }), /*#__PURE__*/_jsx(ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: RiSubtractLine,
+        accessibilityLabel: labels?.zoomOut ?? 'Zoom out',
+        onPress: onZoomOut,
+        disabled: !canZoomOut,
+        style: MAP_CONTROL_BOX,
+        testID: id('zoom-out')
+      })]
+    }) : null, onTiltChange ? /*#__PURE__*/_jsx(GlassIsland, {
+      testID: id('tilt-island'),
+      children: /*#__PURE__*/_jsx(ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: RiBox3Line,
+        selected: tilted ?? false,
+        accessibilityLabel: tilted ? labels?.tiltOff ?? 'Flatten the map' : labels?.tilt ?? 'Tilt the map',
+        onPress: () => onTiltChange(!tilted),
+        style: MAP_CONTROL_BOX,
+        testID: id('tilt')
+      })
+    }) : null, children]
+  });
+}
+export const MapControls = /*#__PURE__*/memo(MapControlsComponent);
+MapControls.displayName = 'MapControls';
+//# sourceMappingURL=MapControls.js.map

package/lib/module/map-controls/MapControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","ButtonGroupItem","GlassIsland","RiAddLine","RiBox3Line","RiFocus3Line","RiSubtractLine","MAP_CONTROL_BOX","MAP_CONTROLS_GEOMETRY","MapCompass","jsx","_jsx","jsxs","_jsxs","MapControlsComponent","onLocate","following","heading","onResetNorth","hideCompassAtNorth","onZoomIn","onZoomOut","canZoomIn","canZoomOut","onTiltChange","tilted","children","align","labels","style","testID","id","part","undefined","zoomLabel","zoom","zoomable","role","accessibilityLabel","group","alignItems","gap","iconOnly","leadingIcon","selected","locate","onPress","hideAtNorth","flexDirection","zoomIn","disabled","zoomOut","tiltOff","tilt","MapControls","displayName"],"sourceRoot":"../../../src","sources":["map-controls/MapControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/map-controls/MapLayerPicker.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { ButtonGroupItem } from "../button-group/index.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../dropdown-menu';
+import { GlassIsland } from "../glass/index.js";
+import { RiStackLine } from "../icons/remix/RiStackLine.js";
+import { MAP_CONTROL_BOX } from "./constants.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What the map is DRAWN as, and what is drawn ON it.
+ *
+ * Two vocabularies in one menu, because they are two questions a reader asks in
+ * the same breath and they answer differently:
+ *
+ *   map types   exactly one — standard, satellite, transit. A
+ *               `DropdownMenuRadioGroup`, so the announced tree is a radio
+ *               group and the chosen one carries `aria-checked`.
+ *   overlays    any number — traffic, bike lanes. `DropdownMenuCheckboxItem`s,
+ *               each its own checkbox.
+ *
+ * Neither is a control this family wrote. The rows, the indicators, the
+ * keyboard handling, the dismissal and the anchoring are `dropdown-menu`'s; the
+ * trigger is a `ButtonGroupItem` composed through `asChild`, which is why it
+ * announces its own expanded state; and the capsule it sits in is the same
+ * `GlassIsland` every other map control sits in, so the picker lands in the
+ * stack as one more island rather than as a different kind of thing.
+ */
+function MapLayerPickerComponent({
+  layers,
+  layerId,
+  onLayerChange,
+  overlays,
+  activeOverlayIds,
+  onOverlayChange,
+  icon = RiStackLine,
+  disabled = false,
+  open,
+  defaultOpen,
+  onOpenChange,
+  labels,
+  style,
+  testID
+}) {
+  const triggerLabel = labels?.trigger ?? 'Map layers';
+  const layersLabel = labels?.layers ?? 'Map';
+  const overlaysLabel = labels?.overlays ?? 'Overlays';
+  const active = new Set(activeOverlayIds ?? []);
+  return /*#__PURE__*/_jsxs(DropdownMenu, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/_jsx(GlassIsland, {
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(DropdownMenuTrigger, {
+        asChild: true,
+        label: triggerLabel,
+        disabled: disabled,
+        children: /*#__PURE__*/_jsx(ButtonGroupItem, {
+          iconOnly: true,
+          leadingIcon: icon,
+          accessibilityLabel: triggerLabel,
+          disabled: disabled,
+          style: MAP_CONTROL_BOX,
+          testID: testID ? `${testID}-trigger` : undefined
+        })
+      })
+    }), /*#__PURE__*/_jsxs(DropdownMenuContent, {
+      label: triggerLabel,
+      testID: testID ? `${testID}-content` : undefined,
+      children: [/*#__PURE__*/_jsx(DropdownMenuLabel, {
+        children: layersLabel
+      }), /*#__PURE__*/_jsx(DropdownMenuRadioGroup, {
+        value: layerId,
+        onValueChange: next => onLayerChange?.(next),
+        children: layers.map(layer => /*#__PURE__*/_jsx(DropdownMenuRadioItem, {
+          value: layer.id,
+          trailing: layer.icon ? /*#__PURE__*/_jsx(layer.icon, {
+            width: 16,
+            height: 16
+          }) : undefined,
+          testID: testID ? `${testID}-layer-${layer.id}` : undefined,
+          children: layer.label
+        }, layer.id))
+      }), overlays && overlays.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(DropdownMenuSeparator, {}), /*#__PURE__*/_jsx(DropdownMenuLabel, {
+          children: overlaysLabel
+        }), overlays.map(overlay => /*#__PURE__*/_jsx(DropdownMenuCheckboxItem, {
+          checked: active.has(overlay.id),
+          onCheckedChange: next => onOverlayChange?.(overlay.id, next),
+          trailing: overlay.icon ? /*#__PURE__*/_jsx(overlay.icon, {
+            width: 16,
+            height: 16
+          }) : undefined,
+          testID: testID ? `${testID}-overlay-${overlay.id}` : undefined,
+          children: overlay.label
+        }, overlay.id))]
+      }) : null]
+    })]
+  });
+}
+export const MapLayerPicker = /*#__PURE__*/memo(MapLayerPickerComponent);
+MapLayerPicker.displayName = 'MapLayerPicker';
+//# sourceMappingURL=MapLayerPicker.js.map

package/lib/module/map-controls/MapLayerPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","ButtonGroupItem","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuTrigger","GlassIsland","RiStackLine","MAP_CONTROL_BOX","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MapLayerPickerComponent","layers","layerId","onLayerChange","overlays","activeOverlayIds","onOverlayChange","icon","disabled","open","defaultOpen","onOpenChange","labels","style","testID","triggerLabel","trigger","layersLabel","overlaysLabel","active","Set","children","asChild","label","iconOnly","leadingIcon","accessibilityLabel","undefined","value","onValueChange","next","map","layer","id","trailing","width","height","length","overlay","checked","has","onCheckedChange","MapLayerPicker","displayName"],"sourceRoot":"../../../src","sources":["map-controls/MapLayerPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/map-controls/constants.js

@@ -0,0 +1,24 @@
+"use strict";
+
+/**
+ * 44 is the target, not the 34 the button group's `medium` rung draws.
+ *
+ * A group rung is sized for a toolbar standing beside other chrome, where the
+ * row as a whole is the target a finger aims at. A map control is a LONE
+ * circle over a moving map with a finger already on the glass, and 34 is under
+ * every platform's minimum. The item takes the size through its own `style`,
+ * which is the override `ButtonGroupItem` publishes — nothing about its fill,
+ * its hover, its press or its focus ring changes.
+ */
+export const MAP_CONTROLS_GEOMETRY = {
+  control: 44,
+  gap: 8,
+  northTolerance: 0.5
+};
+
+/** The square every control in the stack takes. */
+export const MAP_CONTROL_BOX = {
+  width: MAP_CONTROLS_GEOMETRY.control,
+  height: MAP_CONTROLS_GEOMETRY.control
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/map-controls/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAP_CONTROLS_GEOMETRY","control","gap","northTolerance","MAP_CONTROL_BOX","width","height"],"sourceRoot":"../../../src","sources":["map-controls/constants.ts"],"mappings":";;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,qBAA0C,GAAG;EACxDC,OAAO,EAAE,EAAE;EACXC,GAAG,EAAE,CAAC;EACNC,cAAc,EAAE;AAClB,CAAC;;AAED;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,KAAK,EAAEL,qBAAqB,CAACC,OAAO;EACpCK,MAAM,EAAEN,qBAAqB,CAACC;AAChC,CAAU","ignoreList":[]}

package/lib/module/map-controls/context.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { createContext } from 'react';
+
+/**
+ * The map's heading, in degrees clockwise from north, for the compass needle.
+ *
+ * WHY A CONTEXT FOR ONE NUMBER: `ButtonGroupItem` takes its glyph as a
+ * COMPONENT (`leadingIcon={RiCompass3Line}`), and a needle has to rotate. A
+ * component built from the heading would be a new component TYPE on every
+ * degree, so React would unmount and remount the SVG on every frame of a map
+ * rotation. A module-scope component reading the heading from here keeps one
+ * identity for the life of the control, and only the needle re-renders.
+ */
+export const MapHeadingContext = /*#__PURE__*/createContext(0);
+//# sourceMappingURL=context.js.map

package/lib/module/map-controls/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","MapHeadingContext"],"sourceRoot":"../../../src","sources":["map-controls/context.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,gBAAGD,aAAa,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/map-controls/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { MapControls } from "./MapControls.js";
+export { MapCompass } from "./MapCompass.js";
+export { MapLayerPicker } from "./MapLayerPicker.js";
+export { MAP_CONTROL_BOX, MAP_CONTROLS_GEOMETRY } from "./constants.js";
+//# sourceMappingURL=index.js.map

package/lib/module/map-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MapControls","MapCompass","MapLayerPicker","MAP_CONTROL_BOX","MAP_CONTROLS_GEOMETRY"],"sourceRoot":"../../../src","sources":["map-controls/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/map-controls/types.js

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

package/lib/module/map-controls/types.js.map

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