tempest-react-sdk 0.22.0 → 0.24.0

package/dist/auth/jwt.js

@@ -0,0 +1,33 @@
+//#region src/auth/jwt.ts
+function e(e) {
+	let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = t.length % 4 == 0 ? "" : "=".repeat(4 - t.length % 4);
+	return typeof atob < "u" ? atob(t + n) : Buffer.from(t + n, "base64").toString("binary");
+}
+function t(t) {
+	let n = t.split(".");
+	if (n.length !== 3) throw Error("Invalid JWT: must contain three segments.");
+	let [r, i, a] = n;
+	try {
+		return {
+			header: JSON.parse(e(r)),
+			payload: JSON.parse(e(i)),
+			signature: a
+		};
+	} catch {
+		throw Error("Invalid JWT: header or payload is not valid JSON.");
+	}
+}
+function n(e, n = 0) {
+	try {
+		let { payload: r } = t(e);
+		if (typeof r.exp != "number") return !0;
+		let i = Math.floor(Date.now() / 1e3);
+		return r.exp <= i + n;
+	} catch {
+		return !0;
+	}
+}
+//#endregion
+export { t as decodeJWT, n as isJWTExpired };
+
+//# sourceMappingURL=jwt.js.map

package/dist/auth/jwt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jwt.js","names":[],"sources":["../../src/auth/jwt.ts"],"sourcesContent":["export interface DecodedJWT {\n    header: Record<string, unknown>;\n    payload: Record<string, unknown> & { exp?: number; iat?: number; sub?: string };\n    signature: string;\n}\n\nfunction base64UrlDecode(input: string): string {\n    const padded = input.replace(/-/g, \"+\").replace(/_/g, \"/\");\n    const padding = padded.length % 4 === 0 ? \"\" : \"=\".repeat(4 - (padded.length % 4));\n    if (typeof atob !== \"undefined\") {\n        return atob(padded + padding);\n    }\n    return Buffer.from(padded + padding, \"base64\").toString(\"binary\");\n}\n\n/**\n * Decode a JWT into header/payload/signature. Does **not** verify the\n * signature — for that, do it server-side or use a JOSE library on the\n * client.\n *\n * @throws If the token shape is invalid (missing parts, bad JSON).\n */\nexport function decodeJWT(token: string): DecodedJWT {\n    const parts = token.split(\".\");\n    if (parts.length !== 3) throw new Error(\"Invalid JWT: must contain three segments.\");\n    const [headerSeg, payloadSeg, signature] = parts as [string, string, string];\n    try {\n        return {\n            header: JSON.parse(base64UrlDecode(headerSeg)),\n            payload: JSON.parse(base64UrlDecode(payloadSeg)),\n            signature,\n        };\n    } catch {\n        throw new Error(\"Invalid JWT: header or payload is not valid JSON.\");\n    }\n}\n\n/**\n * Return true when the JWT's `exp` claim is in the past (or missing).\n *\n * @param token - JWT to inspect.\n * @param leewaySeconds - Treat tokens expiring within this window as expired.\n */\nexport function isJWTExpired(token: string, leewaySeconds = 0): boolean {\n    try {\n        const { payload } = decodeJWT(token);\n        if (typeof payload.exp !== \"number\") return true;\n        const nowSeconds = Math.floor(Date.now() / 1000);\n        return payload.exp <= nowSeconds + leewaySeconds;\n    } catch {\n        return true;\n    }\n}\n"],"mappings":";AAMA,SAAS,EAAgB,GAAuB;CAC5C,IAAM,IAAS,EAAM,QAAQ,MAAM,GAAG,CAAC,CAAC,QAAQ,MAAM,GAAG,GACnD,IAAU,EAAO,SAAS,KAAM,IAAI,KAAK,IAAI,OAAO,IAAK,EAAO,SAAS,CAAE;CAIjF,OAHI,OAAO,OAAS,MACT,KAAK,IAAS,CAAO,IAEzB,OAAO,KAAK,IAAS,GAAS,QAAQ,CAAC,CAAC,SAAS,QAAQ;AACpE;AASA,SAAgB,EAAU,GAA2B;CACjD,IAAM,IAAQ,EAAM,MAAM,GAAG;CAC7B,IAAI,EAAM,WAAW,GAAG,MAAU,MAAM,2CAA2C;CACnF,IAAM,CAAC,GAAW,GAAY,KAAa;CAC3C,IAAI;EACA,OAAO;GACH,QAAQ,KAAK,MAAM,EAAgB,CAAS,CAAC;GAC7C,SAAS,KAAK,MAAM,EAAgB,CAAU,CAAC;GAC/C;EACJ;CACJ,QAAQ;EACJ,MAAU,MAAM,mDAAmD;CACvE;AACJ;AAQA,SAAgB,EAAa,GAAe,IAAgB,GAAY;CACpE,IAAI;EACA,IAAM,EAAE,eAAY,EAAU,CAAK;EACnC,IAAI,OAAO,EAAQ,OAAQ,UAAU,OAAO;EAC5C,IAAM,IAAa,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI;EAC/C,OAAO,EAAQ,OAAO,IAAa;CACvC,QAAQ;EACJ,OAAO;CACX;AACJ"}

package/dist/auth/lazy-with-retry.cjs

@@ -0,0 +1,2 @@
+let e=require("react");function t(t,n={}){let{retries:r=3,initialDelay:i=400,reloadOnFinalFailure:a=!0}=n;async function o(e=1){try{return await t()}catch(t){if(e>=r)throw a&&typeof window<`u`&&window.location.reload(),t;return await new Promise(t=>setTimeout(t,i*2**(e-1))),o(e+1)}}return(0,e.lazy)(o)}exports.lazyWithRetry=t;
+//# sourceMappingURL=lazy-with-retry.cjs.map

package/dist/auth/lazy-with-retry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-with-retry.cjs","names":[],"sources":["../../src/auth/lazy-with-retry.ts"],"sourcesContent":["import { lazy } from \"react\";\nimport type { ComponentType } from \"react\";\n\nexport interface LazyWithRetryOptions {\n    /** Max attempts. Default: 3. */\n    retries?: number;\n    /** Initial delay (ms) before retrying. Default: 400. */\n    initialDelay?: number;\n    /**\n     * Reload the page after every retry fails. Helps when the stale chunk\n     * error is caused by an old `index.html` referencing deleted bundles.\n     * Default: true.\n     */\n    reloadOnFinalFailure?: boolean;\n}\n\n/**\n * Wrap `React.lazy` with automatic retry. Common cause of failure:\n * deployed-then-cached `index.html` references chunk filenames that no\n * longer exist. Retrying after a short delay typically picks up the new\n * bundle; a final `location.reload()` recovers from stale `index.html`.\n *\n * @example\n * const Settings = lazyWithRetry(() => import(\"./Settings\"));\n */\nexport function lazyWithRetry<T extends ComponentType<unknown>>(\n    factory: () => Promise<{ default: T }>,\n    options: LazyWithRetryOptions = {},\n): ReturnType<typeof lazy<T>> {\n    const { retries = 3, initialDelay = 400, reloadOnFinalFailure = true } = options;\n\n    async function load(attempt = 1): Promise<{ default: T }> {\n        try {\n            return await factory();\n        } catch (error) {\n            if (attempt >= retries) {\n                if (reloadOnFinalFailure && typeof window !== \"undefined\") {\n                    window.location.reload();\n                }\n                throw error;\n            }\n            await new Promise((resolve) => setTimeout(resolve, initialDelay * 2 ** (attempt - 1)));\n            return load(attempt + 1);\n        }\n    }\n\n    return lazy(load) as ReturnType<typeof lazy<T>>;\n}\n"],"mappings":"uBAyBA,SAAgB,EACZ,EACA,EAAgC,CAAC,EACP,CAC1B,GAAM,CAAE,UAAU,EAAG,eAAe,IAAK,uBAAuB,IAAS,EAEzE,eAAe,EAAK,EAAU,EAA4B,CACtD,GAAI,CACA,OAAO,MAAM,EAAQ,CACzB,OAAS,EAAO,CACZ,GAAI,GAAW,EAIX,MAHI,GAAwB,OAAO,OAAW,KAC1C,OAAO,SAAS,OAAO,EAErB,EAGV,OADA,MAAM,IAAI,QAAS,GAAY,WAAW,EAAS,EAAe,IAAM,EAAU,EAAE,CAAC,EAC9E,EAAK,EAAU,CAAC,CAC3B,CACJ,CAEA,OAAA,EAAA,EAAA,KAAA,CAAY,CAAI,CACpB"}

package/dist/auth/lazy-with-retry.js

@@ -0,0 +1,18 @@
+import { lazy as e } from "react";
+//#region src/auth/lazy-with-retry.ts
+function t(t, n = {}) {
+	let { retries: r = 3, initialDelay: i = 400, reloadOnFinalFailure: a = !0 } = n;
+	async function o(e = 1) {
+		try {
+			return await t();
+		} catch (t) {
+			if (e >= r) throw a && typeof window < "u" && window.location.reload(), t;
+			return await new Promise((t) => setTimeout(t, i * 2 ** (e - 1))), o(e + 1);
+		}
+	}
+	return e(o);
+}
+//#endregion
+export { t as lazyWithRetry };
+
+//# sourceMappingURL=lazy-with-retry.js.map

