@cellarnode/ui 0.209.2 → 0.210.0

package/dist/globe/svg-globe.css

@@ -0,0 +1,247 @@
+.cn-svg-globe {
+  --svg-globe-light: oklch(0.3 0.045 168);
+  --svg-globe-dark: oklch(0.23 0.04 168);
+  --svg-globe-demand: oklch(0.82 0.1 150);
+  --svg-globe-land: oklch(0.31 0.055 166);
+  --svg-globe-outline: oklch(0.23 0.04 168);
+  --svg-globe-selected: oklch(0.98 0.01 120);
+  --svg-globe-arc: oklch(0.82 0.1 90);
+  --svg-globe-offer: oklch(0.78 0.12 225);
+  --svg-globe-text: oklch(0.98 0.01 120);
+  --svg-globe-muted: oklch(0.68 0.03 160);
+  position: relative;
+  display: block;
+  width: 100%;
+  min-width: 0;
+  min-height: 15rem;
+  overflow: hidden;
+  color: var(--svg-globe-text);
+  isolation: isolate;
+}
+
+.cn-svg-globe__canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-height: 15rem;
+  aspect-ratio: 1;
+  overflow: visible;
+  touch-action: none;
+  user-select: none;
+  cursor: grab;
+}
+
+.cn-svg-globe__canvas:active {
+  cursor: grabbing;
+}
+
+.cn-svg-globe__sphere {
+  stroke: var(--svg-globe-outline);
+  stroke-width: 0.75;
+}
+
+.cn-svg-globe__graticule {
+  fill: none;
+  stroke: var(--svg-globe-text);
+  stroke-opacity: 0.15;
+  stroke-width: 0.55;
+  pointer-events: none;
+}
+
+.cn-svg-globe__country {
+  outline: none;
+  transition: fill-opacity 160ms ease, stroke 160ms ease;
+}
+
+.cn-svg-globe__country[data-selected="true"] {
+  filter: drop-shadow(0 0 2px color-mix(in srgb, var(--svg-globe-selected) 72%, transparent));
+}
+
+.cn-svg-globe__country:focus-visible {
+  stroke: var(--svg-globe-selected);
+  stroke-width: 2.4;
+}
+
+.cn-svg-globe__arc {
+  fill: none;
+  stroke: var(--svg-globe-arc);
+  stroke-width: 1.65;
+  stroke-dasharray: 4 7;
+  stroke-dashoffset: var(--svg-globe-arc-phase, 0px);
+  stroke-linecap: round;
+  opacity: 0.82;
+  pointer-events: none;
+  animation: cn-svg-globe-arc-flow 4s linear infinite;
+}
+
+.cn-svg-globe__arc[data-arc-kind="offer"] {
+  stroke: var(--svg-globe-offer);
+}
+
+.cn-svg-globe__pin {
+  cursor: pointer;
+  outline: none;
+}
+
+.cn-svg-globe__pin-leader {
+  stroke: var(--svg-globe-demand);
+  stroke-opacity: 0.7;
+  stroke-width: 1;
+  pointer-events: none;
+}
+
+.cn-svg-globe__pin-halo {
+  fill: var(--svg-globe-demand);
+  opacity: 0.18;
+  pointer-events: none;
+}
+
+.cn-svg-globe__pin-core {
+  fill: var(--svg-globe-dark);
+  stroke: var(--svg-globe-demand);
+  stroke-width: 2;
+}
+
+.cn-svg-globe__pin-core[data-selected="true"] {
+  stroke: var(--svg-globe-selected);
+  stroke-width: 3;
+}
+
+.cn-svg-globe__pin text {
+  fill: var(--svg-globe-text);
+  font: 600 10px/1 ui-sans-serif, system-ui, sans-serif;
+  pointer-events: none;
+}
+
+.cn-svg-globe__pin:focus-visible .cn-svg-globe__pin-core {
+  stroke: var(--svg-globe-selected);
+  stroke-width: 3;
+}
+
+.cn-svg-globe__home {
+  fill: var(--svg-globe-selected);
+  stroke: var(--svg-globe-dark);
+  stroke-width: 1.5;
+  pointer-events: none;
+}
+
+.cn-svg-globe__tooltip {
+  position: absolute;
+  z-index: 1;
+  top: 0.75rem;
+  left: 50%;
+  display: flex;
+  max-width: min(85%, 22rem);
+  flex-direction: column;
+  align-items: center;
+  gap: 0.15rem;
+  padding: 0.5rem 0.75rem;
+  transform: translateX(-50%);
+  border: 1px solid color-mix(in srgb, var(--svg-globe-text) 22%, transparent);
+  border-radius: 0.65rem;
+  background: var(--svg-globe-dark);
+  color: var(--svg-globe-text);
+  text-align: center;
+  font-size: 0.75rem;
+  pointer-events: none;
+}
+
+.cn-svg-globe__tooltip span {
+  color: var(--svg-globe-muted);
+  font-size: 0.6875rem;
+}
+
+.cn-svg-globe__unavailable {
+  display: grid;
+  min-height: 15rem;
+  place-items: center;
+  padding: 1.5rem;
+  border: 1px solid color-mix(in srgb, var(--svg-globe-text) 20%, transparent);
+  border-radius: 0.75rem;
+  background: var(--svg-globe-dark);
+  color: var(--svg-globe-text);
+  text-align: center;
+}
+
+.cn-svg-globe__controls {
+  position: absolute;
+  right: 0.75rem;
+  bottom: 0.75rem;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.2rem;
+  padding: 0.2rem;
+  border: 1px solid color-mix(in srgb, var(--svg-globe-text) 20%, transparent);
+  border-radius: 0.55rem;
+  background: var(--svg-globe-dark);
+}
+
+.cn-svg-globe__controls button {
+  display: grid;
+  width: 2.1rem;
+  height: 2.1rem;
+  place-items: center;
+  border: 0;
+  border-radius: 0.35rem;
+  background: transparent;
+  color: var(--svg-globe-text);
+  font: 500 1.2rem/1 ui-sans-serif, system-ui, sans-serif;
+  cursor: pointer;
+}
+
+.cn-svg-globe__controls button:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--svg-globe-demand) 16%, transparent);
+}
+
+.cn-svg-globe__controls button:focus-visible {
+  outline: 2px solid var(--svg-globe-selected);
+  outline-offset: 1px;
+}
+
+.cn-svg-globe__controls button:disabled {
+  color: var(--svg-globe-muted);
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.cn-svg-globe__controls button svg {
+  width: 1rem;
+  height: 1rem;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 1.8;
+}
+
+.cn-svg-globe__zoom-value {
+  min-width: 2.5rem;
+  color: var(--svg-globe-muted);
+  text-align: center;
+  font-size: 0.6875rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.cn-svg-globe__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+}
+
+@keyframes cn-svg-globe-arc-flow {
+  to {
+    stroke-dashoffset: calc(var(--svg-globe-arc-phase, 0px) - 44px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cn-svg-globe__arc,
+  .cn-svg-globe__country {
+    animation: none;
+    transition: none;
+  }
+}

package/dist/globe/svg-globe.d.ts

@@ -0,0 +1,46 @@
+import { Component } from "react";
+import type { ReactNode } from "react";
+import type { GlobeArc, GlobeCountryDatum, GlobePoint } from "./globe-types.js";
+export interface SvgGlobeLabels {
+    controls?: string;
+    unavailable?: string;
+    zoomIn?: string;
+    zoomOut?: string;
+    reset?: string;
+    home?: string;
+}
+export interface SvgGlobeProps {
+    countryData?: GlobeCountryDatum[];
+    points?: GlobePoint[];
+    arcs?: GlobeArc[];
+    homeCountryCode?: string | null;
+    selectedCountryCode?: string | null;
+    onCountryClick?: (code: string) => void;
+    onReady?: () => void;
+    className?: string;
+    ariaLabel?: string;
+    locale?: string;
+    labels?: SvgGlobeLabels;
+}
+interface SvgGlobeErrorBoundaryProps {
+    fallback: ReactNode;
+    children: ReactNode;
+}
+interface SvgGlobeErrorBoundaryState {
+    failed: boolean;
+}
+export declare class SvgGlobeErrorBoundary extends Component<SvgGlobeErrorBoundaryProps, SvgGlobeErrorBoundaryState> {
+    state: SvgGlobeErrorBoundaryState;
+    static getDerivedStateFromError(): SvgGlobeErrorBoundaryState;
+    render(): ReactNode;
+}
+interface SvgGlobeUnavailableProps {
+    ariaLabel: string;
+    message: string;
+    className?: string;
+    onReady: () => void;
+}
+export declare function SvgGlobeUnavailable({ ariaLabel, message, className, onReady, }: SvgGlobeUnavailableProps): import("react/jsx-runtime").JSX.Element;
+export declare function SvgGlobe(props: SvgGlobeProps): import("react/jsx-runtime").JSX.Element;
+export default SvgGlobe;
+//# sourceMappingURL=svg-globe.d.ts.map

package/dist/globe/svg-globe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe.d.ts","sourceRoot":"","sources":["../../src/globe/svg-globe.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2D,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7E,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAID,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,qBAAsB,SAAQ,SAAS,CAClD,0BAA0B,EAC1B,0BAA0B,CAC3B;IACC,KAAK,EAAE,0BAA0B,CAAqB;IAEtD,MAAM,CAAC,wBAAwB,IAAI,0BAA0B;IAI7D,MAAM;CAGP;AAED,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GACR,EAAE,wBAAwB,2CAyB1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwC5C;AAED,eAAe,QAAQ,CAAC"}

package/dist/globe/svg-globe.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component, lazy, Suspense, useCallback, useEffect, useMemo, useRef } from "react";
+import { GlobeLoadingSkeleton } from "./globe-loading-skeleton.js";
+const SvgGlobeRenderer = lazy(() => import("./svg-globe-renderer.js"));
+export class SvgGlobeErrorBoundary extends Component {
+    state = { failed: false };
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    render() {
+        return this.state.failed ? this.props.fallback : this.props.children;
+    }
+}
+export function SvgGlobeUnavailable({ ariaLabel, message, className, onReady, }) {
+    useEffect(() => {
+        let first = 0;
+        let second = 0;
+        first = requestAnimationFrame(() => {
+            second = requestAnimationFrame(onReady);
+        });
+        return () => {
+            cancelAnimationFrame(first);
+            cancelAnimationFrame(second);
+        };
+    }, [onReady]);
+    return (_jsx("div", { className: `cn-svg-globe${className ? ` ${className}` : ""}`, children: _jsx("div", { className: "cn-svg-globe__unavailable", role: "status", "aria-label": ariaLabel, "aria-live": "polite", children: message }) }));
+}
+export function SvgGlobe(props) {
+    const readyRef = useRef(false);
+    const onReadyRef = useRef(props.onReady);
+    useEffect(() => {
+        onReadyRef.current = props.onReady;
+    }, [props.onReady]);
+    const notifyReady = useCallback(() => {
+        if (readyRef.current)
+            return;
+        readyRef.current = true;
+        onReadyRef.current?.();
+    }, []);
+    const fallback = useMemo(() => (_jsx(GlobeLoadingSkeleton, { className: props.className, label: props.ariaLabel ?? "Loading market globe" })), [props.ariaLabel, props.className]);
+    const unavailable = useMemo(() => (_jsx(SvgGlobeUnavailable, { ariaLabel: props.ariaLabel ?? "Market demand globe", message: props.labels?.unavailable ?? "Globe visualization unavailable", className: props.className, onReady: notifyReady })), [notifyReady, props.ariaLabel, props.className, props.labels?.unavailable]);
+    return (_jsx(SvgGlobeErrorBoundary, { fallback: unavailable, children: _jsx(Suspense, { fallback: fallback, children: _jsx(SvgGlobeRenderer, { ...props, onReady: notifyReady }) }) }));
+}
+export default SvgGlobe;
+//# sourceMappingURL=svg-globe.js.map

package/dist/globe/svg-globe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-globe.js","sourceRoot":"","sources":["../../src/globe/svg-globe.tsx"],"names":[],"mappings":"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"}

package/dist/globe/svg.d.ts

@@ -0,0 +1,9 @@
+export { SvgGlobe } from "./svg-globe.js";
+export type { SvgGlobeLabels, SvgGlobeProps } from "./svg-globe.js";
+export { aggregateCountryNodes, magnitudeArcs } from "./globe-aggregation.js";
+export { countryCoords } from "./country-coords.js";
+export { GlobeDetailPanel } from "./globe-detail-panel.js";
+export type { GlobeDetailPanelProps } from "./globe-detail-panel.js";
+export { GlobeLoadingSkeleton } from "./globe-loading-skeleton.js";
+export type { GlobeArc, GlobeCountryDatum, GlobePoint } from "./globe-types.js";
+//# sourceMappingURL=svg.d.ts.map

package/dist/globe/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/globe/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/globe/svg.js

@@ -0,0 +1,6 @@
+export { SvgGlobe } from "./svg-globe.js";
+export { aggregateCountryNodes, magnitudeArcs } from "./globe-aggregation.js";
+export { countryCoords } from "./country-coords.js";
+export { GlobeDetailPanel } from "./globe-detail-panel.js";
+export { GlobeLoadingSkeleton } from "./globe-loading-skeleton.js";
+//# sourceMappingURL=svg.js.map

package/dist/globe/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/globe/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/globe/use-svg-globe-gestures.d.ts

@@ -0,0 +1,21 @@
+import type { PointerEventHandler } from "react";
+import { type ZoomBehavior } from "d3-zoom";
+interface UseSvgGlobeGesturesOptions {
+    zoomRef: React.RefObject<ZoomBehavior<SVGSVGElement, unknown> | null>;
+    rotationRef: React.RefObject<[number, number]>;
+    zoomScale: number;
+    setRotation: React.Dispatch<React.SetStateAction<[number, number]>>;
+    setHoveredCountry: React.Dispatch<React.SetStateAction<string | null>>;
+    setPointerClickSuppressed: (suppressed: boolean) => void;
+    cancelRotation: () => void;
+}
+export declare function useSvgGlobeGestures({ zoomRef, rotationRef, zoomScale, setRotation, setHoveredCountry, setPointerClickSuppressed, cancelRotation, }: UseSvgGlobeGesturesOptions): {
+    handlers: {
+        onPointerDown: PointerEventHandler<SVGSVGElement>;
+        onPointerMove: PointerEventHandler<SVGSVGElement>;
+        onPointerUp: PointerEventHandler<SVGSVGElement>;
+        onPointerCancel: PointerEventHandler<SVGSVGElement>;
+    };
+};
+export {};
+//# sourceMappingURL=use-svg-globe-gestures.d.ts.map

package/dist/globe/use-svg-globe-gestures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-svg-globe-gestures.d.ts","sourceRoot":"","sources":["../../src/globe/use-svg-globe-gestures.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAMzE,UAAU,0BAA0B;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACtE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACpE,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,yBAAyB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAWD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,GACf,EAAE,0BAA0B;;;;;;;EAqL5B"}

package/dist/globe/use-svg-globe-gestures.js

@@ -0,0 +1,190 @@
+import { useRef } from "react";
+import { select } from "d3-selection";
+import { zoomIdentity, zoomTransform } from "d3-zoom";
+const SIZE = 520;
+const ZOOM_MIN = 1;
+const ZOOM_MAX = 4;
+function pointInSvg(svg, clientX, clientY) {
+    const rect = svg.getBoundingClientRect();
+    if (!rect.width || !rect.height)
+        return null;
+    const scale = Math.min(rect.width / SIZE, rect.height / SIZE);
+    const offsetX = (rect.width - SIZE * scale) / 2;
+    const offsetY = (rect.height - SIZE * scale) / 2;
+    return [(clientX - rect.left - offsetX) / scale, (clientY - rect.top - offsetY) / scale];
+}
+export function useSvgGlobeGestures({ zoomRef, rotationRef, zoomScale, setRotation, setHoveredCountry, setPointerClickSuppressed, cancelRotation, }) {
+    const dragRef = useRef(null);
+    const touchPointersRef = useRef(new Map());
+    const touchModeRef = useRef(null);
+    const pinchRef = useRef(null);
+    const beginPinch = (svg, ids) => {
+        const touches = touchPointersRef.current;
+        const first = touches.get(ids[0]);
+        const second = touches.get(ids[1]);
+        if (!first || !second)
+            return;
+        const midpoint = [(first.x + second.x) / 2, (first.y + second.y) / 2];
+        const point = pointInSvg(svg, midpoint[0], midpoint[1]);
+        if (!point)
+            return;
+        const transform = zoomTransform(svg);
+        pinchRef.current = {
+            ids,
+            distance: Math.max(1, Math.hypot(second.x - first.x, second.y - first.y)),
+            anchor: transform.invert(point),
+            scale: transform.k,
+        };
+    };
+    const movePinch = (svg) => {
+        const gesture = pinchRef.current;
+        const behavior = zoomRef.current;
+        if (!gesture || !behavior)
+            return;
+        const first = touchPointersRef.current.get(gesture.ids[0]);
+        const second = touchPointersRef.current.get(gesture.ids[1]);
+        if (!first || !second)
+            return;
+        const midpoint = [(first.x + second.x) / 2, (first.y + second.y) / 2];
+        const point = pointInSvg(svg, midpoint[0], midpoint[1]);
+        if (!point)
+            return;
+        const distance = Math.hypot(second.x - first.x, second.y - first.y);
+        const scale = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, (gesture.scale * distance) / gesture.distance));
+        let next = zoomIdentity
+            .translate(point[0] - gesture.anchor[0] * scale, point[1] - gesture.anchor[1] * scale)
+            .scale(scale);
+        next = behavior.constrain()(next, [
+            [0, 0],
+            [SIZE, SIZE],
+        ], [
+            [-SIZE, -SIZE],
+            [SIZE * 2, SIZE * 2],
+        ]);
+        select(svg).call(behavior.transform, next);
+    };
+    const handlePointerDown = (event) => {
+        cancelRotation();
+        if (event.pointerType === "touch") {
+            const touches = touchPointersRef.current;
+            touches.set(event.pointerId, { x: event.clientX, y: event.clientY });
+            event.currentTarget.setPointerCapture(event.pointerId);
+            if (touches.size === 1) {
+                touchModeRef.current = "rotate";
+                dragRef.current = {
+                    pointerId: event.pointerId,
+                    pointerType: "touch",
+                    x: event.clientX,
+                    y: event.clientY,
+                    rotation: rotationRef.current,
+                    moved: false,
+                };
+            }
+            else {
+                touchModeRef.current = "pinch";
+                dragRef.current = null;
+                const ids = [...touches.keys()].slice(0, 2);
+                beginPinch(event.currentTarget, ids);
+            }
+            return;
+        }
+        if (event.button !== 0)
+            return;
+        dragRef.current = {
+            pointerId: event.pointerId,
+            pointerType: event.pointerType,
+            x: event.clientX,
+            y: event.clientY,
+            rotation: rotationRef.current,
+            moved: false,
+        };
+    };
+    const handlePointerMove = (event) => {
+        if (event.pointerType === "touch") {
+            const touches = touchPointersRef.current;
+            if (!touches.has(event.pointerId))
+                return;
+            touches.set(event.pointerId, { x: event.clientX, y: event.clientY });
+            if (touchModeRef.current === "pinch") {
+                movePinch(event.currentTarget);
+                return;
+            }
+        }
+        else if (event.buttons === 0 && dragRef.current?.pointerType === "mouse") {
+            const drag = dragRef.current;
+            if (event.currentTarget.hasPointerCapture(drag.pointerId))
+                event.currentTarget.releasePointerCapture(drag.pointerId);
+            dragRef.current = null;
+            return;
+        }
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== event.pointerId)
+            return;
+        const dx = event.clientX - drag.x;
+        const dy = event.clientY - drag.y;
+        if (!drag.moved && Math.abs(dx) + Math.abs(dy) <= 5)
+            return;
+        drag.moved = true;
+        if (!event.currentTarget.hasPointerCapture(event.pointerId))
+            event.currentTarget.setPointerCapture(event.pointerId);
+        setHoveredCountry(null);
+        const rect = event.currentTarget.getBoundingClientRect();
+        if (!rect.width)
+            return;
+        const sensitivity = ((SIZE / rect.width) * 0.25) / zoomScale;
+        setRotation([
+            drag.rotation[0] + dx * sensitivity,
+            Math.max(-85, Math.min(85, drag.rotation[1] - dy * sensitivity)),
+        ]);
+    };
+    const handlePointerUp = (event) => {
+        const drag = dragRef.current?.pointerId === event.pointerId ? dragRef.current : null;
+        if (event.currentTarget.hasPointerCapture(event.pointerId))
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        if (drag?.moved || (event.pointerType === "touch" && touchModeRef.current === "pinch")) {
+            setPointerClickSuppressed(true);
+        }
+        if (event.pointerType === "touch") {
+            const touches = touchPointersRef.current;
+            touches.delete(event.pointerId);
+            if (touches.size === 0) {
+                touchModeRef.current = null;
+                pinchRef.current = null;
+                dragRef.current = null;
+            }
+            else if (touchModeRef.current === "pinch") {
+                dragRef.current = null;
+                const ids = [...touches.keys()].slice(0, 2);
+                if (ids.length === 2)
+                    beginPinch(event.currentTarget, ids);
+                else
+                    pinchRef.current = null;
+            }
+            else if (drag) {
+                dragRef.current = null;
+            }
+            return;
+        }
+        if (drag)
+            dragRef.current = null;
+    };
+    const handlePointerCancel = (event) => {
+        if (event.pointerType === "touch") {
+            touchPointersRef.current.clear();
+            touchModeRef.current = null;
+            pinchRef.current = null;
+            setPointerClickSuppressed(true);
+        }
+        if (dragRef.current?.pointerId === event.pointerId)
+            dragRef.current = null;
+    };
+    return {
+        handlers: {
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp,
+            onPointerCancel: handlePointerCancel,
+        },
+    };
+}
+//# sourceMappingURL=use-svg-globe-gestures.js.map

