tempest-react-sdk 0.61.0 → 0.63.0

package/README.md

@@ -159,6 +159,8 @@ Via `package.json`:
 
 Requires React `>=18` and Node `>=22.12` to build.
 
+**A bundler is required.** Every component module imports its own stylesheet (see [CSS import](#css-import)), and `.css` is not a format Node can load — `node -e "import('tempest-react-sdk')"` fails with `ERR_UNKNOWN_FILE_EXTENSION`. Vite, webpack, Rspack, Parcel and esbuild all resolve that import, and the SDK is client-side only, so no real consumer is affected; a **Jest** suite needs `moduleNameMapper: { "\\.css$": "<rootDir>/test/css-stub.js" }`, the same mapping any CSS-Modules project already has. Vitest needs nothing.
+
 ### Peer & bundled dependencies
 
 **react**, **react-dom** and **react-router** are peer dependencies — those must come from the host app, because a second copy is not just wasted bytes, it is a second _instance_ of a React context and it breaks at runtime.
@@ -205,17 +207,18 @@ The reset claims the document surface too — `body { margin: 0 }` plus the them
 
 The styles ship hashed under the `tempest_` namespace — they do **not** collide with Tailwind, Stitches, Linaria, or app-level CSS Modules.
 
-**Importing less.** The JavaScript you import is tree-shaken; the CSS is not, so `styles.css` carries all ~150 components whether you mount thirteen or all of them. Pay for what you use by taking the foundation plus the sheets you need:
+**Importing less — every component carries its own CSS.** `import { Button }` brings the button's stylesheet with it, in any bundler, with no plugin: you import the foundation and nothing else.
 
 ```ts
-import "tempest-react-sdk/styles/core.css"; // tokens + global reset — see below
-import "tempest-react-sdk/styles/Button.css";
-import "tempest-react-sdk/styles/forms.css"; // or a whole family
+import "tempest-react-sdk/styles/tokens.css";
+import "tempest-react-sdk/styles/scoped.css";
 ```
 
-Measured in a real Vite app mounting twelve components: **236.71 kB raw / 35.38 kB gzip** with `styles.css`, **38.94 kB / 7.70 kB** with `core.css` plus those twelve — 78% less. See [Styles](https://mauriciobenjamin700.github.io/tempest-react-sdk/styles/) for the full list of groups.
+Measured in a real Vite app mounting `Button`, `Card` and `Badge`: **241.73 kB raw / 29.15 kB brotli** with `styles.css`, **27.40 kB / 4.49 kB** with the foundation alone — and the computed styles of all 37 selectors are identical in light and dark. The same app under webpack: 28.53 kB / 4.88 kB. `sideEffects: ["**/*.css"]` is what lets the bundler drop the sheet of a component you never mount.
+
+`styles.css` stays published, and a sheet imported by hand still works — see [Styles](https://mauriciobenjamin700.github.io/tempest-react-sdk/styles/) for `styles/component/<Component>.css`, the groups, and why to prefer that path to `styles/<Component>.css`.
 
-**Letting the build keep that list.** `tempestStyles()` reads the imports your source already writes and resolves `styles/auto.css` to exactly the sheets your app can reach — including the ones it reaches _transitively_, which is where a hand-kept list goes wrong (`<DataTable>` alone needs six, `<AIChat>` seven):
+**Trimming the foundation.** `tokens.css` is 220 tokens and a three-component app reads 105 of them, so it becomes the largest single item of CSS left. `tempestStyles()` closes over the tokens your sheets actually consult — 4.49 kB → **3.37 kB** brotli on that same app:
 
 ```ts
 // vite.config.ts
@@ -229,7 +232,7 @@ import "tempest-react-sdk/styles/auto.css";
 **If your app owns its own layout,** do not reach for `core.css`: 44 of its 46 selectors dress markup you own (`html`, `body`, `#root`, `button`, `table`, `:where(ul, ol)[class]`). Dropping it is not the fix either — the components are written _against_ that reset, so without it they lose their box model, not their polish. Take the foundation in two pieces instead, which is also what `tempestStyles()` emits by default:
 
 ```ts
-import "tempest-react-sdk/styles/tokens.css"; // the 373 --tempest-* tokens
+import "tempest-react-sdk/styles/tokens.css"; // the 220 --tempest-* tokens
 import "tempest-react-sdk/styles/scoped.css"; // the reset, confined to :where([class*="tempest_"])
 ```
 
@@ -273,8 +276,8 @@ Every module is re-exported from the package root — `import { Button, useDebou
 | `app`                                                                                             | `AppProviders` (composes `ErrorBoundary` → `QueryProvider` → `ThemeProvider` → `I18nProvider`), type: `AppProvidersProps`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | `vite` _(subpath `tempest-react-sdk/vite`)_                                                       | `createViteConfig`, `tempestPwaManifest` (emits `precache-manifest.json` for offline precache), `tempestPwaIcons` (generates the PNG icon set from one SVG via `sharp`), `tempestPwaDevSw` (serves the SW under `npm run dev`), `tempestPwaIcons({ appleSplash })` (Apple splash screens), types: `CreateViteConfigOptions`, `ProxyEntry`, `TempestViteConfig`, `TempestPwaManifestOptions`, `TempestPwaIconsOptions`, `TempestPwaDevSwOptions`, `AppleSplashSpec`, `TempestVitePlugin`                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 | `forms` _(peer: `zod`, `react-hook-form`)_                                                        | `validateForm`, `zodResolver`, `useZodForm`, `validateCPF`, `validateCNPJ`, `formatCEP`, `formatCNPJ`, `unmask`, `CPFInput`, `CNPJInput`, `PhoneInput`, `CEPInput`, `MoneyInput`, `useViaCEP`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| `sse`                                                                                             | `createEventStream`, `useEventStream` (`onParseError` para frame que não é JSON)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
-| `ws`                                                                                              | `createWebSocket` (handshake timeout, silence watchdog, jittered backoff, `navigator.onLine` suspend, close-code classification, `opened` promise), `useWebSocket`, `onParseError` (frame que não é JSON: descarta em vez de entregar `string` como `T`), `isRejectionCloseCode`, `HEARTBEAT_CLOSE_CODE`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `sse`                                                                                             | `createEventStream`, `useEventStream` (`schema` valida cada frame — zod/valibot/arktype via Standard Schema — e `onParseError` para frame que não é JSON)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| `ws`                                                                                              | `createWebSocket` (handshake timeout, silence watchdog, jittered backoff, `navigator.onLine` suspend, close-code classification, `opened` promise), `useWebSocket`, `schema` + `onValidationError` (frame fora do contrato não é entregue; o `pong` do heartbeat continua saindo), `onParseError` (frame que não é JSON: descarta em vez de entregar `string` como `T`), `isRejectionCloseCode`, `HEARTBEAT_CLOSE_CODE`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 | `webrtc`                                                                                          | `tuneOpus` (Opus `fmtp` per audio m-line: per-key merge, `stereo` + `sprop-stereo`, inserts a missing `fmtp`), `setTunedLocalDescription` (falls back to the untouched SDP when the browser refuses the edit), `setSenderBitrate`, `createLinkStatsSampler` / `useLinkStats` / `readRoundTripMs` (throughput as a delta, round trip from the **selected** candidate pair)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | `geo` _(opt. peer `leaflet`)_                                                                     | `haversineKm`, `pathLengthKm`, `bearingDeg`, `estimateTravel`, `createOSRMBackend`, `boundingBox`, `projectMercator`, `fitProjection`, `createPositionTracker`, `usePositionTracker`, `TrajectoryMap` — tile-free SVG map + trajectory tracking (no external/paid API; Leaflet is an opt-in, lazy-loaded tile layer for self-hosted tiles), types: `Coordinate`, `TrackPoint`, `TravelEstimate`, `TravelMode`, `GeoBounds`, `RoutingBackend`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 | `br` _(subpath `tempest-react-sdk/br`)_                                                           | `BrazilMap`, `BrazilStateMap`, `BrazilStateCitySelect`, `listStates`, `getState`, `citiesByUf`, `statesByRegion`, `ufChoices`, `cityChoices`, `isValidUf`, `normalizeUf`, `isValidCity`, `loadBrUfGeoJson`, `loadStateMunicipalities`, types `UF`, `BrRegion`, `BrazilState` — clickable 27-UF SVG map + per-state municipality submaps (bundled simplified IBGE GeoJSON, lazy per UF) + states/cities dataset, no external API; mirrors the FastAPI SDK `utils/locations`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
@@ -308,8 +311,8 @@ Every module is re-exported from the package root — `import { Button, useDebou
 | `app`                                                                                             | `AppProviders` (composes `ErrorBoundary` → `QueryProvider` → `ThemeProvider` → `I18nProvider`), type: `AppProvidersProps`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | `vite` _(subpath `tempest-react-sdk/vite`)_                                                       | `createViteConfig`, `tempestPwaManifest` (emits `precache-manifest.json` for offline precache), `tempestPwaIcons` (generates the PNG icon set from one SVG via `sharp`), `tempestPwaDevSw` (serves the SW under `npm run dev`), `tempestPwaIcons({ appleSplash })` (Apple splash screens), types: `CreateViteConfigOptions`, `ProxyEntry`, `TempestViteConfig`, `TempestPwaManifestOptions`, `TempestPwaIconsOptions`, `TempestPwaDevSwOptions`, `AppleSplashSpec`, `TempestVitePlugin`                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 | `forms` _(peer: `zod`, `react-hook-form`)_                                                        | `validateForm`, `zodResolver`, `useZodForm`, `validateCPF`, `validateCNPJ`, `formatCEP`, `formatCNPJ`, `unmask`, `CPFInput`, `CNPJInput`, `PhoneInput`, `CEPInput`, `MoneyInput`, `useViaCEP`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| `sse`                                                                                             | `createEventStream`, `useEventStream` (`onParseError` para frame que não é JSON)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
-| `ws`                                                                                              | `createWebSocket` (handshake timeout, silence watchdog, jittered backoff, `navigator.onLine` suspend, close-code classification, `opened` promise), `useWebSocket`, `onParseError` (frame que não é JSON: descarta em vez de entregar `string` como `T`), `isRejectionCloseCode`, `HEARTBEAT_CLOSE_CODE`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `sse`                                                                                             | `createEventStream`, `useEventStream` (`schema` valida cada frame — zod/valibot/arktype via Standard Schema — e `onParseError` para frame que não é JSON)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| `ws`                                                                                              | `createWebSocket` (handshake timeout, silence watchdog, jittered backoff, `navigator.onLine` suspend, close-code classification, `opened` promise), `useWebSocket`, `schema` + `onValidationError` (frame fora do contrato não é entregue; o `pong` do heartbeat continua saindo), `onParseError` (frame que não é JSON: descarta em vez de entregar `string` como `T`), `isRejectionCloseCode`, `HEARTBEAT_CLOSE_CODE`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 | `webrtc`                                                                                          | `tuneOpus` (Opus `fmtp` per audio m-line: per-key merge, `stereo` + `sprop-stereo`, inserts a missing `fmtp`), `setTunedLocalDescription` (falls back to the untouched SDP when the browser refuses the edit), `setSenderBitrate`, `createLinkStatsSampler` / `useLinkStats` / `readRoundTripMs` (throughput as a delta, round trip from the **selected** candidate pair)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | `geo` _(opt. peer `leaflet`)_                                                                     | `haversineKm`, `pathLengthKm`, `bearingDeg`, `estimateTravel`, `createOSRMBackend`, `boundingBox`, `projectMercator`, `fitProjection`, `createPositionTracker`, `usePositionTracker`, `TrajectoryMap` — tile-free SVG map + trajectory tracking (no external/paid API; Leaflet is an opt-in, lazy-loaded tile layer for self-hosted tiles), types: `Coordinate`, `TrackPoint`, `TravelEstimate`, `TravelMode`, `GeoBounds`, `RoutingBackend`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
 | `br` _(subpath `tempest-react-sdk/br`)_                                                           | `BrazilMap`, `BrazilStateMap`, `BrazilStateCitySelect`, `listStates`, `getState`, `citiesByUf`, `statesByRegion`, `ufChoices`, `cityChoices`, `isValidUf`, `normalizeUf`, `isValidCity`, `loadBrUfGeoJson`, `loadStateMunicipalities`, types `UF`, `BrRegion`, `BrazilState` — clickable 27-UF SVG map + per-state municipality submaps (bundled simplified IBGE GeoJSON, lazy per UF) + states/cities dataset, no external API; mirrors the FastAPI SDK `utils/locations`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
@@ -654,15 +657,17 @@ export async function getUser(id: string) {
 
 On validation failure `parseResponse` throws an `Error` whose `message` includes the request label and the zod issues — exactly the diagnostic you want during a wire-protocol drift.
 
-**Under Vite that report needs one line to turn on.** The SDK detects a dev build by reading `process.env.NODE_ENV`, which webpack, Rspack and Parcel substitute while building your app; Vite substitutes neither half, and a browser bundle has no `process` at all, so the read fails and the SDK stays on the safe side — the generic sentence, `vite dev` included. Say so once at bootstrap:
+**Under Vite the report turns itself on.** The SDK detects a dev build by reading `process.env.NODE_ENV`, and every supported bundler substitutes that expression while building your app — Vite included, measured on 5.4.21, 6.4.3, 7.3.6 and 8.2.2, in `vite dev` and in `vite build`, with the SDK installed both as a packed tarball and as a `file:` link. (This paragraph said the opposite until 0.62.0; the belief survived because the expression is not substituted in a browser console, which is where it is natural to check.)
+
+`setDevBuild` remains for what nothing compiles or nothing configures — a raw service-worker script, a plain `<script type="module">`, or a staging build that never sets `NODE_ENV=production` and would otherwise embed the raw response body in an error a real user sees:
 
 ```ts
 import { setDevBuild } from "tempest-react-sdk";
 
-setDevBuild(import.meta.env.DEV);
+setDevBuild(false); // staging talking to real data
 ```
 
-The SDK cannot read `import.meta.env.DEV` for you: Vite would replace it while building _this package_ and the published artifact would carry the constant. The same line un-mutes every other development-only diagnostic in the SDK.
+The SDK cannot read `import.meta.env.DEV` for you: Vite would replace it while building _this package_ and the published artifact would carry the constant.
 
 ### Upload with progress recipe
 

package/dist/br/BrazilMap.module.cjs

@@ -1,2 +1,3 @@
+require("../styles/component/BrazilMap.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};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

@@ -1 +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":""}
+{"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

@@ -1,3 +1,4 @@
+import "../styles/component/BrazilMap.css";
 //#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,

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

@@ -1 +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":""}
+{"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/MapLegend.module.cjs

@@ -1,2 +1,3 @@
+require("../styles/component/MapLegend.css");
 var e=`tempest_legend_jti9g`,t=`tempest_title_v6QV-`,n=`tempest_gradient_RCo9v`,r=`tempest_ticks_C8Low`,i=`tempest_items_TBYH0`,a=`tempest_item_zuHY6`,o=`tempest_swatch_9x7iD`,s=`tempest_itemLabel_bHFPP`,c={legend:e,title:t,gradient:n,ticks:r,items:i,item:a,swatch:o,itemLabel:s};exports.default=c,exports.gradient=n,exports.item=a,exports.itemLabel=s,exports.items=i,exports.legend=e,exports.swatch=o,exports.ticks=r,exports.title=t;
 //# sourceMappingURL=MapLegend.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.module.cjs","names":[],"sources":["../../src/br/MapLegend.module.css"],"sourcesContent":[".legend {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    min-width: 160px;\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.gradient {\n    height: 10px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n}\n\n.ticks {\n    display: flex;\n    justify-content: space-between;\n    color: var(--tempest-text-muted);\n}\n\n.items {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n    flex: none;\n}\n\n.itemLabel {\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}
+{"version":3,"file":"MapLegend.module.cjs","names":[],"sources":["../../src/br/MapLegend.module.css"],"sourcesContent":[".legend {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    min-width: 160px;\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.gradient {\n    height: 10px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n}\n\n.ticks {\n    display: flex;\n    justify-content: space-between;\n    color: var(--tempest-text-muted);\n}\n\n.items {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n    flex: none;\n}\n\n.itemLabel {\n    color: var(--tempest-text-muted);\n}\n"],"mappings":";"}

package/dist/br/MapLegend.module.js

@@ -1,3 +1,4 @@
+import "../styles/component/MapLegend.css";
 //#region src/br/MapLegend.module.css
 var e = "tempest_legend_jti9g", t = "tempest_title_v6QV-", n = "tempest_gradient_RCo9v", r = "tempest_ticks_C8Low", i = "tempest_items_TBYH0", a = "tempest_item_zuHY6", o = "tempest_swatch_9x7iD", s = "tempest_itemLabel_bHFPP", c = {
 	legend: e,

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

@@ -1 +1 @@
-{"version":3,"file":"MapLegend.module.js","names":[],"sources":["../../src/br/MapLegend.module.css"],"sourcesContent":[".legend {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    min-width: 160px;\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.gradient {\n    height: 10px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n}\n\n.ticks {\n    display: flex;\n    justify-content: space-between;\n    color: var(--tempest-text-muted);\n}\n\n.items {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n    flex: none;\n}\n\n.itemLabel {\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}
+{"version":3,"file":"MapLegend.module.js","names":[],"sources":["../../src/br/MapLegend.module.css"],"sourcesContent":[".legend {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text);\n    min-width: 160px;\n}\n\n.title {\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-sm);\n}\n\n.gradient {\n    height: 10px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n}\n\n.ticks {\n    display: flex;\n    justify-content: space-between;\n    color: var(--tempest-text-muted);\n}\n\n.items {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.swatch {\n    width: 14px;\n    height: 14px;\n    border-radius: var(--tempest-radius-sm);\n    border: 1px solid var(--tempest-border);\n    flex: none;\n}\n\n.itemLabel {\n    color: var(--tempest-text-muted);\n}\n"],"mappings":";"}

package/dist/br/MunicipalitySearch.module.cjs

@@ -1,2 +1,3 @@
+require("../styles/component/MunicipalitySearch.css");
 var e=`tempest_search_iYSqC`,t=`tempest_results_-a0Jg`,n=`tempest_result_D5-no`,r=`tempest_uf_Rj15X`,i={search:e,results:t,result:n,uf:r};exports.default=i,exports.result=n,exports.results=t,exports.search=e,exports.uf=r;
 //# sourceMappingURL=MunicipalitySearch.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MunicipalitySearch.module.cjs","names":[],"sources":["../../src/br/MunicipalitySearch.module.css"],"sourcesContent":[".search {\n    position: relative;\n    font-family: var(--tempest-font-sans);\n}\n\n.results {\n    position: absolute;\n    z-index: 10;\n    top: 100%;\n    left: 0;\n    right: 0;\n    margin: var(--tempest-space-1) 0 0;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    max-height: 260px;\n    overflow-y: auto;\n    background: var(--tempest-surface);\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}\n\n.result {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text);\n    text-align: left;\n    cursor: pointer;\n}\n\n.result:hover,\n.result:focus-visible {\n    outline: none;\n    background: var(--tempest-primary-soft);\n}\n\n.uf {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n"],"mappings":""}
+{"version":3,"file":"MunicipalitySearch.module.cjs","names":[],"sources":["../../src/br/MunicipalitySearch.module.css"],"sourcesContent":[".search {\n    position: relative;\n    font-family: var(--tempest-font-sans);\n}\n\n.results {\n    position: absolute;\n    z-index: 10;\n    top: 100%;\n    left: 0;\n    right: 0;\n    margin: var(--tempest-space-1) 0 0;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    max-height: 260px;\n    overflow-y: auto;\n    background: var(--tempest-surface);\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}\n\n.result {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text);\n    text-align: left;\n    cursor: pointer;\n}\n\n.result:hover,\n.result:focus-visible {\n    outline: none;\n    background: var(--tempest-primary-soft);\n}\n\n.uf {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n"],"mappings":";"}

package/dist/br/MunicipalitySearch.module.js

@@ -1,3 +1,4 @@
+import "../styles/component/MunicipalitySearch.css";
 //#region src/br/MunicipalitySearch.module.css
 var e = "tempest_search_iYSqC", t = "tempest_results_-a0Jg", n = "tempest_result_D5-no", r = "tempest_uf_Rj15X", i = {
 	search: e,

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

@@ -1 +1 @@
-{"version":3,"file":"MunicipalitySearch.module.js","names":[],"sources":["../../src/br/MunicipalitySearch.module.css"],"sourcesContent":[".search {\n    position: relative;\n    font-family: var(--tempest-font-sans);\n}\n\n.results {\n    position: absolute;\n    z-index: 10;\n    top: 100%;\n    left: 0;\n    right: 0;\n    margin: var(--tempest-space-1) 0 0;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    max-height: 260px;\n    overflow-y: auto;\n    background: var(--tempest-surface);\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}\n\n.result {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text);\n    text-align: left;\n    cursor: pointer;\n}\n\n.result:hover,\n.result:focus-visible {\n    outline: none;\n    background: var(--tempest-primary-soft);\n}\n\n.uf {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n"],"mappings":""}
+{"version":3,"file":"MunicipalitySearch.module.js","names":[],"sources":["../../src/br/MunicipalitySearch.module.css"],"sourcesContent":[".search {\n    position: relative;\n    font-family: var(--tempest-font-sans);\n}\n\n.results {\n    position: absolute;\n    z-index: 10;\n    top: 100%;\n    left: 0;\n    right: 0;\n    margin: var(--tempest-space-1) 0 0;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    max-height: 260px;\n    overflow-y: auto;\n    background: var(--tempest-surface);\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}\n\n.result {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-sm);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text);\n    text-align: left;\n    cursor: pointer;\n}\n\n.result:hover,\n.result:focus-visible {\n    outline: none;\n    background: var(--tempest-primary-soft);\n}\n\n.uf {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n"],"mappings":";"}

package/dist/br/PixQRCode.module.cjs

@@ -1,2 +1,3 @@
+require("../styles/component/PixQRCode.css");
 var e=`tempest_pix_sx91C`,t=`tempest_symbol_tVr1U`,n=`tempest_copy_tKHV5`,r=`tempest_payload_4V3pI`,i=`tempest_copyDone_jmjJa`,a=`tempest_copyIdle_iwRqW`,o=`tempest_amount_jr-Bf`,s=`tempest_payee_-VHXL`,c={pix:e,symbol:t,copy:n,payload:r,copyDone:i,copyIdle:a,amount:o,payee:s};exports.amount=o,exports.copy=n,exports.copyDone=i,exports.copyIdle=a,exports.default=c,exports.payee=s,exports.payload=r,exports.pix=e,exports.symbol=t;
 //# sourceMappingURL=PixQRCode.module.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PixQRCode.module.cjs","names":[],"sources":["../../src/br/PixQRCode.module.css"],"sourcesContent":[".pix {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    font-family: var(--tempest-font-sans);\n}\n\n.symbol {\n    /* The QR stays black on white in both themes — see the note on `QRCode`. A\n       white plate under it keeps the quiet zone intact on a dark page. */\n    padding: var(--tempest-space-2);\n    background: #ffffff;\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid var(--tempest-border);\n}\n\n.copy {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: 320px;\n}\n\n.payload {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* The copy button renders both labels and CSS picks one, because `CopyButton`\n   keeps the copied flag in `data-copied` and renders its children unchanged in\n   both states. Swapping the text node also keeps the button's accessible name in\n   sync, which an `aria-label` would not. */\n.copyDone {\n    display: none;\n}\n\n.copy button[data-copied] .copyIdle {\n    display: none;\n}\n\n.copy button[data-copied] .copyDone {\n    display: inline;\n}\n\n.amount {\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.payee {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n"],"mappings":""}
+{"version":3,"file":"PixQRCode.module.cjs","names":[],"sources":["../../src/br/PixQRCode.module.css"],"sourcesContent":[".pix {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    font-family: var(--tempest-font-sans);\n}\n\n.symbol {\n    /* The QR stays black on white in both themes — see the note on `QRCode`. A\n       white plate under it keeps the quiet zone intact on a dark page. */\n    padding: var(--tempest-space-2);\n    background: #ffffff;\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid var(--tempest-border);\n}\n\n.copy {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: 320px;\n}\n\n.payload {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* The copy button renders both labels and CSS picks one, because `CopyButton`\n   keeps the copied flag in `data-copied` and renders its children unchanged in\n   both states. Swapping the text node also keeps the button's accessible name in\n   sync, which an `aria-label` would not. */\n.copyDone {\n    display: none;\n}\n\n.copy button[data-copied] .copyIdle {\n    display: none;\n}\n\n.copy button[data-copied] .copyDone {\n    display: inline;\n}\n\n.amount {\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.payee {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n"],"mappings":";"}

package/dist/br/PixQRCode.module.js

@@ -1,3 +1,4 @@
+import "../styles/component/PixQRCode.css";
 //#region src/br/PixQRCode.module.css
 var e = "tempest_pix_sx91C", t = "tempest_symbol_tVr1U", n = "tempest_copy_tKHV5", r = "tempest_payload_4V3pI", i = "tempest_copyDone_jmjJa", a = "tempest_copyIdle_iwRqW", o = "tempest_amount_jr-Bf", s = "tempest_payee_-VHXL", c = {
 	pix: e,

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

@@ -1 +1 @@
-{"version":3,"file":"PixQRCode.module.js","names":[],"sources":["../../src/br/PixQRCode.module.css"],"sourcesContent":[".pix {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    font-family: var(--tempest-font-sans);\n}\n\n.symbol {\n    /* The QR stays black on white in both themes — see the note on `QRCode`. A\n       white plate under it keeps the quiet zone intact on a dark page. */\n    padding: var(--tempest-space-2);\n    background: #ffffff;\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid var(--tempest-border);\n}\n\n.copy {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: 320px;\n}\n\n.payload {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* The copy button renders both labels and CSS picks one, because `CopyButton`\n   keeps the copied flag in `data-copied` and renders its children unchanged in\n   both states. Swapping the text node also keeps the button's accessible name in\n   sync, which an `aria-label` would not. */\n.copyDone {\n    display: none;\n}\n\n.copy button[data-copied] .copyIdle {\n    display: none;\n}\n\n.copy button[data-copied] .copyDone {\n    display: inline;\n}\n\n.amount {\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.payee {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n"],"mappings":""}
+{"version":3,"file":"PixQRCode.module.js","names":[],"sources":["../../src/br/PixQRCode.module.css"],"sourcesContent":[".pix {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    font-family: var(--tempest-font-sans);\n}\n\n.symbol {\n    /* The QR stays black on white in both themes — see the note on `QRCode`. A\n       white plate under it keeps the quiet zone intact on a dark page. */\n    padding: var(--tempest-space-2);\n    background: #ffffff;\n    border-radius: var(--tempest-radius-md);\n    border: 1px solid var(--tempest-border);\n}\n\n.copy {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: 320px;\n}\n\n.payload {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    background: var(--tempest-surface-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-mono);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-snug);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* The copy button renders both labels and CSS picks one, because `CopyButton`\n   keeps the copied flag in `data-copied` and renders its children unchanged in\n   both states. Swapping the text node also keeps the button's accessible name in\n   sync, which an `aria-label` would not. */\n.copyDone {\n    display: none;\n}\n\n.copy button[data-copied] .copyIdle {\n    display: none;\n}\n\n.copy button[data-copied] .copyDone {\n    display: inline;\n}\n\n.amount {\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.payee {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n"],"mappings":";"}

package/dist/components/AIChat/AIChat.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/AIChat.css");
 var e=`tempest_panel_W0CCy`,t=`tempest_header_KYy5l`,n=`tempest_threadWrapper_LjoF6`,r=`tempest_thread_RqELz`,i=`tempest_jump_oBKxQ`,a=`tempest_turn_k7h7J`,o=`tempest_userTurn_7Csx0`,s=`tempest_systemTurn_xpQmC`,c=`tempest_turnHeader_l7lv3`,l=`tempest_avatar_XqQ8R`,u=`tempest_role_Vz6Dn`,d=`tempest_visuallyHiddenRole_raKmR`,f=`tempest_model_Z55Ho`,p=`tempest_time_o07s8`,m=`tempest_body_GnhC7`,h=`tempest_plain_MRQet`,g=`tempest_markdownRoot_nem2U`,_=`tempest_streamingBody_YMx1-`,v=`tempest_caretBlink_IpIIw`,y=`tempest_dots_FtZUe`,b=`tempest_dotPulse_nZJHU`,x=`tempest_thinking_Dk96l`,S=`tempest_reasoning_kJof1`,C=`tempest_reasoningChevron_TObJ2`,w=`tempest_reasoningBody_ZR910`,T=`tempest_attachments_qQH3a`,E=`tempest_attachment_z4T-R`,D=`tempest_attachmentName_2DCGR`,O=`tempest_attachmentMeta_xBy5U`,k=`tempest_thumb_w70uR`,A=`tempest_error_CS0Gp`,j=`tempest_retry_8a6Vm`,M=`tempest_actions_SZnxe`,N=`tempest_action_YPvQH`,P=`tempest_actionActive_DW5O1`,F=`tempest_editor_rk4hA`,I=`tempest_editField_Z9neJ`,L=`tempest_editActions_vfC0b`,R=`tempest_ghost_S1yuC`,z=`tempest_primary_wZ-Wu`,B=`tempest_suggestions_V7Zhh`,V=`tempest_suggestionsTitle_Z-wWe`,H=`tempest_suggestion_4NYhq`,U=`tempest_composer_AaB1Q`,W=`tempest_composerBox_Fz-GG`,G=`tempest_field_7m1Pa`,K=`tempest_composerActions_z1oj9`,q=`tempest_composerFooter_WZ1Fo`,J=`tempest_send_eVkd6`,Y=`tempest_stop_KWS9o`,X=`tempest_stopGlyph_Nc19c`,Z={panel:e,header:t,threadWrapper:n,thread:r,jump:i,turn:a,userTurn:o,systemTurn:s,turnHeader:c,avatar:l,role:u,visuallyHiddenRole:d,model:f,time:p,body:m,plain:h,markdownRoot:g,streamingBody:_,caretBlink:v,dots:y,dotPulse:b,thinking:x,reasoning:S,reasoningChevron:C,reasoningBody:w,attachments:T,attachment:E,attachmentName:D,attachmentMeta:O,thumb:k,error:A,retry:j,actions:M,action:N,actionActive:P,editor:F,editField:I,editActions:L,ghost:R,primary:z,suggestions:B,suggestionsTitle:V,suggestion:H,composer:U,composerBox:W,field:G,composerActions:K,composerFooter:q,send:J,stop:Y,stopGlyph:X};exports.action=N,exports.actionActive=P,exports.actions=M,exports.attachment=E,exports.attachmentMeta=O,exports.attachmentName=D,exports.attachments=T,exports.avatar=l,exports.body=m,exports.caretBlink=v,exports.composer=U,exports.composerActions=K,exports.composerBox=W,exports.composerFooter=q,exports.default=Z,exports.dotPulse=b,exports.dots=y,exports.editActions=L,exports.editField=I,exports.editor=F,exports.error=A,exports.field=G,exports.ghost=R,exports.header=t,exports.jump=i,exports.markdownRoot=g,exports.model=f,exports.panel=e,exports.plain=h,exports.primary=z,exports.reasoning=S,exports.reasoningBody=w,exports.reasoningChevron=C,exports.retry=j,exports.role=u,exports.send=J,exports.stop=Y,exports.stopGlyph=X,exports.streamingBody=_,exports.suggestion=H,exports.suggestions=B,exports.suggestionsTitle=V,exports.systemTurn=s,exports.thinking=x,exports.thread=r,exports.threadWrapper=n,exports.thumb=k,exports.time=p,exports.turn=a,exports.turnHeader=c,exports.userTurn=o,exports.visuallyHiddenRole=d;
 //# sourceMappingURL=AIChat.module.cjs.map

package/dist/components/AIChat/AIChat.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AIChat.module.cjs","names":[],"sources":["../../../src/components/AIChat/AIChat.module.css"],"sourcesContent":[".panel {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    height: var(--tempest-ai-chat-height, 100%);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n/*\n * The wrapper exists only so the jump-to-latest button can be positioned against\n * the scroll area without being scrolled away with it.\n */\n.threadWrapper {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 0;\n}\n\n/*\n * `min-width: 0` is load-bearing, not defensive.\n *\n * A flex item defaults to `min-width: auto`, which means \"at least as wide as my\n * content wants\". An answer carrying a wide table or a long line of SQL would make\n * the scroll area itself grow past the panel — and the table's own `overflow-x`\n * inside `Markdown` never gets a chance to kick in, because it is already as wide as\n * it asked to be. Zeroing the floor here is what pushes the overflow back down to\n * the table and the code block, where it scrolls in its own box.\n */\n.thread {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-5);\n    min-width: 0;\n    min-height: 0;\n    padding: var(--tempest-space-4);\n    overflow-y: auto;\n    overscroll-behavior: contain;\n}\n\n.thread:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -2px;\n}\n\n.jump {\n    position: absolute;\n    right: var(--tempest-space-4);\n    bottom: var(--tempest-space-3);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    padding: 0;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-md);\n    cursor: pointer;\n}\n\n.jump:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* Same 44×44 hit-slop as the turn actions: 2rem is a small target for a thumb. */\n@media (pointer: coarse) {\n    .jump::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/* --- turn ------------------------------------------------------------------ */\n\n/*\n * Turns, the thinking row, the suggestions and the composer all share one reading\n * column — `--tempest-ai-chat-width`, 48rem by default — centred in whatever width\n * the panel got.\n *\n * A capped column is the right answer from a phone up to a 1920 desktop: prose past\n * roughly 90 characters per line is measurably harder to track back to the start of\n * the next line, and letting an answer run the full width of a wide monitor makes it\n * worse, not more useful. It is deliberately a **knob** rather than a constant\n * because at 2560 and above the trade flips — a 768px ribbon in the middle of a\n * living-room screen is mostly empty room, and only the app knows how far away its\n * user is sitting. Widen it at the root: `--tempest-ai-chat-width: 72rem`.\n *\n * Type size is **not** solved here. Scaling the font for a TV is a decision for\n * `typography.css` and `density.css` — a component-local font ramp would fight the\n * tokens every app themes through.\n */\n.turn {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n}\n\n/*\n * An assistant turn is full width with no bubble, a user turn is a narrow bubble\n * pushed to the end of the row.\n *\n * That asymmetry is the whole reading model of an LLM transcript: the answer is the\n * document being read, and wrapping it in a bubble would cap its width, fight the\n * code blocks and tables inside it, and make a long answer look like a shouted\n * message. The prompt is short and needs to be told apart at a glance, which a\n * bubble does better than anything else.\n */\n.userTurn {\n    align-items: flex-end;\n}\n\n.systemTurn {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.turnHeader {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.avatar {\n    display: inline-flex;\n    flex: 0 0 auto;\n}\n\n.role {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n/*\n * The role of a user turn is announced but not drawn: the bubble on the other side\n * already says who wrote it, and a \"Você\" label over every prompt is noise. Screen\n * readers still get it, because side and colour are not information for them.\n */\n.visuallyHiddenRole {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    border: 0;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n/*\n * The meta row uses the muted token, not the subtle one.\n *\n * `--tempest-text-subtle` at `--tempest-text-2xs` measures **4.37:1** against\n * `--tempest-bg` in the dark theme — under the 4.5:1 floor for text. Measured in a\n * real browser; jsdom's `axe` turns `color-contrast` off because nothing is painted.\n * Size is what de-emphasises this row; colour still has to pass.\n */\n.model,\n.time {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.body {\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.userTurn .body {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    max-width: min(85%, 36rem);\n}\n\n.plain {\n    white-space: pre-wrap;\n}\n\n.markdownRoot {\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-relaxed);\n}\n\n/*\n * The caret rides the last block of the answer, so it sits at the end of the text\n * instead of on a line of its own.\n *\n * `::after` on the final child is inline content, which is exactly the behaviour\n * wanted: it flows after the last word and moves with it as more text arrives. When\n * the answer starts with a fenced block the caret lands inside the code area — which\n * is where the text is actually being appended, so it is still telling the truth.\n */\n.streamingBody > .markdownRoot > :last-child::after {\n    content: \"▍\";\n    margin-left: 0.125em;\n    color: var(--tempest-primary);\n    animation: caretBlink 1s steps(2, jump-none) infinite;\n}\n\n@keyframes caretBlink {\n    to {\n        opacity: 0.2;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .streamingBody > .markdownRoot > :last-child::after {\n        animation: none;\n    }\n}\n\n.dots {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.dots > span {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background-color: var(--tempest-text-subtle);\n    animation: dotPulse 1.2s var(--tempest-ease-in-out) infinite;\n}\n\n.dots > span:nth-child(2) {\n    animation-delay: 0.15s;\n}\n\n.dots > span:nth-child(3) {\n    animation-delay: 0.3s;\n}\n\n@keyframes dotPulse {\n    0%,\n    60%,\n    100% {\n        opacity: 0.25;\n    }\n\n    30% {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .dots > span {\n        animation: none;\n        opacity: 0.6;\n    }\n}\n\n.thinking {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n/* --- reasoning ------------------------------------------------------------- */\n\n.reasoning {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n}\n\n/*\n * Class plus attribute, so this beats `Collapsible`'s own single-class `.trigger`\n * rule whatever order the two modules land in the built stylesheet.\n */\n.reasoning button[aria-expanded] {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.reasoning button[aria-expanded=\"true\"] .reasoningChevron {\n    transform: rotate(90deg);\n}\n\n.reasoningChevron {\n    flex: 0 0 auto;\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reasoningChevron {\n        transition: none;\n    }\n}\n\n.reasoningBody {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-relaxed);\n    white-space: pre-wrap;\n}\n\n/* --- attachments ----------------------------------------------------------- */\n\n.attachments {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.attachment {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: 16rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    font-size: var(--tempest-text-xs);\n}\n\n.attachmentName {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.attachmentMeta {\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.thumb {\n    display: block;\n    width: 4rem;\n    height: 4rem;\n    border-radius: var(--tempest-radius-sm);\n    object-fit: cover;\n}\n\n/* --- error ----------------------------------------------------------------- */\n\n.error {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-danger);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: 0;\n    border: none;\n    background: none;\n    color: var(--tempest-danger);\n    font: inherit;\n    font-weight: var(--tempest-weight-medium);\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n/* --- actions --------------------------------------------------------------- */\n\n.actions {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    opacity: 0;\n    transition: opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/*\n * The row is revealed on hover and on keyboard focus, and is **always** visible\n * where there is no hover at all.\n *\n * Hiding a control behind `:hover` on a touch screen hides it for good — there is no\n * hover event to trigger it, and the first tap would land on whatever is underneath.\n */\n.turn:hover .actions,\n.actions:focus-within {\n    opacity: 1;\n}\n\n@media (hover: none) {\n    .actions {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions {\n        transition: none;\n    }\n}\n\n/*\n * Two classes so the ghost styling wins over `CopyButton`'s own `.button` rule\n * regardless of the order the two CSS modules land in `styles.css`.\n */\n.actions .action {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n/*\n * Touch hit-slop — grows the tap target to 44×44 on a coarse pointer without moving\n * a pixel of the visible button, the same trick `Button` uses for its icon-only\n * sizes.\n *\n * 28×28 clears the 24×24 floor of WCAG 2.5.8 but sits well under the 44×44 of 2.5.5,\n * and four of these sit side by side: on a phone, \"copy\" and \"thumbs down\" are two\n * thumb-widths apart. Padding the button instead would space the row out on desktop,\n * where the pointer is precise and the row should stay quiet.\n */\n@media (pointer: coarse) {\n    .actions .action::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .actions .action:hover {\n        background-color: var(--tempest-surface-2);\n        color: var(--tempest-text);\n    }\n}\n\n.actions .action:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.actions .action[data-copied],\n.actions .actionActive {\n    background: none;\n    color: var(--tempest-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions .action {\n        transition: none;\n    }\n}\n\n/* --- edit ------------------------------------------------------------------ */\n\n.editor {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: min(85%, 36rem);\n}\n\n.editField {\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-primary);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: vertical;\n}\n\n.editField:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -1px;\n}\n\n.editActions {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n}\n\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n}\n\n.primary {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/* --- suggestions ----------------------------------------------------------- */\n\n.suggestions {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: auto auto 0;\n}\n\n.suggestionsTitle {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.suggestion {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .suggestion:hover {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.suggestion:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* --- composer -------------------------------------------------------------- */\n\n.composer {\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n\n/*\n * The field and the buttons share one bordered box, and the border is drawn here\n * rather than on the textarea: that is what makes the attach control and the send\n * button read as part of the prompt instead of a toolbar next to it.\n */\n.composerBox {\n    display: flex;\n    align-items: flex-end;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n}\n\n.composerBox:focus-within {\n    border-color: var(--tempest-primary);\n}\n\n.field {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: none;\n    background: none;\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: none;\n}\n\n.field:focus-visible {\n    outline: none;\n}\n\n.field:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.composerActions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.composerFooter {\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding-inline: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.send {\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.send:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop replaces send in the same slot, so the one button under the thumb is always\n * the one that does the thing you want next — send while idle, abort while the answer\n * is coming. Two buttons side by side would mean aiming at the right one mid-stream.\n */\n.stop {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.stopGlyph {\n    display: inline-block;\n    width: 0.625rem;\n    height: 0.625rem;\n    border-radius: 2px;\n    background-color: currentColor;\n}\n\n@media (max-width: 480px) {\n    .thread {\n        gap: var(--tempest-space-4);\n        padding: var(--tempest-space-3);\n    }\n\n    .userTurn .body,\n    .editor {\n        max-width: 100%;\n    }\n\n    .composer {\n        padding: var(--tempest-space-2) var(--tempest-space-3);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AIChat.module.cjs","names":[],"sources":["../../../src/components/AIChat/AIChat.module.css"],"sourcesContent":[".panel {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    height: var(--tempest-ai-chat-height, 100%);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n/*\n * The wrapper exists only so the jump-to-latest button can be positioned against\n * the scroll area without being scrolled away with it.\n */\n.threadWrapper {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 0;\n}\n\n/*\n * `min-width: 0` is load-bearing, not defensive.\n *\n * A flex item defaults to `min-width: auto`, which means \"at least as wide as my\n * content wants\". An answer carrying a wide table or a long line of SQL would make\n * the scroll area itself grow past the panel — and the table's own `overflow-x`\n * inside `Markdown` never gets a chance to kick in, because it is already as wide as\n * it asked to be. Zeroing the floor here is what pushes the overflow back down to\n * the table and the code block, where it scrolls in its own box.\n */\n.thread {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-5);\n    min-width: 0;\n    min-height: 0;\n    padding: var(--tempest-space-4);\n    overflow-y: auto;\n    overscroll-behavior: contain;\n}\n\n.thread:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -2px;\n}\n\n.jump {\n    position: absolute;\n    right: var(--tempest-space-4);\n    bottom: var(--tempest-space-3);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    padding: 0;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-md);\n    cursor: pointer;\n}\n\n.jump:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* Same 44×44 hit-slop as the turn actions: 2rem is a small target for a thumb. */\n@media (pointer: coarse) {\n    .jump::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/* --- turn ------------------------------------------------------------------ */\n\n/*\n * Turns, the thinking row, the suggestions and the composer all share one reading\n * column — `--tempest-ai-chat-width`, 48rem by default — centred in whatever width\n * the panel got.\n *\n * A capped column is the right answer from a phone up to a 1920 desktop: prose past\n * roughly 90 characters per line is measurably harder to track back to the start of\n * the next line, and letting an answer run the full width of a wide monitor makes it\n * worse, not more useful. It is deliberately a **knob** rather than a constant\n * because at 2560 and above the trade flips — a 768px ribbon in the middle of a\n * living-room screen is mostly empty room, and only the app knows how far away its\n * user is sitting. Widen it at the root: `--tempest-ai-chat-width: 72rem`.\n *\n * Type size is **not** solved here. Scaling the font for a TV is a decision for\n * `typography.css` and `density.css` — a component-local font ramp would fight the\n * tokens every app themes through.\n */\n.turn {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n}\n\n/*\n * An assistant turn is full width with no bubble, a user turn is a narrow bubble\n * pushed to the end of the row.\n *\n * That asymmetry is the whole reading model of an LLM transcript: the answer is the\n * document being read, and wrapping it in a bubble would cap its width, fight the\n * code blocks and tables inside it, and make a long answer look like a shouted\n * message. The prompt is short and needs to be told apart at a glance, which a\n * bubble does better than anything else.\n */\n.userTurn {\n    align-items: flex-end;\n}\n\n.systemTurn {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.turnHeader {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.avatar {\n    display: inline-flex;\n    flex: 0 0 auto;\n}\n\n.role {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n/*\n * The role of a user turn is announced but not drawn: the bubble on the other side\n * already says who wrote it, and a \"Você\" label over every prompt is noise. Screen\n * readers still get it, because side and colour are not information for them.\n */\n.visuallyHiddenRole {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    border: 0;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n/*\n * The meta row uses the muted token, not the subtle one.\n *\n * `--tempest-text-subtle` at `--tempest-text-2xs` measures **4.37:1** against\n * `--tempest-bg` in the dark theme — under the 4.5:1 floor for text. Measured in a\n * real browser; jsdom's `axe` turns `color-contrast` off because nothing is painted.\n * Size is what de-emphasises this row; colour still has to pass.\n */\n.model,\n.time {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.body {\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.userTurn .body {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    max-width: min(85%, 36rem);\n}\n\n.plain {\n    white-space: pre-wrap;\n}\n\n.markdownRoot {\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-relaxed);\n}\n\n/*\n * The caret rides the last block of the answer, so it sits at the end of the text\n * instead of on a line of its own.\n *\n * `::after` on the final child is inline content, which is exactly the behaviour\n * wanted: it flows after the last word and moves with it as more text arrives. When\n * the answer starts with a fenced block the caret lands inside the code area — which\n * is where the text is actually being appended, so it is still telling the truth.\n */\n.streamingBody > .markdownRoot > :last-child::after {\n    content: \"▍\";\n    margin-left: 0.125em;\n    color: var(--tempest-primary);\n    animation: caretBlink 1s steps(2, jump-none) infinite;\n}\n\n@keyframes caretBlink {\n    to {\n        opacity: 0.2;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .streamingBody > .markdownRoot > :last-child::after {\n        animation: none;\n    }\n}\n\n.dots {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.dots > span {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background-color: var(--tempest-text-subtle);\n    animation: dotPulse 1.2s var(--tempest-ease-in-out) infinite;\n}\n\n.dots > span:nth-child(2) {\n    animation-delay: 0.15s;\n}\n\n.dots > span:nth-child(3) {\n    animation-delay: 0.3s;\n}\n\n@keyframes dotPulse {\n    0%,\n    60%,\n    100% {\n        opacity: 0.25;\n    }\n\n    30% {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .dots > span {\n        animation: none;\n        opacity: 0.6;\n    }\n}\n\n.thinking {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n/* --- reasoning ------------------------------------------------------------- */\n\n.reasoning {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n}\n\n/*\n * Class plus attribute, so this beats `Collapsible`'s own single-class `.trigger`\n * rule whatever order the two modules land in the built stylesheet.\n */\n.reasoning button[aria-expanded] {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.reasoning button[aria-expanded=\"true\"] .reasoningChevron {\n    transform: rotate(90deg);\n}\n\n.reasoningChevron {\n    flex: 0 0 auto;\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reasoningChevron {\n        transition: none;\n    }\n}\n\n.reasoningBody {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-relaxed);\n    white-space: pre-wrap;\n}\n\n/* --- attachments ----------------------------------------------------------- */\n\n.attachments {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.attachment {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: 16rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    font-size: var(--tempest-text-xs);\n}\n\n.attachmentName {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.attachmentMeta {\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.thumb {\n    display: block;\n    width: 4rem;\n    height: 4rem;\n    border-radius: var(--tempest-radius-sm);\n    object-fit: cover;\n}\n\n/* --- error ----------------------------------------------------------------- */\n\n.error {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-danger);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: 0;\n    border: none;\n    background: none;\n    color: var(--tempest-danger);\n    font: inherit;\n    font-weight: var(--tempest-weight-medium);\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n/* --- actions --------------------------------------------------------------- */\n\n.actions {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    opacity: 0;\n    transition: opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/*\n * The row is revealed on hover and on keyboard focus, and is **always** visible\n * where there is no hover at all.\n *\n * Hiding a control behind `:hover` on a touch screen hides it for good — there is no\n * hover event to trigger it, and the first tap would land on whatever is underneath.\n */\n.turn:hover .actions,\n.actions:focus-within {\n    opacity: 1;\n}\n\n@media (hover: none) {\n    .actions {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions {\n        transition: none;\n    }\n}\n\n/*\n * Two classes so the ghost styling wins over `CopyButton`'s own `.button` rule\n * regardless of the order the two CSS modules land in `styles.css`.\n */\n.actions .action {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n/*\n * Touch hit-slop — grows the tap target to 44×44 on a coarse pointer without moving\n * a pixel of the visible button, the same trick `Button` uses for its icon-only\n * sizes.\n *\n * 28×28 clears the 24×24 floor of WCAG 2.5.8 but sits well under the 44×44 of 2.5.5,\n * and four of these sit side by side: on a phone, \"copy\" and \"thumbs down\" are two\n * thumb-widths apart. Padding the button instead would space the row out on desktop,\n * where the pointer is precise and the row should stay quiet.\n */\n@media (pointer: coarse) {\n    .actions .action::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .actions .action:hover {\n        background-color: var(--tempest-surface-2);\n        color: var(--tempest-text);\n    }\n}\n\n.actions .action:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.actions .action[data-copied],\n.actions .actionActive {\n    background: none;\n    color: var(--tempest-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions .action {\n        transition: none;\n    }\n}\n\n/* --- edit ------------------------------------------------------------------ */\n\n.editor {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: min(85%, 36rem);\n}\n\n.editField {\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-primary);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: vertical;\n}\n\n.editField:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -1px;\n}\n\n.editActions {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n}\n\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n}\n\n.primary {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/* --- suggestions ----------------------------------------------------------- */\n\n.suggestions {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: auto auto 0;\n}\n\n.suggestionsTitle {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.suggestion {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .suggestion:hover {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.suggestion:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* --- composer -------------------------------------------------------------- */\n\n.composer {\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n\n/*\n * The field and the buttons share one bordered box, and the border is drawn here\n * rather than on the textarea: that is what makes the attach control and the send\n * button read as part of the prompt instead of a toolbar next to it.\n */\n.composerBox {\n    display: flex;\n    align-items: flex-end;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n}\n\n.composerBox:focus-within {\n    border-color: var(--tempest-primary);\n}\n\n.field {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: none;\n    background: none;\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: none;\n}\n\n.field:focus-visible {\n    outline: none;\n}\n\n.field:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.composerActions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.composerFooter {\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding-inline: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.send {\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.send:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop replaces send in the same slot, so the one button under the thumb is always\n * the one that does the thing you want next — send while idle, abort while the answer\n * is coming. Two buttons side by side would mean aiming at the right one mid-stream.\n */\n.stop {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.stopGlyph {\n    display: inline-block;\n    width: 0.625rem;\n    height: 0.625rem;\n    border-radius: 2px;\n    background-color: currentColor;\n}\n\n@media (max-width: 480px) {\n    .thread {\n        gap: var(--tempest-space-4);\n        padding: var(--tempest-space-3);\n    }\n\n    .userTurn .body,\n    .editor {\n        max-width: 100%;\n    }\n\n    .composer {\n        padding: var(--tempest-space-2) var(--tempest-space-3);\n    }\n}\n"],"mappings":";"}

package/dist/components/AIChat/AIChat.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/AIChat.css";
 //#region src/components/AIChat/AIChat.module.css
 var e = "tempest_panel_W0CCy", t = "tempest_header_KYy5l", n = "tempest_threadWrapper_LjoF6", r = "tempest_thread_RqELz", i = "tempest_jump_oBKxQ", a = "tempest_turn_k7h7J", o = "tempest_userTurn_7Csx0", s = "tempest_systemTurn_xpQmC", c = "tempest_turnHeader_l7lv3", l = "tempest_avatar_XqQ8R", u = "tempest_role_Vz6Dn", d = "tempest_visuallyHiddenRole_raKmR", f = "tempest_model_Z55Ho", p = "tempest_time_o07s8", m = "tempest_body_GnhC7", h = "tempest_plain_MRQet", g = "tempest_markdownRoot_nem2U", _ = "tempest_streamingBody_YMx1-", v = "tempest_caretBlink_IpIIw", y = "tempest_dots_FtZUe", b = "tempest_dotPulse_nZJHU", x = "tempest_thinking_Dk96l", S = "tempest_reasoning_kJof1", C = "tempest_reasoningChevron_TObJ2", w = "tempest_reasoningBody_ZR910", T = "tempest_attachments_qQH3a", E = "tempest_attachment_z4T-R", D = "tempest_attachmentName_2DCGR", O = "tempest_attachmentMeta_xBy5U", k = "tempest_thumb_w70uR", A = "tempest_error_CS0Gp", j = "tempest_retry_8a6Vm", M = "tempest_actions_SZnxe", N = "tempest_action_YPvQH", P = "tempest_actionActive_DW5O1", F = "tempest_editor_rk4hA", I = "tempest_editField_Z9neJ", L = "tempest_editActions_vfC0b", R = "tempest_ghost_S1yuC", z = "tempest_primary_wZ-Wu", B = "tempest_suggestions_V7Zhh", V = "tempest_suggestionsTitle_Z-wWe", H = "tempest_suggestion_4NYhq", U = "tempest_composer_AaB1Q", W = "tempest_composerBox_Fz-GG", G = "tempest_field_7m1Pa", K = "tempest_composerActions_z1oj9", q = "tempest_composerFooter_WZ1Fo", J = "tempest_send_eVkd6", Y = "tempest_stop_KWS9o", X = "tempest_stopGlyph_Nc19c", Z = {
 	panel: e,

package/dist/components/AIChat/AIChat.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIChat.module.js","names":[],"sources":["../../../src/components/AIChat/AIChat.module.css"],"sourcesContent":[".panel {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    height: var(--tempest-ai-chat-height, 100%);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n/*\n * The wrapper exists only so the jump-to-latest button can be positioned against\n * the scroll area without being scrolled away with it.\n */\n.threadWrapper {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 0;\n}\n\n/*\n * `min-width: 0` is load-bearing, not defensive.\n *\n * A flex item defaults to `min-width: auto`, which means \"at least as wide as my\n * content wants\". An answer carrying a wide table or a long line of SQL would make\n * the scroll area itself grow past the panel — and the table's own `overflow-x`\n * inside `Markdown` never gets a chance to kick in, because it is already as wide as\n * it asked to be. Zeroing the floor here is what pushes the overflow back down to\n * the table and the code block, where it scrolls in its own box.\n */\n.thread {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-5);\n    min-width: 0;\n    min-height: 0;\n    padding: var(--tempest-space-4);\n    overflow-y: auto;\n    overscroll-behavior: contain;\n}\n\n.thread:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -2px;\n}\n\n.jump {\n    position: absolute;\n    right: var(--tempest-space-4);\n    bottom: var(--tempest-space-3);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    padding: 0;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-md);\n    cursor: pointer;\n}\n\n.jump:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* Same 44×44 hit-slop as the turn actions: 2rem is a small target for a thumb. */\n@media (pointer: coarse) {\n    .jump::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/* --- turn ------------------------------------------------------------------ */\n\n/*\n * Turns, the thinking row, the suggestions and the composer all share one reading\n * column — `--tempest-ai-chat-width`, 48rem by default — centred in whatever width\n * the panel got.\n *\n * A capped column is the right answer from a phone up to a 1920 desktop: prose past\n * roughly 90 characters per line is measurably harder to track back to the start of\n * the next line, and letting an answer run the full width of a wide monitor makes it\n * worse, not more useful. It is deliberately a **knob** rather than a constant\n * because at 2560 and above the trade flips — a 768px ribbon in the middle of a\n * living-room screen is mostly empty room, and only the app knows how far away its\n * user is sitting. Widen it at the root: `--tempest-ai-chat-width: 72rem`.\n *\n * Type size is **not** solved here. Scaling the font for a TV is a decision for\n * `typography.css` and `density.css` — a component-local font ramp would fight the\n * tokens every app themes through.\n */\n.turn {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n}\n\n/*\n * An assistant turn is full width with no bubble, a user turn is a narrow bubble\n * pushed to the end of the row.\n *\n * That asymmetry is the whole reading model of an LLM transcript: the answer is the\n * document being read, and wrapping it in a bubble would cap its width, fight the\n * code blocks and tables inside it, and make a long answer look like a shouted\n * message. The prompt is short and needs to be told apart at a glance, which a\n * bubble does better than anything else.\n */\n.userTurn {\n    align-items: flex-end;\n}\n\n.systemTurn {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.turnHeader {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.avatar {\n    display: inline-flex;\n    flex: 0 0 auto;\n}\n\n.role {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n/*\n * The role of a user turn is announced but not drawn: the bubble on the other side\n * already says who wrote it, and a \"Você\" label over every prompt is noise. Screen\n * readers still get it, because side and colour are not information for them.\n */\n.visuallyHiddenRole {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    border: 0;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n/*\n * The meta row uses the muted token, not the subtle one.\n *\n * `--tempest-text-subtle` at `--tempest-text-2xs` measures **4.37:1** against\n * `--tempest-bg` in the dark theme — under the 4.5:1 floor for text. Measured in a\n * real browser; jsdom's `axe` turns `color-contrast` off because nothing is painted.\n * Size is what de-emphasises this row; colour still has to pass.\n */\n.model,\n.time {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.body {\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.userTurn .body {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    max-width: min(85%, 36rem);\n}\n\n.plain {\n    white-space: pre-wrap;\n}\n\n.markdownRoot {\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-relaxed);\n}\n\n/*\n * The caret rides the last block of the answer, so it sits at the end of the text\n * instead of on a line of its own.\n *\n * `::after` on the final child is inline content, which is exactly the behaviour\n * wanted: it flows after the last word and moves with it as more text arrives. When\n * the answer starts with a fenced block the caret lands inside the code area — which\n * is where the text is actually being appended, so it is still telling the truth.\n */\n.streamingBody > .markdownRoot > :last-child::after {\n    content: \"▍\";\n    margin-left: 0.125em;\n    color: var(--tempest-primary);\n    animation: caretBlink 1s steps(2, jump-none) infinite;\n}\n\n@keyframes caretBlink {\n    to {\n        opacity: 0.2;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .streamingBody > .markdownRoot > :last-child::after {\n        animation: none;\n    }\n}\n\n.dots {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.dots > span {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background-color: var(--tempest-text-subtle);\n    animation: dotPulse 1.2s var(--tempest-ease-in-out) infinite;\n}\n\n.dots > span:nth-child(2) {\n    animation-delay: 0.15s;\n}\n\n.dots > span:nth-child(3) {\n    animation-delay: 0.3s;\n}\n\n@keyframes dotPulse {\n    0%,\n    60%,\n    100% {\n        opacity: 0.25;\n    }\n\n    30% {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .dots > span {\n        animation: none;\n        opacity: 0.6;\n    }\n}\n\n.thinking {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n/* --- reasoning ------------------------------------------------------------- */\n\n.reasoning {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n}\n\n/*\n * Class plus attribute, so this beats `Collapsible`'s own single-class `.trigger`\n * rule whatever order the two modules land in the built stylesheet.\n */\n.reasoning button[aria-expanded] {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.reasoning button[aria-expanded=\"true\"] .reasoningChevron {\n    transform: rotate(90deg);\n}\n\n.reasoningChevron {\n    flex: 0 0 auto;\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reasoningChevron {\n        transition: none;\n    }\n}\n\n.reasoningBody {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-relaxed);\n    white-space: pre-wrap;\n}\n\n/* --- attachments ----------------------------------------------------------- */\n\n.attachments {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.attachment {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: 16rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    font-size: var(--tempest-text-xs);\n}\n\n.attachmentName {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.attachmentMeta {\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.thumb {\n    display: block;\n    width: 4rem;\n    height: 4rem;\n    border-radius: var(--tempest-radius-sm);\n    object-fit: cover;\n}\n\n/* --- error ----------------------------------------------------------------- */\n\n.error {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-danger);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: 0;\n    border: none;\n    background: none;\n    color: var(--tempest-danger);\n    font: inherit;\n    font-weight: var(--tempest-weight-medium);\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n/* --- actions --------------------------------------------------------------- */\n\n.actions {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    opacity: 0;\n    transition: opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/*\n * The row is revealed on hover and on keyboard focus, and is **always** visible\n * where there is no hover at all.\n *\n * Hiding a control behind `:hover` on a touch screen hides it for good — there is no\n * hover event to trigger it, and the first tap would land on whatever is underneath.\n */\n.turn:hover .actions,\n.actions:focus-within {\n    opacity: 1;\n}\n\n@media (hover: none) {\n    .actions {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions {\n        transition: none;\n    }\n}\n\n/*\n * Two classes so the ghost styling wins over `CopyButton`'s own `.button` rule\n * regardless of the order the two CSS modules land in `styles.css`.\n */\n.actions .action {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n/*\n * Touch hit-slop — grows the tap target to 44×44 on a coarse pointer without moving\n * a pixel of the visible button, the same trick `Button` uses for its icon-only\n * sizes.\n *\n * 28×28 clears the 24×24 floor of WCAG 2.5.8 but sits well under the 44×44 of 2.5.5,\n * and four of these sit side by side: on a phone, \"copy\" and \"thumbs down\" are two\n * thumb-widths apart. Padding the button instead would space the row out on desktop,\n * where the pointer is precise and the row should stay quiet.\n */\n@media (pointer: coarse) {\n    .actions .action::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .actions .action:hover {\n        background-color: var(--tempest-surface-2);\n        color: var(--tempest-text);\n    }\n}\n\n.actions .action:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.actions .action[data-copied],\n.actions .actionActive {\n    background: none;\n    color: var(--tempest-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions .action {\n        transition: none;\n    }\n}\n\n/* --- edit ------------------------------------------------------------------ */\n\n.editor {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: min(85%, 36rem);\n}\n\n.editField {\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-primary);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: vertical;\n}\n\n.editField:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -1px;\n}\n\n.editActions {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n}\n\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n}\n\n.primary {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/* --- suggestions ----------------------------------------------------------- */\n\n.suggestions {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: auto auto 0;\n}\n\n.suggestionsTitle {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.suggestion {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .suggestion:hover {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.suggestion:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* --- composer -------------------------------------------------------------- */\n\n.composer {\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n\n/*\n * The field and the buttons share one bordered box, and the border is drawn here\n * rather than on the textarea: that is what makes the attach control and the send\n * button read as part of the prompt instead of a toolbar next to it.\n */\n.composerBox {\n    display: flex;\n    align-items: flex-end;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n}\n\n.composerBox:focus-within {\n    border-color: var(--tempest-primary);\n}\n\n.field {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: none;\n    background: none;\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: none;\n}\n\n.field:focus-visible {\n    outline: none;\n}\n\n.field:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.composerActions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.composerFooter {\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding-inline: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.send {\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.send:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop replaces send in the same slot, so the one button under the thumb is always\n * the one that does the thing you want next — send while idle, abort while the answer\n * is coming. Two buttons side by side would mean aiming at the right one mid-stream.\n */\n.stop {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.stopGlyph {\n    display: inline-block;\n    width: 0.625rem;\n    height: 0.625rem;\n    border-radius: 2px;\n    background-color: currentColor;\n}\n\n@media (max-width: 480px) {\n    .thread {\n        gap: var(--tempest-space-4);\n        padding: var(--tempest-space-3);\n    }\n\n    .userTurn .body,\n    .editor {\n        max-width: 100%;\n    }\n\n    .composer {\n        padding: var(--tempest-space-2) var(--tempest-space-3);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"AIChat.module.js","names":[],"sources":["../../../src/components/AIChat/AIChat.module.css"],"sourcesContent":[".panel {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 0;\n    height: var(--tempest-ai-chat-height, 100%);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n/*\n * The wrapper exists only so the jump-to-latest button can be positioned against\n * the scroll area without being scrolled away with it.\n */\n.threadWrapper {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 0;\n}\n\n/*\n * `min-width: 0` is load-bearing, not defensive.\n *\n * A flex item defaults to `min-width: auto`, which means \"at least as wide as my\n * content wants\". An answer carrying a wide table or a long line of SQL would make\n * the scroll area itself grow past the panel — and the table's own `overflow-x`\n * inside `Markdown` never gets a chance to kick in, because it is already as wide as\n * it asked to be. Zeroing the floor here is what pushes the overflow back down to\n * the table and the code block, where it scrolls in its own box.\n */\n.thread {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-5);\n    min-width: 0;\n    min-height: 0;\n    padding: var(--tempest-space-4);\n    overflow-y: auto;\n    overscroll-behavior: contain;\n}\n\n.thread:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -2px;\n}\n\n.jump {\n    position: absolute;\n    right: var(--tempest-space-4);\n    bottom: var(--tempest-space-3);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    padding: 0;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-md);\n    cursor: pointer;\n}\n\n.jump:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* Same 44×44 hit-slop as the turn actions: 2rem is a small target for a thumb. */\n@media (pointer: coarse) {\n    .jump::after {\n        content: \"\";\n        position: absolute;\n        inset: -6px;\n    }\n}\n\n/* --- turn ------------------------------------------------------------------ */\n\n/*\n * Turns, the thinking row, the suggestions and the composer all share one reading\n * column — `--tempest-ai-chat-width`, 48rem by default — centred in whatever width\n * the panel got.\n *\n * A capped column is the right answer from a phone up to a 1920 desktop: prose past\n * roughly 90 characters per line is measurably harder to track back to the start of\n * the next line, and letting an answer run the full width of a wide monitor makes it\n * worse, not more useful. It is deliberately a **knob** rather than a constant\n * because at 2560 and above the trade flips — a 768px ribbon in the middle of a\n * living-room screen is mostly empty room, and only the app knows how far away its\n * user is sitting. Widen it at the root: `--tempest-ai-chat-width: 72rem`.\n *\n * Type size is **not** solved here. Scaling the font for a TV is a decision for\n * `typography.css` and `density.css` — a component-local font ramp would fight the\n * tokens every app themes through.\n */\n.turn {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n}\n\n/*\n * An assistant turn is full width with no bubble, a user turn is a narrow bubble\n * pushed to the end of the row.\n *\n * That asymmetry is the whole reading model of an LLM transcript: the answer is the\n * document being read, and wrapping it in a bubble would cap its width, fight the\n * code blocks and tables inside it, and make a long answer look like a shouted\n * message. The prompt is short and needs to be told apart at a glance, which a\n * bubble does better than anything else.\n */\n.userTurn {\n    align-items: flex-end;\n}\n\n.systemTurn {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.turnHeader {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    min-width: 0;\n}\n\n.avatar {\n    display: inline-flex;\n    flex: 0 0 auto;\n}\n\n.role {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n/*\n * The role of a user turn is announced but not drawn: the bubble on the other side\n * already says who wrote it, and a \"Você\" label over every prompt is noise. Screen\n * readers still get it, because side and colour are not information for them.\n */\n.visuallyHiddenRole {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    border: 0;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n/*\n * The meta row uses the muted token, not the subtle one.\n *\n * `--tempest-text-subtle` at `--tempest-text-2xs` measures **4.37:1** against\n * `--tempest-bg` in the dark theme — under the 4.5:1 floor for text. Measured in a\n * real browser; jsdom's `axe` turns `color-contrast` off because nothing is painted.\n * Size is what de-emphasises this row; colour still has to pass.\n */\n.model,\n.time {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.body {\n    min-width: 0;\n    overflow-wrap: anywhere;\n}\n\n.userTurn .body {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    max-width: min(85%, 36rem);\n}\n\n.plain {\n    white-space: pre-wrap;\n}\n\n.markdownRoot {\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-relaxed);\n}\n\n/*\n * The caret rides the last block of the answer, so it sits at the end of the text\n * instead of on a line of its own.\n *\n * `::after` on the final child is inline content, which is exactly the behaviour\n * wanted: it flows after the last word and moves with it as more text arrives. When\n * the answer starts with a fenced block the caret lands inside the code area — which\n * is where the text is actually being appended, so it is still telling the truth.\n */\n.streamingBody > .markdownRoot > :last-child::after {\n    content: \"▍\";\n    margin-left: 0.125em;\n    color: var(--tempest-primary);\n    animation: caretBlink 1s steps(2, jump-none) infinite;\n}\n\n@keyframes caretBlink {\n    to {\n        opacity: 0.2;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .streamingBody > .markdownRoot > :last-child::after {\n        animation: none;\n    }\n}\n\n.dots {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.dots > span {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background-color: var(--tempest-text-subtle);\n    animation: dotPulse 1.2s var(--tempest-ease-in-out) infinite;\n}\n\n.dots > span:nth-child(2) {\n    animation-delay: 0.15s;\n}\n\n.dots > span:nth-child(3) {\n    animation-delay: 0.3s;\n}\n\n@keyframes dotPulse {\n    0%,\n    60%,\n    100% {\n        opacity: 0.25;\n    }\n\n    30% {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .dots > span {\n        animation: none;\n        opacity: 0.6;\n    }\n}\n\n.thinking {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n/* --- reasoning ------------------------------------------------------------- */\n\n.reasoning {\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n}\n\n/*\n * Class plus attribute, so this beats `Collapsible`'s own single-class `.trigger`\n * rule whatever order the two modules land in the built stylesheet.\n */\n.reasoning button[aria-expanded] {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.reasoning button[aria-expanded=\"true\"] .reasoningChevron {\n    transform: rotate(90deg);\n}\n\n.reasoningChevron {\n    flex: 0 0 auto;\n    transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reasoningChevron {\n        transition: none;\n    }\n}\n\n.reasoningBody {\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n    line-height: var(--tempest-leading-relaxed);\n    white-space: pre-wrap;\n}\n\n/* --- attachments ----------------------------------------------------------- */\n\n.attachments {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.attachment {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    max-width: 16rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    font-size: var(--tempest-text-xs);\n}\n\n.attachmentName {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.attachmentMeta {\n    flex: 0 0 auto;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.thumb {\n    display: block;\n    width: 4rem;\n    height: 4rem;\n    border-radius: var(--tempest-radius-sm);\n    object-fit: cover;\n}\n\n/* --- error ----------------------------------------------------------------- */\n\n.error {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-danger);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n\n.retry {\n    padding: 0;\n    border: none;\n    background: none;\n    color: var(--tempest-danger);\n    font: inherit;\n    font-weight: var(--tempest-weight-medium);\n    text-decoration: underline;\n    cursor: pointer;\n}\n\n/* --- actions --------------------------------------------------------------- */\n\n.actions {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    opacity: 0;\n    transition: opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/*\n * The row is revealed on hover and on keyboard focus, and is **always** visible\n * where there is no hover at all.\n *\n * Hiding a control behind `:hover` on a touch screen hides it for good — there is no\n * hover event to trigger it, and the first tap would land on whatever is underneath.\n */\n.turn:hover .actions,\n.actions:focus-within {\n    opacity: 1;\n}\n\n@media (hover: none) {\n    .actions {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions {\n        transition: none;\n    }\n}\n\n/*\n * Two classes so the ghost styling wins over `CopyButton`'s own `.button` rule\n * regardless of the order the two CSS modules land in `styles.css`.\n */\n.actions .action {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    background: none;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n/*\n * Touch hit-slop — grows the tap target to 44×44 on a coarse pointer without moving\n * a pixel of the visible button, the same trick `Button` uses for its icon-only\n * sizes.\n *\n * 28×28 clears the 24×24 floor of WCAG 2.5.8 but sits well under the 44×44 of 2.5.5,\n * and four of these sit side by side: on a phone, \"copy\" and \"thumbs down\" are two\n * thumb-widths apart. Padding the button instead would space the row out on desktop,\n * where the pointer is precise and the row should stay quiet.\n */\n@media (pointer: coarse) {\n    .actions .action::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n    }\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .actions .action:hover {\n        background-color: var(--tempest-surface-2);\n        color: var(--tempest-text);\n    }\n}\n\n.actions .action:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n\n.actions .action[data-copied],\n.actions .actionActive {\n    background: none;\n    color: var(--tempest-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .actions .action {\n        transition: none;\n    }\n}\n\n/* --- edit ------------------------------------------------------------------ */\n\n.editor {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    max-width: min(85%, 36rem);\n}\n\n.editField {\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-primary);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: vertical;\n}\n\n.editField:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: -1px;\n}\n\n.editActions {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n}\n\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n}\n\n.primary {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/* --- suggestions ----------------------------------------------------------- */\n\n.suggestions {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin: auto auto 0;\n}\n\n.suggestionsTitle {\n    margin: 0;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.suggestion {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .suggestion:hover {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.suggestion:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n/* --- composer -------------------------------------------------------------- */\n\n.composer {\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n\n/*\n * The field and the buttons share one bordered box, and the border is drawn here\n * rather than on the textarea: that is what makes the attach control and the send\n * button read as part of the prompt instead of a toolbar next to it.\n */\n.composerBox {\n    display: flex;\n    align-items: flex-end;\n    gap: var(--tempest-space-2);\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n}\n\n.composerBox:focus-within {\n    border-color: var(--tempest-primary);\n}\n\n.field {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: none;\n    background: none;\n    color: inherit;\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-normal);\n    resize: none;\n}\n\n.field:focus-visible {\n    outline: none;\n}\n\n.field:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.composerActions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.composerFooter {\n    max-width: var(--tempest-ai-chat-width, 48rem);\n    width: 100%;\n    margin-inline: auto;\n    padding-inline: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-xs);\n}\n\n.send {\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.send:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n/*\n * Stop replaces send in the same slot, so the one button under the thumb is always\n * the one that does the thing you want next — send while idle, abort while the answer\n * is coming. Two buttons side by side would mean aiming at the right one mid-stream.\n */\n.stop {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    font: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    cursor: pointer;\n}\n\n.stopGlyph {\n    display: inline-block;\n    width: 0.625rem;\n    height: 0.625rem;\n    border-radius: 2px;\n    background-color: currentColor;\n}\n\n@media (max-width: 480px) {\n    .thread {\n        gap: var(--tempest-space-4);\n        padding: var(--tempest-space-3);\n    }\n\n    .userTurn .body,\n    .editor {\n        max-width: 100%;\n    }\n\n    .composer {\n        padding: var(--tempest-space-2) var(--tempest-space-3);\n    }\n}\n"],"mappings":";"}

package/dist/components/Accordion/Accordion.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Accordion.css");
 var e=`tempest_accordion_LVhhv`,t=`tempest_item_7ryVk`,n=`tempest_header_WaTdJ`,r=`tempest_trigger_9BYFY`,i=`tempest_chevron_i-HVZ`,a=`tempest_open_98jLY`,o=`tempest_panel_Wx50w`,s={accordion:e,item:t,header:n,trigger:r,chevron:i,open:a,panel:o};exports.accordion=e,exports.chevron=i,exports.default=s,exports.header=n,exports.item=t,exports.open=a,exports.panel=o,exports.trigger=r;
 //# sourceMappingURL=Accordion.module.cjs.map

package/dist/components/Accordion/Accordion.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.module.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":""}
+{"version":3,"file":"Accordion.module.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}

package/dist/components/Accordion/Accordion.module.js

@@ -1,3 +1,4 @@
+import "../../styles/component/Accordion.css";
 //#region src/components/Accordion/Accordion.module.css
 var e = "tempest_accordion_LVhhv", t = "tempest_item_7ryVk", n = "tempest_header_WaTdJ", r = "tempest_trigger_9BYFY", i = "tempest_chevron_i-HVZ", a = "tempest_open_98jLY", o = "tempest_panel_Wx50w", s = {
 	accordion: e,

package/dist/components/Accordion/Accordion.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":""}
+{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../../src/components/Accordion/Accordion.module.css"],"sourcesContent":[".accordion {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    overflow: hidden;\n    background-color: var(--tempest-bg);\n}\n\n.item {\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.item:last-child {\n    border-bottom: none;\n}\n\n.header {\n    margin: 0;\n}\n\n.trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.trigger:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.chevron {\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    flex-shrink: 0;\n    color: var(--tempest-text-muted);\n}\n\n.open .chevron {\n    transform: rotate(180deg);\n}\n\n.panel {\n    padding: 0 var(--tempest-space-4) var(--tempest-space-4);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":";"}

package/dist/components/Alert/Alert.module.cjs

@@ -1,2 +1,3 @@
+require("../../styles/component/Alert.css");
 var e=`tempest_alert_7cYyI`,t=`tempest_content_UXnmZ`,n=`tempest_title_abGgF`,r=`tempest_description_pXPvw`,i=`tempest_icon_Zg6SB`,a=`tempest_close_narep`,o=`tempest_neutral_J7MH1`,s=`tempest_solid_s-oW5`,c=`tempest_outline_v7w9b`,l=`tempest_info_9r3r1`,u=`tempest_success_1bzoB`,d=`tempest_warning_q-j1Q`,f=`tempest_danger_CiZkW`,p={alert:e,content:t,title:n,description:r,icon:i,close:a,neutral:o,solid:s,outline:c,info:l,success:u,warning:d,danger:f};exports.alert=e,exports.close=a,exports.content=t,exports.danger=f,exports.default=p,exports.description=r,exports.icon=i,exports.info=l,exports.neutral=o,exports.outline=c,exports.solid=s,exports.success=u,exports.title=n,exports.warning=d;
 //# sourceMappingURL=Alert.module.cjs.map

package/dist/components/Alert/Alert.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.module.cjs","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}
+{"version":3,"file":"Alert.module.cjs","names":[],"sources":["../../../src/components/Alert/Alert.module.css"],"sourcesContent":[".alert {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n    width: 100%;\n}\n\n.content {\n    flex: 1;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 2px 0 0 0;\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text-muted);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    margin-top: 1px;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: inherit;\n    opacity: 0.7;\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition:\n        var(--tempest-transition-color),\n        opacity var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.close:hover {\n    opacity: 1;\n    background-color: rgba(15, 23, 42, 0.06);\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* ============================================================\n * Tone × Appearance matrix\n * ============================================================ */\n\n/* neutral */\n.neutral {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    border-color: var(--tempest-border);\n}\n.neutral.solid {\n    background-color: var(--tempest-gray-700);\n    color: var(--tempest-neutral-on-solid);\n    border-color: transparent;\n}\n.neutral.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border-strong);\n}\n\n/* info */\n.info {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n.info .description {\n    color: var(--tempest-info-fg);\n    opacity: 0.85;\n}\n.info.solid {\n    background-color: var(--tempest-info-solid);\n    color: var(--tempest-info-on-solid);\n    border-color: transparent;\n}\n.info.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.info.outline {\n    background-color: transparent;\n    color: var(--tempest-info);\n    border-color: var(--tempest-info);\n}\n\n/* success */\n.success {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n.success .description {\n    color: var(--tempest-success-fg);\n    opacity: 0.85;\n}\n.success.solid {\n    background-color: var(--tempest-success-solid);\n    color: var(--tempest-success-on-solid);\n    border-color: transparent;\n}\n.success.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.success.outline {\n    background-color: transparent;\n    color: var(--tempest-success);\n    border-color: var(--tempest-success);\n}\n\n/* warning */\n.warning {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n.warning .description {\n    color: var(--tempest-warning-fg);\n    opacity: 0.85;\n}\n.warning.solid {\n    background-color: var(--tempest-warning-solid);\n    color: var(--tempest-warning-on-solid);\n    border-color: transparent;\n}\n.warning.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.warning.outline {\n    background-color: transparent;\n    color: var(--tempest-warning);\n    border-color: var(--tempest-warning);\n}\n\n/* danger */\n.danger {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n.danger .description {\n    color: var(--tempest-danger-fg);\n    opacity: 0.85;\n}\n.danger.solid {\n    background-color: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on-solid);\n    border-color: transparent;\n}\n.danger.solid .description {\n    color: rgba(255, 255, 255, 0.9);\n}\n.danger.outline {\n    background-color: transparent;\n    color: var(--tempest-danger);\n    border-color: var(--tempest-danger);\n}\n"],"mappings":";"}