package/dist/auth/lazy-with-retry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-with-retry.js","names":[],"sources":["../../src/auth/lazy-with-retry.ts"],"sourcesContent":["import { lazy } from \"react\";\nimport type { ComponentType } from \"react\";\n\nexport interface LazyWithRetryOptions {\n    /** Max attempts. Default: 3. */\n    retries?: number;\n    /** Initial delay (ms) before retrying. Default: 400. */\n    initialDelay?: number;\n    /**\n     * Reload the page after every retry fails. Helps when the stale chunk\n     * error is caused by an old `index.html` referencing deleted bundles.\n     * Default: true.\n     */\n    reloadOnFinalFailure?: boolean;\n}\n\n/**\n * Wrap `React.lazy` with automatic retry. Common cause of failure:\n * deployed-then-cached `index.html` references chunk filenames that no\n * longer exist. Retrying after a short delay typically picks up the new\n * bundle; a final `location.reload()` recovers from stale `index.html`.\n *\n * @example\n * const Settings = lazyWithRetry(() => import(\"./Settings\"));\n */\nexport function lazyWithRetry<T extends ComponentType<unknown>>(\n    factory: () => Promise<{ default: T }>,\n    options: LazyWithRetryOptions = {},\n): ReturnType<typeof lazy<T>> {\n    const { retries = 3, initialDelay = 400, reloadOnFinalFailure = true } = options;\n\n    async function load(attempt = 1): Promise<{ default: T }> {\n        try {\n            return await factory();\n        } catch (error) {\n            if (attempt >= retries) {\n                if (reloadOnFinalFailure && typeof window !== \"undefined\") {\n                    window.location.reload();\n                }\n                throw error;\n            }\n            await new Promise((resolve) => setTimeout(resolve, initialDelay * 2 ** (attempt - 1)));\n            return load(attempt + 1);\n        }\n    }\n\n    return lazy(load) as ReturnType<typeof lazy<T>>;\n}\n"],"mappings":";;AAyBA,SAAgB,EACZ,GACA,IAAgC,CAAC,GACP;CAC1B,IAAM,EAAE,aAAU,GAAG,kBAAe,KAAK,0BAAuB,OAAS;CAEzE,eAAe,EAAK,IAAU,GAA4B;EACtD,IAAI;GACA,OAAO,MAAM,EAAQ;EACzB,SAAS,GAAO;GACZ,IAAI,KAAW,GAIX,MAHI,KAAwB,OAAO,SAAW,OAC1C,OAAO,SAAS,OAAO,GAErB;GAGV,OADA,MAAM,IAAI,SAAS,MAAY,WAAW,GAAS,IAAe,MAAM,IAAU,EAAE,CAAC,GAC9E,EAAK,IAAU,CAAC;EAC3B;CACJ;CAEA,OAAO,EAAK,CAAI;AACpB"}

package/dist/auth/refresh-queue.cjs

@@ -0,0 +1,2 @@
+function e(e){let t=null;return()=>t||(t=(async()=>{try{await e()}finally{t=null}})(),t)}exports.createRefreshQueue=e;
+//# sourceMappingURL=refresh-queue.cjs.map

package/dist/auth/refresh-queue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-queue.cjs","names":[],"sources":["../../src/auth/refresh-queue.ts"],"sourcesContent":["/**\n * Deduplicate concurrent refresh calls. When multiple 401 responses arrive\n * at once, all of them share the same in-flight `refresh()` promise instead\n * of triggering N parallel refreshes.\n *\n * @example\n * const refresh = createRefreshQueue(() => AuthService.refresh());\n *\n * // In every request that hits 401:\n * await refresh();\n * // ...retry the original request\n */\nexport function createRefreshQueue(refresh: () => Promise<void>): () => Promise<void> {\n    let current: Promise<void> | null = null;\n\n    return () => {\n        if (current) return current;\n        current = (async () => {\n            try {\n                await refresh();\n            } finally {\n                current = null;\n            }\n        })();\n        return current;\n    };\n}\n"],"mappings":"AAYA,SAAgB,EAAmB,EAAmD,CAClF,IAAI,EAAgC,KAEpC,UACQ,IACJ,GAAW,SAAY,CACnB,GAAI,CACA,MAAM,EAAQ,CAClB,QAAU,CACN,EAAU,IACd,CACJ,EAAA,CAAG,EACI,EAEf"}

package/dist/auth/refresh-queue.js

@@ -0,0 +1,15 @@
+//#region src/auth/refresh-queue.ts
+function e(e) {
+	let t = null;
+	return () => t || (t = (async () => {
+		try {
+			await e();
+		} finally {
+			t = null;
+		}
+	})(), t);
+}
+//#endregion
+export { e as createRefreshQueue };
+
+//# sourceMappingURL=refresh-queue.js.map

package/dist/auth/refresh-queue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-queue.js","names":[],"sources":["../../src/auth/refresh-queue.ts"],"sourcesContent":["/**\n * Deduplicate concurrent refresh calls. When multiple 401 responses arrive\n * at once, all of them share the same in-flight `refresh()` promise instead\n * of triggering N parallel refreshes.\n *\n * @example\n * const refresh = createRefreshQueue(() => AuthService.refresh());\n *\n * // In every request that hits 401:\n * await refresh();\n * // ...retry the original request\n */\nexport function createRefreshQueue(refresh: () => Promise<void>): () => Promise<void> {\n    let current: Promise<void> | null = null;\n\n    return () => {\n        if (current) return current;\n        current = (async () => {\n            try {\n                await refresh();\n            } finally {\n                current = null;\n            }\n        })();\n        return current;\n    };\n}\n"],"mappings":";AAYA,SAAgB,EAAmB,GAAmD;CAClF,IAAI,IAAgC;CAEpC,aACQ,MACJ,KAAW,YAAY;EACnB,IAAI;GACA,MAAM,EAAQ;EAClB,UAAU;GACN,IAAU;EACd;CACJ,EAAA,CAAG,GACI;AAEf"}

package/dist/br/BrazilMap.cjs

@@ -0,0 +1,2 @@
+const e=require("../utils/cn.cjs"),t=require("../geo/projection.cjs"),n=require("./locations.cjs"),r=require("./BrazilMap.module.cjs"),i=require("./MapMarkers.cjs"),a=require("./MapTooltip.cjs"),o=require("./regions.cjs"),s=require("./use-map-zoom.cjs"),c=require("./svg-utils.cjs"),l=require("./use-map-hover.cjs");let u=require("react"),d=require("react/jsx-runtime");function f({selected:n,onSelect:f,values:m,minColor:h=`#dbeafe`,maxColor:g=`#2563eb`,colorScale:_,colorByRegion:v=!1,height:y=440,padding:b=12,showLabels:x=!0,label:S=`Mapa do Brasil por estado`,loadingContent:C,showTooltip:w=!0,renderTooltip:T,markers:E,onMarkerClick:D,zoomable:O=!1,className:k,style:A,...j}){let M=(0,u.useRef)(null),[N,P]=(0,u.useState)(600),[F,I]=(0,u.useState)(null),{hover:L,onMove:R,onLeave:z}=l.useMapHover(M),B=s.useMapZoom(O);(0,u.useEffect)(()=>{let e=!0;return Promise.resolve().then(()=>require("./br-geo.cjs")).then(t=>{e&&I(t.BR_UF_GEOJSON)}),()=>{e=!1}},[]),(0,u.useEffect)(()=>{let e=M.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect.width;t&&t>0&&P(t)});return t.observe(e),()=>t.disconnect()},[]);let V=(0,u.useMemo)(()=>n?new Set(Array.isArray(n)?n:[n]):new Set,[n]),H=(0,u.useMemo)(()=>{if(!m)return null;let e=Object.values(m).filter(e=>typeof e==`number`);return e.length===0?null:[Math.min(...e),Math.max(...e)]},[m]),U=(0,u.useMemo)(()=>{if(!F)return null;let e=t.fitProjection(c.geometriesBounds(F.features.map(e=>e.geometry)),N,y,{padding:b});return{projection:e,items:F.features.map(t=>({uf:t.properties.uf,name:t.properties.name,region:t.properties.region,d:c.geometryPath(t.geometry,e),centroid:c.geometryCentroid(t.geometry,e)}))}},[F,N,y,b]);function W(e){let t=m?.[e];if(typeof t!=`number`)return;if(_)return _(t);if(!H)return;let[n,r]=H;return c.lerpColor(h,g,r===n?1:(t-n)/(r-n))}let G=(0,u.useMemo)(()=>U?U.items.map(t=>{let n=V.has(t.uf),i=n?void 0:v?o.REGION_COLORS[t.region]:W(t.uf);return(0,d.jsx)(`path`,{className:e.cn(r.default.state,n&&r.default.selected),d:t.d,fillRule:`evenodd`,style:i?{fill:i}:void 0,"data-uf":t.uf,tabIndex:f?0:void 0,role:f?`button`:void 0,"aria-label":t.name,"aria-pressed":f?n:void 0,onClick:f?()=>f(t.uf):void 0,onMouseMove:w?e=>R({uf:t.uf,name:t.name},e):void 0,onMouseLeave:w?z:void 0,onKeyDown:f?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f(t.uf))}:void 0},t.uf)}):null,[U,V,m,_,v,h,g,f,w,R,z]);return(0,d.jsxs)(`div`,{ref:M,className:e.cn(r.default.map,k),style:{height:y,...A},role:`group`,"aria-label":S,...j,children:[U?(0,d.jsx)(`svg`,{className:r.default.svg,width:`100%`,height:y,viewBox:`0 0 ${N} ${y}`,preserveAspectRatio:`xMidYMid meet`,...B.handlers,children:(0,d.jsxs)(`g`,{transform:B.transform||void 0,children:[G,x&&U.items.map(e=>(0,d.jsx)(`text`,{className:r.default.label,x:e.centroid.x,y:e.centroid.y,textAnchor:`middle`,dominantBaseline:`central`,children:e.uf},`label-${e.uf}`)),E&&E.length>0&&(0,d.jsx)(i.MapMarkers,{projection:U.projection,markers:E,onMarkerClick:D})]})}):(0,d.jsx)(`div`,{className:r.default.loading,children:C??`Carregando mapa…`}),B.isTransformed&&(0,d.jsx)(`button`,{type:`button`,className:r.default.zoomReset,onClick:B.reset,children:`Reset`}),w&&L&&(0,d.jsx)(a.MapTooltip,{x:L.x,y:L.y,children:T?T({uf:L.item.uf,name:L.item.name,value:m?.[L.item.uf]}):(0,d.jsx)(p,{uf:L.item.uf,name:L.item.name,value:m?.[L.item.uf]})})]})}function p({uf:e,name:t,value:i}){let a=n.getState(e);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(`div`,{className:r.default.tooltipTitle,children:[t,` (`,e,`)`]}),(0,d.jsxs)(`div`,{className:r.default.tooltipMeta,children:[a?`${a.region} · ${a.cities.length} cidades`:e,typeof i==`number`?` · ${i}`:``]})]})}exports.BrazilMap=f;
+//# sourceMappingURL=BrazilMap.cjs.map