package/dist/globe/use-svg-globe-gestures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-svg-globe-gestures.js","sourceRoot":"","sources":["../../src/globe/use-svg-globe-gestures.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAqB,MAAM,SAAS,CAAC;AAEzE,MAAM,IAAI,GAAG,GAAG,CAAC;AACjB,MAAM,QAAQ,GAAG,CAAC,CAAC;AACnB,MAAM,QAAQ,GAAG,CAAC,CAAC;AAYnB,SAAS,UAAU,CAAC,GAAkB,EAAE,OAAe,EAAE,OAAe;IACtE,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;IACzC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACjD,OAAO,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,KAAK,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;AAC3F,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAClC,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,GACa;IAC3B,MAAM,OAAO,GAAG,MAAM,CAOZ,IAAI,CAAC,CAAC;IAChB,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,GAAG,EAAoC,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,MAAM,CAA4B,IAAI,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAKb,IAAI,CAAC,CAAC;IAEhB,MAAM,UAAU,GAAG,CAAC,GAAkB,EAAE,GAAqB,EAAE,EAAE;QAC/D,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QAC9B,MAAM,QAAQ,GAAqB,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACxF,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;QACrC,QAAQ,CAAC,OAAO,GAAG;YACjB,GAAG;YACH,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACzE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;YAC/B,KAAK,EAAE,SAAS,CAAC,CAAC;SACnB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,GAAkB,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO;QAClC,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QAC9B,MAAM,QAAQ,GAAqB,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACxF,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,QAAQ,EACR,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAClE,CAAC;QACF,IAAI,IAAI,GAAG,YAAY;aACpB,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;aACrF,KAAK,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,GAAG,QAAQ,CAAC,SAAS,EAAE,CACzB,IAAI,EACJ;YACE,CAAC,CAAC,EAAE,CAAC,CAAC;YACN,CAAC,IAAI,EAAE,IAAI,CAAC;SACb,EACD;YACE,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;YACd,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC;SACrB,CACF,CAAC;QACF,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAuC,CAAC,KAAK,EAAE,EAAE;QACtE,cAAc,EAAE,CAAC;QACjB,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;YACzC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;YACrE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACvD,IAAI,OAAO,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACvB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAChC,OAAO,CAAC,OAAO,GAAG;oBAChB,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,WAAW,EAAE,OAAO;oBACpB,CAAC,EAAE,KAAK,CAAC,OAAO;oBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;oBAChB,QAAQ,EAAE,WAAW,CAAC,OAAO;oBAC7B,KAAK,EAAE,KAAK;iBACb,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;gBAC/B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,MAAM,GAAG,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAqB,CAAC;gBAChE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;YACvC,CAAC;YACD,OAAO;QACT,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC/B,OAAO,CAAC,OAAO,GAAG;YAChB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,CAAC,EAAE,KAAK,CAAC,OAAO;YAChB,CAAC,EAAE,KAAK,CAAC,OAAO;YAChB,QAAQ,EAAE,WAAW,CAAC,OAAO;YAC7B,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAuC,CAAC,KAAK,EAAE,EAAE;QACtE,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;YACzC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC;gBAAE,OAAO;YAC1C,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;YACrE,IAAI,YAAY,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;gBACrC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;gBAC/B,OAAO;YACT,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,EAAE,CAAC;YAC3E,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;YAC7B,IAAI,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;gBACvD,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC5D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,OAAO;QACT,CAAC;QACD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS;YAAE,OAAO;QACxD,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAClC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;YAAE,OAAO;QAC5D,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;YACzD,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACzD,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;QAC7D,WAAW,CAAC;YACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,WAAW;YACnC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC;SACjE,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,eAAe,GAAuC,CAAC,KAAK,EAAE,EAAE;QACpE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QACrF,IAAI,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;YACxD,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC7D,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,OAAO,IAAI,YAAY,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,CAAC;YACvF,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;YACzC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAChC,IAAI,OAAO,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACvB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;gBACxB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,CAAC;iBAAM,IAAI,YAAY,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;gBAC5C,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,MAAM,GAAG,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAqB,CAAC;gBAChE,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;oBAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;;oBACtD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,CAAC;iBAAM,IAAI,IAAI,EAAE,CAAC;gBAChB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,CAAC;YACD,OAAO;QACT,CAAC;QACD,IAAI,IAAI;YAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE;QACxE,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACjC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS;YAAE,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7E,CAAC,CAAC;IAEF,OAAO;QACL,QAAQ,EAAE;YACR,aAAa,EAAE,iBAAiB;YAChC,aAAa,EAAE,iBAAiB;YAChC,WAAW,EAAE,eAAe;YAC5B,eAAe,EAAE,mBAAmB;SACrC;KACF,CAAC;AACJ,CAAC"}

