tempest-react-sdk 0.23.0 → 0.24.0

package/dist/br/BrazilStateCitySelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BrazilStateCitySelect.cjs","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"],"names":["BrazilStateCitySelect","defaultUf","defaultCity","onChange","stateLabel","cityLabel","statePlaceholder","cityPlaceholder","disabled","layout","uf","setUf","useState","city","setCity","stateOptions","useMemo","listStates","s","cityOptions","cityChoices","handleUf","next","nextUf","normalizeUf","handleCity","nextCity","jsxs","jsx","Select"],"mappings":"kNA0CO,SAASA,EAAsB,CAClC,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,SACb,UAAAC,EAAY,SACZ,iBAAAC,EAAmB,qBACnB,gBAAAC,EAAkB,qBAClB,SAAAC,EAAW,GACX,OAAAC,EAAS,KACb,EAA6C,CACzC,KAAM,CAACC,EAAIC,CAAK,EAAIC,EAAAA,SAAoBX,GAAa,IAAI,EACnD,CAACY,EAAMC,CAAO,EAAIF,EAAAA,SAAwBV,GAAe,IAAI,EAE7Da,EAAeC,EAAAA,QACjB,IAAMC,aAAA,EAAa,IAAKC,IAAO,CAAE,MAAOA,EAAE,GAAI,MAAOA,EAAE,MAAO,EAC9D,CAAA,CAAC,EAECC,EAAcH,UAAQ,IAAON,EAAKU,EAAAA,YAAYV,CAAE,EAAI,CAAA,EAAK,CAACA,CAAE,CAAC,EAEnE,SAASW,EAASC,EAAoB,CAClC,MAAMC,EAASC,EAAAA,YAAYF,CAAI,EAC/BX,EAAMY,CAAM,EACZT,EAAQ,IAAI,EACZX,IAAW,CAAE,GAAIoB,EAAQ,KAAM,KAAM,CACzC,CAEA,SAASE,EAAWH,EAAoB,CACpC,MAAMI,EAAWJ,GAAQ,KACzBR,EAAQY,CAAQ,EAChBvB,IAAW,CAAE,GAAAO,EAAI,KAAMgB,CAAA,CAAU,CACrC,CAEA,OACIC,EAAAA,KAAC,MAAA,CACG,MAAO,CACH,QAAS,OACT,cAAelB,IAAW,MAAQ,MAAQ,SAC1C,IAAK,+BACL,SAAU,MAAA,EAGd,SAAA,CAAAmB,EAAAA,IAACC,EAAAA,OAAA,CACG,MAAOzB,EACP,YAAaE,EACb,QAASS,EACT,MAAOL,GAAM,GACb,SAAAF,EACA,SAAW,GAAMa,EAAS,EAAE,OAAO,KAAK,EACxC,MAAO,CAAE,SAAU,CAAA,CAAE,CAAA,EAEzBO,EAAAA,IAACC,EAAAA,OAAA,CACG,MAAOxB,EACP,YAAaE,EACb,QAASY,EACT,MAAON,GAAQ,GACf,SAAUL,GAAY,CAACE,EACvB,SAAW,GAAMe,EAAW,EAAE,OAAO,KAAK,EAC1C,MAAO,CAAE,SAAU,CAAA,CAAE,CAAA,CACzB,CAAA,CAAA,CAGZ"}
+{"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

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

package/dist/br/BrazilStateCitySelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrazilStateCitySelect.js","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"],"names":["BrazilStateCitySelect","defaultUf","defaultCity","onChange","stateLabel","cityLabel","statePlaceholder","cityPlaceholder","disabled","layout","uf","setUf","useState","city","setCity","stateOptions","useMemo","listStates","s","cityOptions","cityChoices","handleUf","next","nextUf","normalizeUf","handleCity","nextCity","jsxs","jsx","Select"],"mappings":";;;;AA0CO,SAASA,EAAsB;AAAA,EAClC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AACb,GAA6C;AACzC,QAAM,CAACC,GAAIC,CAAK,IAAIC,EAAoBX,KAAa,IAAI,GACnD,CAACY,GAAMC,CAAO,IAAIF,EAAwBV,KAAe,IAAI,GAE7Da,IAAeC;AAAA,IACjB,MAAMC,EAAA,EAAa,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,OAAO;AAAA,IAC9D,CAAA;AAAA,EAAC,GAECC,IAAcH,EAAQ,MAAON,IAAKU,EAAYV,CAAE,IAAI,CAAA,GAAK,CAACA,CAAE,CAAC;AAEnE,WAASW,EAASC,GAAoB;AAClC,UAAMC,IAASC,EAAYF,CAAI;AAC/B,IAAAX,EAAMY,CAAM,GACZT,EAAQ,IAAI,GACZX,IAAW,EAAE,IAAIoB,GAAQ,MAAM,MAAM;AAAA,EACzC;AAEA,WAASE,EAAWH,GAAoB;AACpC,UAAMI,IAAWJ,KAAQ;AACzB,IAAAR,EAAQY,CAAQ,GAChBvB,IAAW,EAAE,IAAAO,GAAI,MAAMgB,EAAA,CAAU;AAAA,EACrC;AAEA,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,SAAS;AAAA,QACT,eAAelB,MAAW,QAAQ,QAAQ;AAAA,QAC1C,KAAK;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,MAGd,UAAA;AAAA,QAAA,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAOzB;AAAA,YACP,aAAaE;AAAA,YACb,SAASS;AAAA,YACT,OAAOL,KAAM;AAAA,YACb,UAAAF;AAAA,YACA,UAAU,CAAC,MAAMa,EAAS,EAAE,OAAO,KAAK;AAAA,YACxC,OAAO,EAAE,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAEzB,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAOxB;AAAA,YACP,aAAaE;AAAA,YACb,SAASY;AAAA,YACT,OAAON,KAAQ;AAAA,YACf,UAAUL,KAAY,CAACE;AAAA,YACvB,UAAU,CAAC,MAAMe,EAAW,EAAE,OAAO,KAAK;AAAA,YAC1C,OAAO,EAAE,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"BrazilStateMap.cjs","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"],"names":["BrazilStateMap","uf","selected","onSelect","values","minColor","maxColor","colorScale","height","padding","showLabels","label","loadingContent","showTooltip","renderTooltip","markers","onMarkerClick","zoomable","className","style","rest","containerRef","useRef","width","setWidth","useState","collection","setCollection","mapZoom","useMapZoom","hover","onMove","onLeave","useMapHover","useEffect","active","loadStateMunicipalities","data","node","observer","entries","measured","selectedSet","useMemo","valueRange","nums","v","shapes","projection","fitProjection","geometriesBounds","f","items","feature","geometryPath","geometryCentroid","fillFor","id","name","min","max","t","lerpColor","cityEls","shape","isSelected","fillColor","jsx","cn","styles","e","resolvedLabel","getState","jsxs","MapMarkers","MapTooltip","Fragment"],"mappings":"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"}
+{"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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"}