package/dist/br/BrazilMap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.cjs","names":[],"sources":["../../src/br/BrazilMap.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { fitProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport type { BrUfFeatureCollection } from \"./br-geo\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport { REGION_COLORS } from \"./regions\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** Data passed to a {@link BrazilMapProps.renderTooltip} callback. */\nexport interface BrazilMapTooltipData {\n    uf: UF;\n    name: string;\n    /** Choropleth value for this UF, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Currently selected UF(s) — highlighted. Accepts one or many. */\n    selected?: UF | readonly UF[] | null;\n    /** Fired when a state is clicked. */\n    onSelect?: (uf: UF) => void;\n    /**\n     * Optional choropleth values per UF. When set, each state is tinted between\n     * `minColor` and `maxColor` by its value (linear). States without a value\n     * use the base surface color.\n     */\n    values?: Partial<Record<UF, number>>;\n    /** Choropleth low-end color (2-color linear ramp). Default: a light primary tint. */\n    minColor?: string;\n    /** Choropleth high-end color (2-color linear ramp). Default: the primary token. */\n    maxColor?: string;\n    /**\n     * Custom value→color scale (e.g. from `sequentialScale`/`quantizeScale`).\n     * Takes precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /**\n     * Tint each state by its macro-region (categorical). Overrides\n     * `values`/`colorScale`. Pair with `<MapLegend items={regionLegendItems()} />`.\n     */\n    colorByRegion?: boolean;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /** Render the UF acronym at each state centroid. Default: `true`. */\n    showLabels?: boolean;\n    /** Accessible label for the map region. Default: `\"Mapa do Brasil por estado\"`. */\n    label?: string;\n    /** Custom content when the geometry is still loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + region + city count + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the map (e.g. capitals, stores). */\n    markers?: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n    /** Enable wheel-zoom + drag-pan (double-click resets). Default: `false`. */\n    zoomable?: boolean;\n}\n\n/**\n * Clickable choropleth map of Brazil's 27 federative units. Renders the bundled\n * simplified UF GeoJSON as SVG paths — **no external tiles or paid API**. Click\n * a state to fire `onSelect(uf)`; pass `selected` to highlight and `values` to\n * tint states by a metric.\n *\n * The GeoJSON (~36 KB gzip) is loaded lazily, so importing this component does\n * not pull the geometry until it actually mounts.\n *\n * @example\n * const [uf, setUf] = useState<UF | null>(null);\n * <BrazilMap selected={uf} onSelect={setUf} />\n *\n * @example\n * // Choropleth by a metric per state\n * <BrazilMap values={{ SP: 120, RJ: 90, MG: 60 }} />\n */\nexport function BrazilMap({\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    colorByRegion = false,\n    height = 440,\n    padding = 12,\n    showLabels = true,\n    label = \"Mapa do Brasil por estado\",\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<BrUfFeatureCollection | null>(null);\n    const { hover, onMove, onLeave } = useMapHover<{ uf: UF; name: string }>(containerRef);\n    const mapZoom = useMapZoom(zoomable);\n\n    useEffect(() => {\n        let active = true;\n        void import(\"./br-geo\").then((m) => {\n            if (active) setCollection(m.BR_UF_GEOJSON);\n        });\n        return () => {\n            active = false;\n        };\n    }, []);\n\n    useEffect(() => {\n        const node = containerRef.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver((entries) => {\n            const measured = entries[0]?.contentRect.width;\n            if (measured && measured > 0) setWidth(measured);\n        });\n        observer.observe(node);\n        return () => observer.disconnect();\n    }, []);\n\n    const selectedSet = useMemo<Set<UF>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as UF]);\n    }, [selected]);\n\n    const valueRange = useMemo<[number, number] | null>(() => {\n        if (!values) return null;\n        const nums = Object.values(values).filter((v): v is number => typeof v === \"number\");\n        if (nums.length === 0) return null;\n        return [Math.min(...nums), Math.max(...nums)];\n    }, [values]);\n\n    const shapes = useMemo(() => {\n        if (!collection) return null;\n        const projection = fitProjection(\n            geometriesBounds(collection.features.map((f) => f.geometry)),\n            width,\n            height,\n            { padding },\n        );\n        const items = collection.features.map((feature) => ({\n            uf: feature.properties.uf,\n            name: feature.properties.name,\n            region: feature.properties.region,\n            d: geometryPath(feature.geometry, projection),\n            centroid: geometryCentroid(feature.geometry, projection),\n        }));\n        return { projection, items };\n    }, [collection, width, height, padding]);\n\n    function fillFor(uf: UF): string | undefined {\n        const v = values?.[uf];\n        if (typeof v !== \"number\") return undefined;\n        if (colorScale) return colorScale(v);\n        if (!valueRange) return undefined;\n        const [min, max] = valueRange;\n        const t = max === min ? 1 : (v - min) / (max - min);\n        return lerpColor(minColor, maxColor, t);\n    }\n\n    // Memoized so frequent re-renders (hover tooltip) don't rebuild all 27 paths.\n    const stateEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.uf);\n            const fillColor = isSelected\n                ? undefined\n                : colorByRegion\n                  ? REGION_COLORS[shape.region]\n                  : fillFor(shape.uf);\n            return (\n                <path\n                    key={shape.uf}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-uf={shape.uf}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={onSelect ? () => onSelect(shape.uf) : undefined}\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ uf: shape.uf, name: shape.name }, e)\n                            : undefined\n                    }\n                    onMouseLeave={showTooltip ? onLeave : undefined}\n                    onKeyDown={\n                        onSelect\n                            ? (e) => {\n                                  if (e.key === \"Enter\" || e.key === \" \") {\n                                      e.preventDefault();\n                                      onSelect(shape.uf);\n                                  }\n                              }\n                            : undefined\n                    }\n                />\n            );\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        shapes,\n        selectedSet,\n        values,\n        colorScale,\n        colorByRegion,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={label}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando mapa…\"}</div>\n            ) : (\n                <svg\n                    className={styles.svg}\n                    width=\"100%\"\n                    height={height}\n                    viewBox={`0 0 ${width} ${height}`}\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    {...mapZoom.handlers}\n                >\n                    <g transform={mapZoom.transform || undefined}>\n                        {stateEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.uf}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.uf}\n                                </text>\n                            ))}\n\n                        {markers && markers.length > 0 && (\n                            <MapMarkers\n                                projection={shapes.projection}\n                                markers={markers}\n                                onMarkerClick={onMarkerClick}\n                            />\n                        )}\n                    </g>\n                </svg>\n            )}\n\n            {mapZoom.isTransformed && (\n                <button type=\"button\" className={styles.zoomReset} onClick={mapZoom.reset}>\n                    Reset\n                </button>\n            )}\n\n            {showTooltip && hover && (\n                <MapTooltip x={hover.x} y={hover.y}>\n                    {renderTooltip ? (\n                        renderTooltip({\n                            uf: hover.item.uf,\n                            name: hover.item.name,\n                            value: values?.[hover.item.uf],\n                        })\n                    ) : (\n                        <DefaultUfTooltip\n                            uf={hover.item.uf}\n                            name={hover.item.name}\n                            value={values?.[hover.item.uf]}\n                        />\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n\n/** Default UF tooltip: name (UF) + region + city count + optional value. */\nfunction DefaultUfTooltip({ uf, name, value }: { uf: UF; name: string; value?: number }) {\n    const state = getState(uf);\n    return (\n        <>\n            <div className={styles.tooltipTitle}>\n                {name} ({uf})\n            </div>\n            <div className={styles.tooltipMeta}>\n                {state ? `${state.region} · ${state.cities.length} cidades` : uf}\n                {typeof value === \"number\" ? ` · ${value}` : \"\"}\n            </div>\n        </>\n    );\n}\n"],"mappings":"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"}

package/dist/br/BrazilMap.js