package/dist/globe/use-svg-globe-item-interactions.d.ts

@@ -0,0 +1,20 @@
+import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler, PointerEventHandler } from "react";
+interface UseSvgGlobeItemInteractionsOptions {
+    reset: () => void;
+    onCountryClick?: (code: string) => void;
+}
+export declare function useSvgGlobeItemInteractions({ reset, onCountryClick, }: UseSvgGlobeItemInteractionsOptions): {
+    hoveredCountry: string | null;
+    setHoveredCountry: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    setPointerClickSuppressed: (suppressed: boolean) => void;
+    handlers: {
+        onKeyDown: KeyboardEventHandler<SVGSVGElement>;
+        onClick: MouseEventHandler<SVGSVGElement>;
+        onPointerOver: PointerEventHandler<SVGSVGElement>;
+        onPointerOut: PointerEventHandler<SVGSVGElement>;
+        onFocus: FocusEventHandler<SVGSVGElement>;
+        onBlur: FocusEventHandler<SVGSVGElement>;
+    };
+};
+export {};
+//# sourceMappingURL=use-svg-globe-item-interactions.d.ts.map

package/dist/globe/use-svg-globe-item-interactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-svg-globe-item-interactions.d.ts","sourceRoot":"","sources":["../../src/globe/use-svg-globe-item-interactions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAEf,UAAU,kCAAkC;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAQD,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,cAAc,GACf,EAAE,kCAAkC;;;4CA0BY,OAAO;;;;;;;;;EAiCvD"}