@@ -0,0 +1,179 @@
+import { cn as e } from "../utils/cn.js";
+import { fitProjection as t } from "../geo/projection.js";
+import { getState as n } from "./locations.js";
+import r from "./BrazilMap.module.js";
+import { MapMarkers as i } from "./MapMarkers.js";
+import { MapTooltip as a } from "./MapTooltip.js";
+import { REGION_COLORS as o } from "./regions.js";
+import { useMapZoom as s } from "./use-map-zoom.js";
+import { geometriesBounds as c, geometryCentroid as l, geometryPath as u, lerpColor as d } from "./svg-utils.js";
+import { useMapHover as f } from "./use-map-hover.js";
+import { useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/br/BrazilMap.tsx
+function b({ selected: n, onSelect: _, values: b, minColor: S = "#dbeafe", maxColor: C = "#2563eb", colorScale: w, colorByRegion: T = !1, height: E = 440, padding: D = 12, showLabels: O = !0, label: k = "Mapa do Brasil por estado", loadingContent: A, showTooltip: j = !0, renderTooltip: M, markers: N, onMarkerClick: P, zoomable: F = !1, className: I, style: L, ...R }) {
+	let z = h(null), [B, V] = g(600), [H, U] = g(null), { hover: W, onMove: G, onLeave: K } = f(z), q = s(F);
+	p(() => {
+		let e = !0;
+		return import("./br-geo.js").then((t) => {
+			e && U(t.BR_UF_GEOJSON);
+		}), () => {
+			e = !1;
+		};
+	}, []), p(() => {
+		let e = z.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			t && t > 0 && V(t);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let J = m(() => n ? new Set(Array.isArray(n) ? n : [n]) : /* @__PURE__ */ new Set(), [n]), Y = m(() => {
+		if (!b) return null;
+		let e = Object.values(b).filter((e) => typeof e == "number");
+		return e.length === 0 ? null : [Math.min(...e), Math.max(...e)];
+	}, [b]), X = m(() => {
+		if (!H) return null;
+		let e = t(c(H.features.map((e) => e.geometry)), B, E, { padding: D });
+		return {
+			projection: e,
+			items: H.features.map((t) => ({
+				uf: t.properties.uf,
+				name: t.properties.name,
+				region: t.properties.region,
+				d: u(t.geometry, e),
+				centroid: l(t.geometry, e)
+			}))
+		};
+	}, [
+		H,
+		B,
+		E,
+		D
+	]);
+	function Z(e) {
+		let t = b?.[e];
+		if (typeof t != "number") return;
+		if (w) return w(t);
+		if (!Y) return;
+		let [n, r] = Y;
+		return d(S, C, r === n ? 1 : (t - n) / (r - n));
+	}
+	let Q = m(() => X ? X.items.map((t) => {
+		let n = J.has(t.uf), i = n ? void 0 : T ? o[t.region] : Z(t.uf);
+		return /* @__PURE__ */ v("path", {
+			className: e(r.state, n && r.selected),
+			d: t.d,
+			fillRule: "evenodd",
+			style: i ? { fill: i } : void 0,
+			"data-uf": t.uf,
+			tabIndex: _ ? 0 : void 0,
+			role: _ ? "button" : void 0,
+			"aria-label": t.name,
+			"aria-pressed": _ ? n : void 0,
+			onClick: _ ? () => _(t.uf) : void 0,
+			onMouseMove: j ? (e) => G({
+				uf: t.uf,
+				name: t.name
+			}, e) : void 0,
+			onMouseLeave: j ? K : void 0,
+			onKeyDown: _ ? (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _(t.uf));
+			} : void 0
+		}, t.uf);
+	}) : null, [
+		X,
+		J,
+		b,
+		w,
+		T,
+		S,
+		C,
+		_,
+		j,
+		G,
+		K
+	]);
+	return /* @__PURE__ */ y("div", {
+		ref: z,
+		className: e(r.map, I),
+		style: {
+			height: E,
+			...L
+		},
+		role: "group",
+		"aria-label": k,
+		...R,
+		children: [
+			X ? /* @__PURE__ */ v("svg", {
+				className: r.svg,
+				width: "100%",
+				height: E,
+				viewBox: `0 0 ${B} ${E}`,
+				preserveAspectRatio: "xMidYMid meet",
+				...q.handlers,
+				children: /* @__PURE__ */ y("g", {
+					transform: q.transform || void 0,
+					children: [
+						Q,
+						O && X.items.map((e) => /* @__PURE__ */ v("text", {
+							className: r.label,
+							x: e.centroid.x,
+							y: e.centroid.y,
+							textAnchor: "middle",
+							dominantBaseline: "central",
+							children: e.uf
+						}, `label-${e.uf}`)),
+						N && N.length > 0 && /* @__PURE__ */ v(i, {
+							projection: X.projection,
+							markers: N,
+							onMarkerClick: P
+						})
+					]
+				})
+			}) : /* @__PURE__ */ v("div", {
+				className: r.loading,
+				children: A ?? "Carregando mapa…"
+			}),
+			q.isTransformed && /* @__PURE__ */ v("button", {
+				type: "button",
+				className: r.zoomReset,
+				onClick: q.reset,
+				children: "Reset"
+			}),
+			j && W && /* @__PURE__ */ v(a, {
+				x: W.x,
+				y: W.y,
+				children: M ? M({
+					uf: W.item.uf,
+					name: W.item.name,
+					value: b?.[W.item.uf]
+				}) : /* @__PURE__ */ v(x, {
+					uf: W.item.uf,
+					name: W.item.name,
+					value: b?.[W.item.uf]
+				})
+			})
+		]
+	});
+}
+function x({ uf: e, name: t, value: i }) {
+	let a = n(e);
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
+		className: r.tooltipTitle,
+		children: [
+			t,
+			" (",
+			e,
+			")"
+		]
+	}), /* @__PURE__ */ y("div", {
+		className: r.tooltipMeta,
+		children: [a ? `${a.region} · ${a.cities.length} cidades` : e, typeof i == "number" ? ` · ${i}` : ""]
+	})] });
+}
+//#endregion
+export { b as BrazilMap };
+
+//# sourceMappingURL=BrazilMap.js.map

package/dist/br/BrazilMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.js","names":[],"sources":["../../src/br/BrazilMap.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { fitProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport type { BrUfFeatureCollection } from \"./br-geo\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport { REGION_COLORS } from \"./regions\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** Data passed to a {@link BrazilMapProps.renderTooltip} callback. */\nexport interface BrazilMapTooltipData {\n    uf: UF;\n    name: string;\n    /** Choropleth value for this UF, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Currently selected UF(s) — highlighted. Accepts one or many. */\n    selected?: UF | readonly UF[] | null;\n    /** Fired when a state is clicked. */\n    onSelect?: (uf: UF) => void;\n    /**\n     * Optional choropleth values per UF. When set, each state is tinted between\n     * `minColor` and `maxColor` by its value (linear). States without a value\n     * use the base surface color.\n     */\n    values?: Partial<Record<UF, number>>;\n    /** Choropleth low-end color (2-color linear ramp). Default: a light primary tint. */\n    minColor?: string;\n    /** Choropleth high-end color (2-color linear ramp). Default: the primary token. */\n    maxColor?: string;\n    /**\n     * Custom value→color scale (e.g. from `sequentialScale`/`quantizeScale`).\n     * Takes precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /**\n     * Tint each state by its macro-region (categorical). Overrides\n     * `values`/`colorScale`. Pair with `<MapLegend items={regionLegendItems()} />`.\n     */\n    colorByRegion?: boolean;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /** Render the UF acronym at each state centroid. Default: `true`. */\n    showLabels?: boolean;\n    /** Accessible label for the map region. Default: `\"Mapa do Brasil por estado\"`. */\n    label?: string;\n    /** Custom content when the geometry is still loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + region + city count + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the map (e.g. capitals, stores). */\n    markers?: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n    /** Enable wheel-zoom + drag-pan (double-click resets). Default: `false`. */\n    zoomable?: boolean;\n}\n\n/**\n * Clickable choropleth map of Brazil's 27 federative units. Renders the bundled\n * simplified UF GeoJSON as SVG paths — **no external tiles or paid API**. Click\n * a state to fire `onSelect(uf)`; pass `selected` to highlight and `values` to\n * tint states by a metric.\n *\n * The GeoJSON (~36 KB gzip) is loaded lazily, so importing this component does\n * not pull the geometry until it actually mounts.\n *\n * @example\n * const [uf, setUf] = useState<UF | null>(null);\n * <BrazilMap selected={uf} onSelect={setUf} />\n *\n * @example\n * // Choropleth by a metric per state\n * <BrazilMap values={{ SP: 120, RJ: 90, MG: 60 }} />\n */\nexport function BrazilMap({\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    colorByRegion = false,\n    height = 440,\n    padding = 12,\n    showLabels = true,\n    label = \"Mapa do Brasil por estado\",\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<BrUfFeatureCollection | null>(null);\n    const { hover, onMove, onLeave } = useMapHover<{ uf: UF; name: string }>(containerRef);\n    const mapZoom = useMapZoom(zoomable);\n\n    useEffect(() => {\n        let active = true;\n        void import(\"./br-geo\").then((m) => {\n            if (active) setCollection(m.BR_UF_GEOJSON);\n        });\n        return () => {\n            active = false;\n        };\n    }, []);\n\n    useEffect(() => {\n        const node = containerRef.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver((entries) => {\n            const measured = entries[0]?.contentRect.width;\n            if (measured && measured > 0) setWidth(measured);\n        });\n        observer.observe(node);\n        return () => observer.disconnect();\n    }, []);\n\n    const selectedSet = useMemo<Set<UF>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as UF]);\n    }, [selected]);\n\n    const valueRange = useMemo<[number, number] | null>(() => {\n        if (!values) return null;\n        const nums = Object.values(values).filter((v): v is number => typeof v === \"number\");\n        if (nums.length === 0) return null;\n        return [Math.min(...nums), Math.max(...nums)];\n    }, [values]);\n\n    const shapes = useMemo(() => {\n        if (!collection) return null;\n        const projection = fitProjection(\n            geometriesBounds(collection.features.map((f) => f.geometry)),\n            width,\n            height,\n            { padding },\n        );\n        const items = collection.features.map((feature) => ({\n            uf: feature.properties.uf,\n            name: feature.properties.name,\n            region: feature.properties.region,\n            d: geometryPath(feature.geometry, projection),\n            centroid: geometryCentroid(feature.geometry, projection),\n        }));\n        return { projection, items };\n    }, [collection, width, height, padding]);\n\n    function fillFor(uf: UF): string | undefined {\n        const v = values?.[uf];\n        if (typeof v !== \"number\") return undefined;\n        if (colorScale) return colorScale(v);\n        if (!valueRange) return undefined;\n        const [min, max] = valueRange;\n        const t = max === min ? 1 : (v - min) / (max - min);\n        return lerpColor(minColor, maxColor, t);\n    }\n\n    // Memoized so frequent re-renders (hover tooltip) don't rebuild all 27 paths.\n    const stateEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.uf);\n            const fillColor = isSelected\n                ? undefined\n                : colorByRegion\n                  ? REGION_COLORS[shape.region]\n                  : fillFor(shape.uf);\n            return (\n                <path\n                    key={shape.uf}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-uf={shape.uf}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={onSelect ? () => onSelect(shape.uf) : undefined}\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ uf: shape.uf, name: shape.name }, e)\n                            : undefined\n                    }\n                    onMouseLeave={showTooltip ? onLeave : undefined}\n                    onKeyDown={\n                        onSelect\n                            ? (e) => {\n                                  if (e.key === \"Enter\" || e.key === \" \") {\n                                      e.preventDefault();\n                                      onSelect(shape.uf);\n                                  }\n                              }\n                            : undefined\n                    }\n                />\n            );\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        shapes,\n        selectedSet,\n        values,\n        colorScale,\n        colorByRegion,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={label}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando mapa…\"}</div>\n            ) : (\n                <svg\n                    className={styles.svg}\n                    width=\"100%\"\n                    height={height}\n                    viewBox={`0 0 ${width} ${height}`}\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    {...mapZoom.handlers}\n                >\n                    <g transform={mapZoom.transform || undefined}>\n                        {stateEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.uf}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.uf}\n                                </text>\n                            ))}\n\n                        {markers && markers.length > 0 && (\n                            <MapMarkers\n                                projection={shapes.projection}\n                                markers={markers}\n                                onMarkerClick={onMarkerClick}\n                            />\n                        )}\n                    </g>\n                </svg>\n            )}\n\n            {mapZoom.isTransformed && (\n                <button type=\"button\" className={styles.zoomReset} onClick={mapZoom.reset}>\n                    Reset\n                </button>\n            )}\n\n            {showTooltip && hover && (\n                <MapTooltip x={hover.x} y={hover.y}>\n                    {renderTooltip ? (\n                        renderTooltip({\n                            uf: hover.item.uf,\n                            name: hover.item.name,\n                            value: values?.[hover.item.uf],\n                        })\n                    ) : (\n                        <DefaultUfTooltip\n                            uf={hover.item.uf}\n                            name={hover.item.name}\n                            value={values?.[hover.item.uf]}\n                        />\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n\n/** Default UF tooltip: name (UF) + region + city count + optional value. */\nfunction DefaultUfTooltip({ uf, name, value }: { uf: UF; name: string; value?: number }) {\n    const state = getState(uf);\n    return (\n        <>\n            <div className={styles.tooltipTitle}>\n                {name} ({uf})\n            </div>\n            <div className={styles.tooltipMeta}>\n                {state ? `${state.region} · ${state.cities.length} cidades` : uf}\n                {typeof value === \"number\" ? ` · ${value}` : \"\"}\n            </div>\n        </>\n    );\n}\n"],"mappings":"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"}

package/dist/br/BrazilMap.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_map_t-hwx`,t=`tempest_svg_mUsn2`,n=`tempest_loading_55clN`,r=`tempest_state_JV7Hu`,i=`tempest_selected_CNxWu`,a=`tempest_label_PK-ES`,o=`tempest_tooltip_7n2Ui`,s=`tempest_tooltipTitle_PJZp0`,c=`tempest_tooltipMeta_hmNSP`,l=`tempest_marker_5td7B`,u=`tempest_zoomReset_IXmak`,d={map:e,svg:t,loading:n,state:r,selected:i,label:a,tooltip:o,tooltipTitle:s,tooltipMeta:c,marker:l,zoomReset:u};exports.default=d,exports.label=a,exports.loading=n,exports.map=e,exports.marker=l,exports.selected=i,exports.state=r,exports.svg=t,exports.tooltip=o,exports.tooltipMeta=c,exports.tooltipTitle=s,exports.zoomReset=u;
+//# sourceMappingURL=BrazilMap.module.cjs.map

package/dist/br/BrazilMap.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.module.cjs","names":[],"sources":["../../src/br/BrazilMap.module.css"],"sourcesContent":[".map {\n    position: relative;\n    width: 100%;\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.state {\n    fill: var(--tempest-surface-3);\n    stroke: var(--tempest-border-strong);\n    stroke-width: 0.75;\n    stroke-linejoin: round;\n    transition:\n        fill 0.12s ease,\n        opacity 0.12s ease;\n}\n\n.state[role=\"button\"] {\n    cursor: pointer;\n}\n\n.state[role=\"button\"]:hover {\n    fill: var(--tempest-primary-soft);\n}\n\n.state[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 1.5;\n}\n\n.selected {\n    fill: var(--tempest-primary);\n    stroke: var(--tempest-primary-active);\n    stroke-width: 1.25;\n}\n\n.selected:hover {\n    fill: var(--tempest-primary-hover);\n}\n\n.label {\n    fill: var(--tempest-text);\n    font-size: 10px;\n    font-weight: var(--tempest-weight-medium);\n    pointer-events: none;\n    user-select: none;\n}\n\n.tooltip {\n    position: absolute;\n    z-index: 2;\n    transform: translate(12px, 12px);\n    max-width: 240px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    box-shadow: var(--tempest-shadow-md, 0 4px 12px rgb(0 0 0 / 0.12));\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    pointer-events: none;\n    white-space: nowrap;\n}\n\n.tooltipTitle {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.tooltipMeta {\n    color: var(--tempest-text-muted);\n}\n\n.marker {\n    stroke: var(--tempest-surface);\n    stroke-width: 2;\n}\n\n.marker[role=\"button\"] {\n    cursor: pointer;\n}\n\n.marker[role=\"button\"]:hover {\n    stroke: var(--tempest-primary-active);\n}\n\n.marker[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 3;\n}\n\n.zoomReset {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n}\n\n.zoomReset:hover {\n    background: var(--tempest-surface-2);\n}\n"],"mappings":""}

package/dist/br/BrazilMap.module.js

@@ -0,0 +1,18 @@
+//#region src/br/BrazilMap.module.css
+var e = "tempest_map_t-hwx", t = "tempest_svg_mUsn2", n = "tempest_loading_55clN", r = "tempest_state_JV7Hu", i = "tempest_selected_CNxWu", a = "tempest_label_PK-ES", o = "tempest_tooltip_7n2Ui", s = "tempest_tooltipTitle_PJZp0", c = "tempest_tooltipMeta_hmNSP", l = "tempest_marker_5td7B", u = "tempest_zoomReset_IXmak", d = {
+	map: e,
+	svg: t,
+	loading: n,
+	state: r,
+	selected: i,
+	label: a,
+	tooltip: o,
+	tooltipTitle: s,
+	tooltipMeta: c,
+	marker: l,
+	zoomReset: u
+};
+//#endregion
+export { d as default, a as label, n as loading, e as map, l as marker, i as selected, r as state, t as svg, o as tooltip, c as tooltipMeta, s as tooltipTitle, u as zoomReset };
+
+//# sourceMappingURL=BrazilMap.module.js.map

package/dist/br/BrazilMap.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilMap.module.js","names":[],"sources":["../../src/br/BrazilMap.module.css"],"sourcesContent":[".map {\n    position: relative;\n    width: 100%;\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    overflow: hidden;\n}\n\n.svg {\n    display: block;\n    width: 100%;\n}\n\n.loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.state {\n    fill: var(--tempest-surface-3);\n    stroke: var(--tempest-border-strong);\n    stroke-width: 0.75;\n    stroke-linejoin: round;\n    transition:\n        fill 0.12s ease,\n        opacity 0.12s ease;\n}\n\n.state[role=\"button\"] {\n    cursor: pointer;\n}\n\n.state[role=\"button\"]:hover {\n    fill: var(--tempest-primary-soft);\n}\n\n.state[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 1.5;\n}\n\n.selected {\n    fill: var(--tempest-primary);\n    stroke: var(--tempest-primary-active);\n    stroke-width: 1.25;\n}\n\n.selected:hover {\n    fill: var(--tempest-primary-hover);\n}\n\n.label {\n    fill: var(--tempest-text);\n    font-size: 10px;\n    font-weight: var(--tempest-weight-medium);\n    pointer-events: none;\n    user-select: none;\n}\n\n.tooltip {\n    position: absolute;\n    z-index: 2;\n    transform: translate(12px, 12px);\n    max-width: 240px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    box-shadow: var(--tempest-shadow-md, 0 4px 12px rgb(0 0 0 / 0.12));\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    pointer-events: none;\n    white-space: nowrap;\n}\n\n.tooltipTitle {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.tooltipMeta {\n    color: var(--tempest-text-muted);\n}\n\n.marker {\n    stroke: var(--tempest-surface);\n    stroke-width: 2;\n}\n\n.marker[role=\"button\"] {\n    cursor: pointer;\n}\n\n.marker[role=\"button\"]:hover {\n    stroke: var(--tempest-primary-active);\n}\n\n.marker[role=\"button\"]:focus-visible {\n    outline: none;\n    stroke: var(--tempest-primary);\n    stroke-width: 3;\n}\n\n.zoomReset {\n    position: absolute;\n    top: var(--tempest-space-2);\n    right: var(--tempest-space-2);\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n}\n\n.zoomReset:hover {\n    background: var(--tempest-surface-2);\n}\n"],"mappings":""}

package/dist/br/BrazilStateCitySelect.cjs

@@ -0,0 +1,2 @@
+const e=require("../components/Select/Select.cjs"),t=require("./locations.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({defaultUf:i,defaultCity:a,onChange:o,stateLabel:s=`Estado`,cityLabel:c=`Cidade`,statePlaceholder:l=`Selecione o estado`,cityPlaceholder:u=`Selecione a cidade`,disabled:d=!1,layout:f=`row`}){let[p,m]=(0,n.useState)(i??null),[h,g]=(0,n.useState)(a??null),_=(0,n.useMemo)(()=>t.listStates().map(e=>({value:e.uf,label:e.name})),[]),v=(0,n.useMemo)(()=>p?t.cityChoices(p):[],[p]);function y(e){let n=t.normalizeUf(e);m(n),g(null),o?.({uf:n,city:null})}function b(e){let t=e||null;g(t),o?.({uf:p,city:t})}return(0,r.jsxs)(`div`,{style:{display:`flex`,flexDirection:f===`row`?`row`:`column`,gap:`var(--tempest-space-3, 12px)`,flexWrap:`wrap`},children:[(0,r.jsx)(e.Select,{label:s,placeholder:l,options:_,value:p??``,disabled:d,onChange:e=>y(e.target.value),style:{minWidth:0}}),(0,r.jsx)(e.Select,{label:c,placeholder:u,options:v,value:h??``,disabled:d||!p,onChange:e=>b(e.target.value),style:{minWidth:0}})]})}exports.BrazilStateCitySelect=i;
+//# sourceMappingURL=BrazilStateCitySelect.cjs.map

package/dist/br/BrazilStateCitySelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilStateCitySelect.cjs","names":[],"sources":["../../src/br/BrazilStateCitySelect.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement } from \"react\";\nimport { Select } from \"@/components/Select\";\nimport { cityChoices, listStates, normalizeUf, type UF } from \"./locations\";\n\n/** Current selection emitted by {@link BrazilStateCitySelect}. */\nexport interface BrazilStateCitySelection {\n    /** Selected federative unit, or `null` when none. */\n    uf: UF | null;\n    /** Selected city, or `null` when none. */\n    city: string | null;\n}\n\nexport interface BrazilStateCitySelectProps {\n    /** Pre-selected UF (uncontrolled initial value). */\n    defaultUf?: UF;\n    /** Pre-selected city (uncontrolled initial value). */\n    defaultCity?: string;\n    /** Fired whenever the state or city changes. */\n    onChange?: (selection: BrazilStateCitySelection) => void;\n    /** Label for the state select. Default: `\"Estado\"`. */\n    stateLabel?: string;\n    /** Label for the city select. Default: `\"Cidade\"`. */\n    cityLabel?: string;\n    /** Placeholder for the state select. Default: `\"Selecione o estado\"`. */\n    statePlaceholder?: string;\n    /** Placeholder for the city select. Default: `\"Selecione a cidade\"`. */\n    cityPlaceholder?: string;\n    /** Disable both selects. */\n    disabled?: boolean;\n    /** Layout of the two selects. Default: `\"row\"`. */\n    layout?: \"row\" | \"column\";\n}\n\n/**\n * Cascading Estado → Cidade selector backed by the bundled BR locations data —\n * pick a state and the city list narrows to that UF's municipalities. No\n * network, no external API. Complements {@link BrazilMap} (wire the map's\n * `onSelect` to drive the same UF).\n *\n * @example\n * <BrazilStateCitySelect onChange={({ uf, city }) => console.log(uf, city)} />\n */\nexport function BrazilStateCitySelect({\n    defaultUf,\n    defaultCity,\n    onChange,\n    stateLabel = \"Estado\",\n    cityLabel = \"Cidade\",\n    statePlaceholder = \"Selecione o estado\",\n    cityPlaceholder = \"Selecione a cidade\",\n    disabled = false,\n    layout = \"row\",\n}: BrazilStateCitySelectProps): ReactElement {\n    const [uf, setUf] = useState<UF | null>(defaultUf ?? null);\n    const [city, setCity] = useState<string | null>(defaultCity ?? null);\n\n    const stateOptions = useMemo(\n        () => listStates().map((s) => ({ value: s.uf, label: s.name })),\n        [],\n    );\n    const cityOptions = useMemo(() => (uf ? cityChoices(uf) : []), [uf]);\n\n    function handleUf(next: string): void {\n        const nextUf = normalizeUf(next);\n        setUf(nextUf);\n        setCity(null);\n        onChange?.({ uf: nextUf, city: null });\n    }\n\n    function handleCity(next: string): void {\n        const nextCity = next || null;\n        setCity(nextCity);\n        onChange?.({ uf, city: nextCity });\n    }\n\n    return (\n        <div\n            style={{\n                display: \"flex\",\n                flexDirection: layout === \"row\" ? \"row\" : \"column\",\n                gap: \"var(--tempest-space-3, 12px)\",\n                flexWrap: \"wrap\",\n            }}\n        >\n            <Select\n                label={stateLabel}\n                placeholder={statePlaceholder}\n                options={stateOptions}\n                value={uf ?? \"\"}\n                disabled={disabled}\n                onChange={(e) => handleUf(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n            <Select\n                label={cityLabel}\n                placeholder={cityPlaceholder}\n                options={cityOptions}\n                value={city ?? \"\"}\n                disabled={disabled || !uf}\n                onChange={(e) => handleCity(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n        </div>\n    );\n}\n"],"mappings":"sIA0CA,SAAgB,EAAsB,CAClC,YACA,cACA,WACA,aAAa,SACb,YAAY,SACZ,mBAAmB,qBACnB,kBAAkB,qBAClB,WAAW,GACX,SAAS,OACgC,CACzC,GAAM,CAAC,EAAI,IAAA,EAAA,EAAA,SAAA,CAA6B,GAAa,IAAI,EACnD,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAmC,GAAe,IAAI,EAE7D,GAAA,EAAA,EAAA,QAAA,KACI,EAAA,WAAW,CAAC,CAAC,IAAK,IAAO,CAAE,MAAO,EAAE,GAAI,MAAO,EAAE,IAAK,EAAE,EAC9D,CAAC,CACL,EACM,GAAA,EAAA,EAAA,QAAA,KAA6B,EAAK,EAAA,YAAY,CAAE,EAAI,CAAC,EAAI,CAAC,CAAE,CAAC,EAEnE,SAAS,EAAS,EAAoB,CAClC,IAAM,EAAS,EAAA,YAAY,CAAI,EAC/B,EAAM,CAAM,EACZ,EAAQ,IAAI,EACZ,IAAW,CAAE,GAAI,EAAQ,KAAM,IAAK,CAAC,CACzC,CAEA,SAAS,EAAW,EAAoB,CACpC,IAAM,EAAW,GAAQ,KACzB,EAAQ,CAAQ,EAChB,IAAW,CAAE,KAAI,KAAM,CAAS,CAAC,CACrC,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,MAAO,CACH,QAAS,OACT,cAAe,IAAW,MAAQ,MAAQ,SAC1C,IAAK,+BACL,SAAU,MACd,WANJ,EAQI,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,MAAO,EACP,YAAa,EACb,QAAS,EACT,MAAO,GAAM,GACH,WACV,SAAW,GAAM,EAAS,EAAE,OAAO,KAAK,EACxC,MAAO,CAAE,SAAU,CAAE,CACxB,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,MAAO,EACP,YAAa,EACb,QAAS,EACT,MAAO,GAAQ,GACf,SAAU,GAAY,CAAC,EACvB,SAAW,GAAM,EAAW,EAAE,OAAO,KAAK,EAC1C,MAAO,CAAE,SAAU,CAAE,CACxB,CAAA,CACA,GAEb"}

package/dist/br/BrazilStateCitySelect.js

@@ -0,0 +1,54 @@
+import { Select as e } from "../components/Select/Select.js";
+import { cityChoices as t, listStates as n, normalizeUf as r } from "./locations.js";
+import { useMemo as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/br/BrazilStateCitySelect.tsx
+function c({ defaultUf: c, defaultCity: l, onChange: u, stateLabel: d = "Estado", cityLabel: f = "Cidade", statePlaceholder: p = "Selecione o estado", cityPlaceholder: m = "Selecione a cidade", disabled: h = !1, layout: g = "row" }) {
+	let [_, v] = a(c ?? null), [y, b] = a(l ?? null), x = i(() => n().map((e) => ({
+		value: e.uf,
+		label: e.name
+	})), []), S = i(() => _ ? t(_) : [], [_]);
+	function C(e) {
+		let t = r(e);
+		v(t), b(null), u?.({
+			uf: t,
+			city: null
+		});
+	}
+	function w(e) {
+		let t = e || null;
+		b(t), u?.({
+			uf: _,
+			city: t
+		});
+	}
+	return /* @__PURE__ */ s("div", {
+		style: {
+			display: "flex",
+			flexDirection: g === "row" ? "row" : "column",
+			gap: "var(--tempest-space-3, 12px)",
+			flexWrap: "wrap"
+		},
+		children: [/* @__PURE__ */ o(e, {
+			label: d,
+			placeholder: p,
+			options: x,
+			value: _ ?? "",
+			disabled: h,
+			onChange: (e) => C(e.target.value),
+			style: { minWidth: 0 }
+		}), /* @__PURE__ */ o(e, {
+			label: f,
+			placeholder: m,
+			options: S,
+			value: y ?? "",
+			disabled: h || !_,
+			onChange: (e) => w(e.target.value),
+			style: { minWidth: 0 }
+		})]
+	});
+}
+//#endregion
+export { c as BrazilStateCitySelect };
+
+//# sourceMappingURL=BrazilStateCitySelect.js.map

package/dist/br/BrazilStateCitySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilStateCitySelect.js","names":[],"sources":["../../src/br/BrazilStateCitySelect.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement } from \"react\";\nimport { Select } from \"@/components/Select\";\nimport { cityChoices, listStates, normalizeUf, type UF } from \"./locations\";\n\n/** Current selection emitted by {@link BrazilStateCitySelect}. */\nexport interface BrazilStateCitySelection {\n    /** Selected federative unit, or `null` when none. */\n    uf: UF | null;\n    /** Selected city, or `null` when none. */\n    city: string | null;\n}\n\nexport interface BrazilStateCitySelectProps {\n    /** Pre-selected UF (uncontrolled initial value). */\n    defaultUf?: UF;\n    /** Pre-selected city (uncontrolled initial value). */\n    defaultCity?: string;\n    /** Fired whenever the state or city changes. */\n    onChange?: (selection: BrazilStateCitySelection) => void;\n    /** Label for the state select. Default: `\"Estado\"`. */\n    stateLabel?: string;\n    /** Label for the city select. Default: `\"Cidade\"`. */\n    cityLabel?: string;\n    /** Placeholder for the state select. Default: `\"Selecione o estado\"`. */\n    statePlaceholder?: string;\n    /** Placeholder for the city select. Default: `\"Selecione a cidade\"`. */\n    cityPlaceholder?: string;\n    /** Disable both selects. */\n    disabled?: boolean;\n    /** Layout of the two selects. Default: `\"row\"`. */\n    layout?: \"row\" | \"column\";\n}\n\n/**\n * Cascading Estado → Cidade selector backed by the bundled BR locations data —\n * pick a state and the city list narrows to that UF's municipalities. No\n * network, no external API. Complements {@link BrazilMap} (wire the map's\n * `onSelect` to drive the same UF).\n *\n * @example\n * <BrazilStateCitySelect onChange={({ uf, city }) => console.log(uf, city)} />\n */\nexport function BrazilStateCitySelect({\n    defaultUf,\n    defaultCity,\n    onChange,\n    stateLabel = \"Estado\",\n    cityLabel = \"Cidade\",\n    statePlaceholder = \"Selecione o estado\",\n    cityPlaceholder = \"Selecione a cidade\",\n    disabled = false,\n    layout = \"row\",\n}: BrazilStateCitySelectProps): ReactElement {\n    const [uf, setUf] = useState<UF | null>(defaultUf ?? null);\n    const [city, setCity] = useState<string | null>(defaultCity ?? null);\n\n    const stateOptions = useMemo(\n        () => listStates().map((s) => ({ value: s.uf, label: s.name })),\n        [],\n    );\n    const cityOptions = useMemo(() => (uf ? cityChoices(uf) : []), [uf]);\n\n    function handleUf(next: string): void {\n        const nextUf = normalizeUf(next);\n        setUf(nextUf);\n        setCity(null);\n        onChange?.({ uf: nextUf, city: null });\n    }\n\n    function handleCity(next: string): void {\n        const nextCity = next || null;\n        setCity(nextCity);\n        onChange?.({ uf, city: nextCity });\n    }\n\n    return (\n        <div\n            style={{\n                display: \"flex\",\n                flexDirection: layout === \"row\" ? \"row\" : \"column\",\n                gap: \"var(--tempest-space-3, 12px)\",\n                flexWrap: \"wrap\",\n            }}\n        >\n            <Select\n                label={stateLabel}\n                placeholder={statePlaceholder}\n                options={stateOptions}\n                value={uf ?? \"\"}\n                disabled={disabled}\n                onChange={(e) => handleUf(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n            <Select\n                label={cityLabel}\n                placeholder={cityPlaceholder}\n                options={cityOptions}\n                value={city ?? \"\"}\n                disabled={disabled || !uf}\n                onChange={(e) => handleCity(e.target.value)}\n                style={{ minWidth: 0 }}\n            />\n        </div>\n    );\n}\n"],"mappings":";;;;;AA0CA,SAAgB,EAAsB,EAClC,cACA,gBACA,aACA,gBAAa,UACb,eAAY,UACZ,sBAAmB,sBACnB,qBAAkB,sBAClB,cAAW,IACX,YAAS,SACgC;CACzC,IAAM,CAAC,GAAI,KAAS,EAAoB,KAAa,IAAI,GACnD,CAAC,GAAM,KAAW,EAAwB,KAAe,IAAI,GAE7D,IAAe,QACX,EAAW,CAAC,CAAC,KAAK,OAAO;EAAE,OAAO,EAAE;EAAI,OAAO,EAAE;CAAK,EAAE,GAC9D,CAAC,CACL,GACM,IAAc,QAAe,IAAK,EAAY,CAAE,IAAI,CAAC,GAAI,CAAC,CAAE,CAAC;CAEnE,SAAS,EAAS,GAAoB;EAClC,IAAM,IAAS,EAAY,CAAI;EAG/B,AAFA,EAAM,CAAM,GACZ,EAAQ,IAAI,GACZ,IAAW;GAAE,IAAI;GAAQ,MAAM;EAAK,CAAC;CACzC;CAEA,SAAS,EAAW,GAAoB;EACpC,IAAM,IAAW,KAAQ;EAEzB,AADA,EAAQ,CAAQ,GAChB,IAAW;GAAE;GAAI,MAAM;EAAS,CAAC;CACrC;CAEA,OACI,kBAAC,OAAD;EACI,OAAO;GACH,SAAS;GACT,eAAe,MAAW,QAAQ,QAAQ;GAC1C,KAAK;GACL,UAAU;EACd;YANJ,CAQI,kBAAC,GAAD;GACI,OAAO;GACP,aAAa;GACb,SAAS;GACT,OAAO,KAAM;GACH;GACV,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;GACxC,OAAO,EAAE,UAAU,EAAE;EACxB,CAAA,GACD,kBAAC,GAAD;GACI,OAAO;GACP,aAAa;GACb,SAAS;GACT,OAAO,KAAQ;GACf,UAAU,KAAY,CAAC;GACvB,WAAW,MAAM,EAAW,EAAE,OAAO,KAAK;GAC1C,OAAO,EAAE,UAAU,EAAE;EACxB,CAAA,CACA;;AAEb"}

package/dist/br/BrazilStateMap.cjs

@@ -0,0 +1,2 @@
+const e=require("../utils/cn.cjs"),t=require("../geo/projection.cjs"),n=require("./locations.cjs"),r=require("./state-geo.cjs"),i=require("./BrazilMap.module.cjs"),a=require("./MapMarkers.cjs"),o=require("./MapTooltip.cjs"),s=require("./use-map-zoom.cjs"),c=require("./svg-utils.cjs"),l=require("./use-map-hover.cjs");let u=require("react"),d=require("react/jsx-runtime");function f({uf:f,selected:p,onSelect:m,values:h,minColor:g=`#dbeafe`,maxColor:_=`#2563eb`,colorScale:v,height:y=440,padding:b=12,showLabels:x=!1,label:S,loadingContent:C,showTooltip:w=!0,renderTooltip:T,markers:E,onMarkerClick:D,zoomable:O=!1,className:k,style:A,...j}){let M=(0,u.useRef)(null),[N,P]=(0,u.useState)(600),[F,I]=(0,u.useState)(null),L=s.useMapZoom(O),{hover:R,onMove:z,onLeave:B}=l.useMapHover(M);(0,u.useEffect)(()=>{let e=!0;return I(null),r.loadStateMunicipalities(f).then(t=>{e&&I(t)}),()=>{e=!1}},[f]),(0,u.useEffect)(()=>{let e=M.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect.width;t&&t>0&&P(t)});return t.observe(e),()=>t.disconnect()},[]);let V=(0,u.useMemo)(()=>p?new Set(Array.isArray(p)?p:[p]):new Set,[p]),H=(0,u.useMemo)(()=>{if(!h)return null;let e=Object.values(h).filter(e=>typeof e==`number`);return e.length===0?null:[Math.min(...e),Math.max(...e)]},[h]),U=(0,u.useMemo)(()=>{if(!F)return null;let e=t.fitProjection(c.geometriesBounds(F.features.map(e=>e.geometry)),N,y,{padding:b});return{projection:e,items:F.features.map(t=>({id:t.properties.id,name:t.properties.name,d:c.geometryPath(t.geometry,e),centroid:c.geometryCentroid(t.geometry,e)}))}},[F,N,y,b]);function W(e,t){let n=h?.[e]??h?.[t];if(typeof n!=`number`)return;if(v)return v(n);if(!H)return;let[r,i]=H;return c.lerpColor(g,_,i===r?1:(n-r)/(i-r))}let G=(0,u.useMemo)(()=>U?U.items.map(t=>{let n=V.has(t.id)||V.has(t.name),r=n?void 0:W(t.id,t.name);return(0,d.jsx)(`path`,{className:e.cn(i.default.state,n&&i.default.selected),d:t.d,fillRule:`evenodd`,style:r?{fill:r}:void 0,"data-city-id":t.id,"data-city":t.name,tabIndex:m?0:void 0,role:m?`button`:void 0,"aria-label":t.name,"aria-pressed":m?n:void 0,onClick:m?()=>m({id:t.id,name:t.name}):void 0,onMouseMove:w?e=>z({id:t.id,name:t.name},e):void 0,onMouseLeave:w?B:void 0,onKeyDown:m?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m({id:t.id,name:t.name}))}:void 0},t.id)}):null,[U,V,h,v,g,_,m,w,z,B]),K=S??`Municípios de ${n.getState(f)?.name??f}`;return(0,d.jsxs)(`div`,{ref:M,className:e.cn(i.default.map,k),style:{height:y,...A},role:`group`,"aria-label":K,...j,children:[U?(0,d.jsx)(`svg`,{className:i.default.svg,width:`100%`,height:y,viewBox:`0 0 ${N} ${y}`,preserveAspectRatio:`xMidYMid meet`,...L.handlers,children:(0,d.jsxs)(`g`,{transform:L.transform||void 0,children:[G,x&&U.items.map(e=>(0,d.jsx)(`text`,{className:i.default.label,x:e.centroid.x,y:e.centroid.y,textAnchor:`middle`,dominantBaseline:`central`,children:e.name},`label-${e.id}`)),E&&E.length>0&&(0,d.jsx)(a.MapMarkers,{projection:U.projection,markers:E,onMarkerClick:D})]})}):(0,d.jsx)(`div`,{className:i.default.loading,children:C??`Carregando municípios…`}),L.isTransformed&&(0,d.jsx)(`button`,{type:`button`,className:i.default.zoomReset,onClick:L.reset,children:`Reset`}),w&&R&&(0,d.jsx)(o.MapTooltip,{x:R.x,y:R.y,children:T?T({...R.item,value:h?.[R.item.id]??h?.[R.item.name]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{className:i.default.tooltipTitle,children:R.item.name}),(0,d.jsxs)(`div`,{className:i.default.tooltipMeta,children:[`IBGE `,R.item.id,(()=>{let e=h?.[R.item.id]??h?.[R.item.name];return typeof e==`number`?` · ${e}`:``})()]})]})})]})}exports.BrazilStateMap=f;
+//# sourceMappingURL=BrazilStateMap.cjs.map

package/dist/br/BrazilStateMap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrazilStateMap.cjs","names":[],"sources":["../../src/br/BrazilStateMap.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { fitProjection } from \"@/geo/projection\";\nimport type { GeoMarker } from \"@/geo/types\";\nimport { getState, type UF } from \"./locations\";\nimport { MapMarkers } from \"./MapMarkers\";\nimport { MapTooltip } from \"./MapTooltip\";\nimport type { ColorScale } from \"./scales\";\nimport { useMapZoom } from \"./use-map-zoom\";\nimport { loadStateMunicipalities, type StateMunicipalities } from \"./state-geo\";\nimport { geometriesBounds, geometryCentroid, geometryPath, lerpColor } from \"./svg-utils\";\nimport { useMapHover } from \"./use-map-hover\";\nimport styles from \"./BrazilMap.module.css\";\n\n/** A municipality identified for selection callbacks. */\nexport interface Municipality {\n    /** 7-digit IBGE code. */\n    id: string;\n    /** Municipality name. */\n    name: string;\n}\n\n/** Data passed to a {@link BrazilStateMapProps.renderTooltip} callback. */\nexport interface BrazilStateMapTooltipData extends Municipality {\n    /** Choropleth value for this municipality, if `values` was provided. */\n    value?: number;\n}\n\nexport interface BrazilStateMapProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n    /** Federative unit to draw (required). */\n    uf: UF;\n    /** Selected municipality — matched by IBGE `id` or by `name`. Accepts many. */\n    selected?: string | readonly string[] | null;\n    /** Fired when a municipality is clicked. */\n    onSelect?: (municipality: Municipality) => void;\n    /**\n     * Choropleth values keyed by municipality `id` **or** `name`. When set, each\n     * municipality is tinted between `minColor` and `maxColor`.\n     */\n    values?: Record<string, number>;\n    /** Choropleth low-end color (2-color linear ramp). Default: a light primary tint. */\n    minColor?: string;\n    /** Choropleth high-end color (2-color linear ramp). Default: the primary token. */\n    maxColor?: string;\n    /**\n     * Custom value→color scale (from `sequentialScale`/`quantizeScale`). Takes\n     * precedence over `minColor`/`maxColor`. Pair with a `<MapLegend>`.\n     */\n    colorScale?: ColorScale;\n    /** Viewport height in pixels. Default: `440`. */\n    height?: number;\n    /** Inner padding in pixels. Default: `12`. */\n    padding?: number;\n    /**\n     * Render each municipality name at its centroid. Off by default — a state\n     * can have hundreds of municipalities and labels overlap badly.\n     */\n    showLabels?: boolean;\n    /** Accessible label. Default: derived from the state name. */\n    label?: string;\n    /** Content while the state geometry is loading. */\n    loadingContent?: ReactNode;\n    /** Show a floating tooltip (name + IBGE code + value) on hover. Default: `true`. */\n    showTooltip?: boolean;\n    /** Override the default tooltip content. */\n    renderTooltip?: (data: BrazilStateMapTooltipData) => ReactNode;\n    /** Point markers to overlay on the state (e.g. addresses, POIs). */\n    markers?: readonly GeoMarker[];\n    /** Fired when a marker is clicked. */\n    onMarkerClick?: (marker: GeoMarker, index: number) => void;\n    /** Enable wheel-zoom + drag-pan (double-click resets). Default: `false`. */\n    zoomable?: boolean;\n}\n\n/**\n * Clickable submap of a single Brazilian state showing **all its\n * municipalities** as SVG paths — no external tiles or paid API. The state's\n * geometry (~40-70 KB gzip) is loaded lazily per UF, so switching states fetches\n * only what is shown.\n *\n * @example\n * const [city, setCity] = useState<string | null>(null);\n * <BrazilStateMap uf=\"SP\" selected={city} onSelect={(m) => setCity(m.name)} />\n *\n * @example\n * // Choropleth of a metric by municipality name\n * <BrazilStateMap uf=\"RJ\" values={{ \"Rio de Janeiro\": 100, Niterói: 40 }} />\n */\nexport function BrazilStateMap({\n    uf,\n    selected,\n    onSelect,\n    values,\n    minColor = \"#dbeafe\",\n    maxColor = \"#2563eb\",\n    colorScale,\n    height = 440,\n    padding = 12,\n    showLabels = false,\n    label,\n    loadingContent,\n    showTooltip = true,\n    renderTooltip,\n    markers,\n    onMarkerClick,\n    zoomable = false,\n    className,\n    style,\n    ...rest\n}: BrazilStateMapProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [width, setWidth] = useState<number>(600);\n    const [collection, setCollection] = useState<StateMunicipalities | null>(null);\n    const mapZoom = useMapZoom(zoomable);\n    const { hover, onMove, onLeave } = useMapHover<Municipality>(containerRef);\n\n    useEffect(() => {\n        let active = true;\n        setCollection(null);\n        void loadStateMunicipalities(uf).then((data) => {\n            if (active) setCollection(data);\n        });\n        return () => {\n            active = false;\n        };\n    }, [uf]);\n\n    useEffect(() => {\n        const node = containerRef.current;\n        if (!node || typeof ResizeObserver === \"undefined\") return;\n        const observer = new ResizeObserver((entries) => {\n            const measured = entries[0]?.contentRect.width;\n            if (measured && measured > 0) setWidth(measured);\n        });\n        observer.observe(node);\n        return () => observer.disconnect();\n    }, []);\n\n    const selectedSet = useMemo<Set<string>>(() => {\n        if (!selected) return new Set();\n        return new Set(Array.isArray(selected) ? selected : [selected as string]);\n    }, [selected]);\n\n    const valueRange = useMemo<[number, number] | null>(() => {\n        if (!values) return null;\n        const nums = Object.values(values).filter((v): v is number => typeof v === \"number\");\n        if (nums.length === 0) return null;\n        return [Math.min(...nums), Math.max(...nums)];\n    }, [values]);\n\n    const shapes = useMemo(() => {\n        if (!collection) return null;\n        const projection = fitProjection(\n            geometriesBounds(collection.features.map((f) => f.geometry)),\n            width,\n            height,\n            { padding },\n        );\n        const items = collection.features.map((feature) => ({\n            id: feature.properties.id,\n            name: feature.properties.name,\n            d: geometryPath(feature.geometry, projection),\n            centroid: geometryCentroid(feature.geometry, projection),\n        }));\n        return { projection, items };\n    }, [collection, width, height, padding]);\n\n    function fillFor(id: string, name: string): string | undefined {\n        const v = values?.[id] ?? values?.[name];\n        if (typeof v !== \"number\") return undefined;\n        if (colorScale) return colorScale(v);\n        if (!valueRange) return undefined;\n        const [min, max] = valueRange;\n        const t = max === min ? 1 : (v - min) / (max - min);\n        return lerpColor(minColor, maxColor, t);\n    }\n\n    // Memoized so hover re-renders don't rebuild hundreds of municipality paths.\n    const cityEls = useMemo(() => {\n        if (!shapes) return null;\n        return shapes.items.map((shape) => {\n            const isSelected = selectedSet.has(shape.id) || selectedSet.has(shape.name);\n            const fillColor = isSelected ? undefined : fillFor(shape.id, shape.name);\n            return (\n                <path\n                    key={shape.id}\n                    className={cn(styles.state, isSelected && styles.selected)}\n                    d={shape.d}\n                    fillRule=\"evenodd\"\n                    style={fillColor ? { fill: fillColor } : undefined}\n                    data-city-id={shape.id}\n                    data-city={shape.name}\n                    tabIndex={onSelect ? 0 : undefined}\n                    role={onSelect ? \"button\" : undefined}\n                    aria-label={shape.name}\n                    aria-pressed={onSelect ? isSelected : undefined}\n                    onClick={\n                        onSelect ? () => onSelect({ id: shape.id, name: shape.name }) : undefined\n                    }\n                    onMouseMove={\n                        showTooltip\n                            ? (e) => onMove({ id: shape.id, name: shape.name }, e)\n                            : undefined\n                    }\n                    onMouseLeave={showTooltip ? onLeave : undefined}\n                    onKeyDown={\n                        onSelect\n                            ? (e) => {\n                                  if (e.key === \"Enter\" || e.key === \" \") {\n                                      e.preventDefault();\n                                      onSelect({ id: shape.id, name: shape.name });\n                                  }\n                              }\n                            : undefined\n                    }\n                />\n            );\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        shapes,\n        selectedSet,\n        values,\n        colorScale,\n        minColor,\n        maxColor,\n        onSelect,\n        showTooltip,\n        onMove,\n        onLeave,\n    ]);\n\n    const resolvedLabel = label ?? `Municípios de ${getState(uf)?.name ?? uf}`;\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.map, className)}\n            style={{ height, ...style }}\n            role=\"group\"\n            aria-label={resolvedLabel}\n            {...rest}\n        >\n            {!shapes ? (\n                <div className={styles.loading}>{loadingContent ?? \"Carregando municípios…\"}</div>\n            ) : (\n                <svg\n                    className={styles.svg}\n                    width=\"100%\"\n                    height={height}\n                    viewBox={`0 0 ${width} ${height}`}\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    {...mapZoom.handlers}\n                >\n                    <g transform={mapZoom.transform || undefined}>\n                        {cityEls}\n\n                        {showLabels &&\n                            shapes.items.map((shape) => (\n                                <text\n                                    key={`label-${shape.id}`}\n                                    className={styles.label}\n                                    x={shape.centroid.x}\n                                    y={shape.centroid.y}\n                                    textAnchor=\"middle\"\n                                    dominantBaseline=\"central\"\n                                >\n                                    {shape.name}\n                                </text>\n                            ))}\n\n                        {markers && markers.length > 0 && (\n                            <MapMarkers\n                                projection={shapes.projection}\n                                markers={markers}\n                                onMarkerClick={onMarkerClick}\n                            />\n                        )}\n                    </g>\n                </svg>\n            )}\n\n            {mapZoom.isTransformed && (\n                <button type=\"button\" className={styles.zoomReset} onClick={mapZoom.reset}>\n                    Reset\n                </button>\n            )}\n\n            {showTooltip && hover && (\n                <MapTooltip x={hover.x} y={hover.y}>\n                    {renderTooltip ? (\n                        renderTooltip({\n                            ...hover.item,\n                            value: values?.[hover.item.id] ?? values?.[hover.item.name],\n                        })\n                    ) : (\n                        <>\n                            <div className={styles.tooltipTitle}>{hover.item.name}</div>\n                            <div className={styles.tooltipMeta}>\n                                IBGE {hover.item.id}\n                                {(() => {\n                                    const v = values?.[hover.item.id] ?? values?.[hover.item.name];\n                                    return typeof v === \"number\" ? ` · ${v}` : \"\";\n                                })()}\n                            </div>\n                        </>\n                    )}\n                </MapTooltip>\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}