@inchurch/matcha-theme 21.4.0 → 22.1.0

package/main.scss

@@ -1,330 +1,332 @@
-// TOKENS
-@forward "./tokens/animations-tokens";
-@use "./tokens/animations-tokens" as *;
-@forward "./tokens/breakpoints-tokens";
-@use "./tokens/breakpoints-tokens" as *;
-@forward "./tokens/material-palette";
-@use "./tokens/material-palette" as *; // paletas Material legadas ($mat-*, $blue-grey, …) — consumidas só pelo old API (palette/light-theme/dark-theme). A aposentar com o Track B.
-@forward "./tokens/elevation-tokens";
-@use "./tokens/elevation-tokens" as *;
-@forward "./tokens/spacing-tokens";
-@use "./tokens/spacing-tokens" as *;
-@forward "./tokens/typography-tokens";
-@use "./tokens/typography-tokens" as *;
-@forward "./tokens/color-tokens";
-@use "./tokens/color-tokens" as *; // cor — papéis por modo (synced do Figma via sync-tokens)
-@forward "./tokens/static-tokens";
-@use "./tokens/static-tokens" as *; // não-cor (gerado de global.json) — mixin matcha-static-tokens()
-@forward "./tokens/emit-tokens";
-@use "./tokens/emit-tokens" as *; // emissão — mixin matcha-css-custom-properties() (consome color-tokens + static-tokens)
-@forward "./tokens/primitives";
-@use "./tokens/primitives" as *; // matcha-primitives() — Camada 1: CSS vars de primitivas (--matcha-prim-*) em :root
-@forward "./tokens/semantic-aliases";
-@use "./tokens/semantic-aliases" as *; // $matcha-prim-aliases-{light,dark} — Camada 2: token semântico → primitiva (rota clássica emite var)
-
-// FUNCTIONS
-@forward "./abstracts/functions";
-@use "./abstracts/functions" as *; // map-contrast() palette() map-color() light-theme() dark-theme() matcha-typography-level() matcha-typography-config() _matcha-get-type-value() matcha-font-size() matcha-line-height() matcha-font-weight() matcha-letter-spacing() matcha-font-family() _get-umbra-map() _get-penumbra-map() _get-ambient-map() elevation-transition-property-value()
-
-// MIXINS
-@forward "./abstracts/theme-api";
-@use "./abstracts/theme-api" as *; // matcha-define-theme() matcha-build-color-map() matcha-role-tokens() matcha-text-on() matcha-contrast-on()
-@forward "./abstracts/colors";
-@use "./abstracts/colors" as *; // colors-classes-static() colors-classes-dynamic()
-@forward "./abstracts/elevation";
-@use "./abstracts/elevation" as *; // elevation() _matcha-theme-elevation() matcha-overridable-elevation() _matcha-theme-overridable-elevation() elevation-transition() elevation-theme()
-@forward "./abstracts/media-breakpoint";
-@use "./abstracts/media-breakpoint" as *; // media-breakpoint()
-
-// TYPOGRAPHY
-@forward "./abstracts/typography";
-@use "./abstracts/typography" as *; // matcha-typography-font-shorthand() matcha-typography-level-to-styles() matcha-reset-typography()
-
-// BASE
-@forward "./base/reset";
-@use "./base/reset" as *; // base-body-reset-theme()
-
-// COMPONENTS
-@forward "./components/matcha-audio-player";
-@use "./components/matcha-audio-player" as *; //matcha-audio-player-theme($theme)
-@forward "./components/matcha-autocomplete";
-@use "./components/matcha-autocomplete" as *; // matcha-autocomplete-theme($theme)
-@forward "./components/matcha-option";
-@use "./components/matcha-option" as *; // matcha-option-theme($theme)
-@forward "./components/matcha-panel";
-@use "./components/matcha-panel" as *; // matcha-panel-theme($theme)
-@forward "./components/matcha-select";
-@use "./components/matcha-select" as *; // matcha-select-theme($theme)
-@forward "./components/matcha-select-multiple";
-@use "./components/matcha-select-multiple" as *; // matcha-select-multiple-theme($theme)
-@forward "./components/matcha-buttons";
-@use "./components/matcha-buttons" as *; // matcha-button-theme($theme)
-@forward "./components/matcha-button-toggle";
-@use "./components/matcha-button-toggle" as *; // matcha-button-toggle-theme($theme)
-@forward "./components/matcha-cards";
-@use "./components/matcha-cards" as *; // matcha-cards-theme($theme)
-@forward "./components/matcha-color-pick";
-@use "./components/matcha-color-pick" as *; // matcha-color-pick-theme($theme)
-@forward "./components/matcha-draggable";
-@use "./components/matcha-draggable" as *; // matcha-draggable-theme($theme)
-@forward "./components/matcha-drop-list";
-@use "./components/matcha-drop-list" as *; // matcha-drop-list-theme($theme)
-@forward "./components/matcha-header";
-@use "./components/matcha-header" as *; // matcha-header-theme($theme) — lib component DSV3
-@forward "./components/app-page-header";
-@use "./components/app-page-header" as *; // app-page-header-theme($theme) — page-header LEGACY da app
-@forward "./components/matcha-horizontal-tree";
-@use "./components/matcha-horizontal-tree" as *; // matcha-horizontal-tree-theme($theme)
-@forward "./components/matcha-menu";
-@use "./components/matcha-menu" as *; // matcha-menu-theme($theme)
-@forward "./components/matcha-progress-bar";
-@use "./components/matcha-progress-bar" as *; // matcha-progress-bar-theme($theme)
-@forward "./components/matcha-scrollbar";
-@use "./components/matcha-scrollbar" as *; // matcha-scrollbar-theme($theme)
-@forward "./components/matcha-scrollbox-shadow";
-@use "./components/matcha-scrollbox-shadow" as *; // matcha-scrollbox-shadow-theme($theme)
-@forward "./components/matcha-skeleton";
-@use "./components/matcha-skeleton" as *; // matcha-skeleton-theme($theme)
-@forward "./components/matcha-table";
-@use "./components/matcha-table" as *; // matcha-table-modern (canon DSV3 1:1 Figma)
-@forward "./components/matcha-table-cell";
-@use "./components/matcha-table-cell" as *; // matcha-table-cell-theme($theme)
-@forward "./components/matcha-tooltip";
-@use "./components/matcha-tooltip" as *; // matcha-tooltip-theme($theme)
-@forward "./components/matcha-form-field";
-@use "./components/matcha-form-field" as *;
-@forward "./components/matcha-checkbox";
-@use "./components/matcha-checkbox" as *;
-@forward "./components/matcha-accordion";
-@use "./components/matcha-accordion" as *;
-@forward "./components/matcha-ripple";
-@use "./components/matcha-ripple" as *; // matcha-ripple-theme($theme)
-@forward "./components/matcha-spin";
-@use "./components/matcha-spin" as *; // matcha-spin-theme($theme)
-@forward "./components/matcha-spinner";
-@use "./components/matcha-spinner" as *; // matcha-spinner-theme($theme)
-@forward "./components/matcha-hint-text";
-@use "./components/matcha-hint-text" as *; // matcha-hint-theme($theme)
-@forward "./components/matcha-slide-toggle";
-@use "./components/matcha-slide-toggle" as *; // matcha-slide-toggle($theme)
-@forward "./components/matcha-radio";
-@use "./components/matcha-radio" as *; // matcha-radio($theme)
-@forward "./components/matcha-avatar";
-@use "./components/matcha-avatar" as *; // matcha-avatar($theme)
-@forward "./components/matcha-paginator";
-@use "./components/matcha-paginator" as *; // matcha-paginator($theme)
-@forward "./components/matcha-slider";
-@use "./components/matcha-slider" as *; // matcha-slider($theme)
-@forward "./components/matcha-divider";
-@use "./components/matcha-divider" as *; // matcha-divider($theme)
-@forward "./components/matcha-highlight";
-@use "./components/matcha-highlight" as *; // matcha-highlight($theme)
-@forward "./components/matcha-tabs";
-@use "./components/matcha-tabs" as *; // matcha-tabs($theme)
-@forward "./components/matcha-modal";
-@use "./components/matcha-modal" as *; // matcha-modal($theme)
-@forward "./components/matcha-drawer";
-@use "./components/matcha-drawer" as *; // matcha-drawer-theme($theme)
-@forward "./components/matcha-chip";
-@use "./components/matcha-chip" as *; // matcha-chip($theme)
-@forward "./components/matcha-status-pill";
-@use "./components/matcha-status-pill" as *; // matcha-status-pill
-@forward "./components/matcha-date";
-@use "./components/matcha-date" as *; // matcha-date-theme($theme)
-@forward "./components/matcha-calendar";
-@use "./components/matcha-calendar" as *; // matcha-calendar-theme($theme)
-@forward "./components/matcha-page-builder";
-@use "./components/matcha-page-builder" as *; // matcha-page-builder($theme)
-@forward "./components/matcha-snack-bar";
-@use "./components/matcha-snack-bar" as *; // matcha-snack-bar-theme($theme)
-@forward "./components/matcha-timepicker";
-@use "./components/matcha-timepicker" as *; // matcha-timepicker-theme($theme)
-@forward "./components/matcha-badge";
-@use "./components/matcha-badge" as *; // matcha-badge-theme($theme)
-@forward "./components/matcha-empty-state";
-@use "./components/matcha-empty-state" as *; // matcha-empty-state-theme($theme)
-@forward "./components/matcha-tree-view";
-@use "./components/matcha-tree-view" as *; // matcha-tree-view-theme($theme)
-@forward "./components/matcha-nav";
-@use "./components/matcha-nav" as *; // matcha-nav-theme($theme)
-@forward "./components/matcha-list";
-@use "./components/matcha-list" as *; // matcha-list-theme($theme)
-@forward "./components/matcha-icon";
-@use "./components/matcha-icon" as *; // matcha-icon-theme($theme)
-@forward "./components/matcha-text-editor";
-@use "./components/matcha-text-editor" as *; // matcha-text-editor-theme($theme)
-@forward "./components/matcha-chart-card";
-@use "./components/matcha-chart-card" as *; // matcha-chart-card-theme($theme)
-@forward "./components/matcha-crop";
-@use "./components/matcha-crop" as *; // matcha-crop-theme($theme)
-@forward "./components/matcha-footer";
-@use "./components/matcha-footer" as *; // matcha-footer-theme($theme)
-@forward "./components/matcha-file-uploader";
-@use "./components/matcha-file-uploader" as *; // matcha-file-uploader-theme($theme)
-@forward "./components/matcha-drop-image";
-@use "./components/matcha-drop-image" as *; // matcha-drop-image-theme($theme)
-@forward "./components/matcha-notification";
-@use "./components/matcha-notification" as *; // matcha-notification-theme($theme)
-@forward "./components/matcha-section";
-@use "./components/matcha-section" as *; // matcha-section-theme($theme)
-@forward "./components/matcha-form-section";
-@use "./components/matcha-form-section" as *; // matcha-form-section-theme($theme)
-@forward "./components/matcha-breadcrumb";
-@use "./components/matcha-breadcrumb" as *; // matcha-breadcrumb-theme($theme)
-@forward "./components/matcha-image";
-@use "./components/matcha-image" as *; // matcha-image-theme($theme)
-@forward "./components/matcha-stepper";
-@use "./components/matcha-stepper" as *; // matcha-stepper-theme($theme)
-@forward "./components/matcha-toolbar";
-@use "./components/matcha-toolbar" as *; // matcha-toolbar-modern (canon DSV3 1:1 Figma 15866:92)
-@forward "./components/matcha-command-palette";
-@use "./components/matcha-command-palette" as *; // matcha-command-palette-theme($theme)
-@forward "./components/matcha-profile-card";
-@use "./components/matcha-profile-card" as *; // matcha-profile-card-theme($theme)
-@forward "./components/matcha-flag";
-@use "./components/matcha-flag" as *; // matcha-flag-theme($theme)
-@forward "./components/matcha-emoji";
-@use "./components/matcha-emoji" as *; // matcha-emoji-theme($theme)
-
-// LAYOUT
-@forward "./layout/matcha-page-layout";
-@use "./layout/matcha-page-layout" as *; // matcha-page-layout-theme($theme)
-
-// VENDORS
-@forward "./vendors/charts";
-@use "./vendors/charts" as *;
-
-// ─── FONT LOADING — Manrope (SELF-HOSTED · zero dependência externa) ─────────
-// REGRA DE OURO: fontes self-hosted, nunca @import/<link> do Google Fonts.
-// Variable font (weight 400–800), woff2 local em fonts/manrope/.
-// Atualizar: baixar de https://fonts.google.com/specimen/Manrope (licença OFL),
-// pegar os woff2 latin + latin-ext e substituir os arquivos abaixo.
-@font-face {
-    font-family: "Manrope";
-    font-style: normal;
-    font-weight: 400 800;
-    font-display: swap;
-    src: url("fonts/manrope/manrope-latin.woff2") format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-    font-family: "Manrope";
-    font-style: normal;
-    font-weight: 400 800;
-    font-display: swap;
-    src: url("fonts/manrope/manrope-latin-ext.woff2") format("woff2");
-    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-// CircularStd removido (2026-06-03): fonte comercial licenciada + fora da regra de
-// ouro. Fonte canônica do DS é a Manrope (self-hosted acima). O token
-// --matcha-font-family já resolve para 'Manrope'.
-
-// -------------------------------------------------------------------------------------------------------------------
-// @ CORE - Mixins and Includes
-// -------------------------------------------------------------------------------------------------------------------
-@mixin matcha-typography($config: null) {
-    @if $config ==null {
-        $config: matcha-typography-config();
-    }
-
-    @include matcha-reset-typography($config);
-}
-
-// matcha-base — CSS estrutural/componentes, theme-AGNÓSTICO (consome var(--matcha-color-*)
-// e tokens; nenhuma cor compile-time após o Track B). Deve ser emitido UMA VEZ, GLOBAL
-// (fora de classe de tema) — ver src/app/app.theme.scss. A cor vem da classe de tema
-// (.theme-default-* / skin) via as CSS vars. Track B3.
-// matcha-base — estrutural theme-AGNÓSTICO (componentes + vendor-chart + base-typography).
-// 100% var(--matcha-*) — emitir 1× GLOBAL (ver app.theme.scss). NÃO inclui base-body-reset
-// (usa & p/ pintar bg/fg do elemento de tema → emitido por classe de tema).
-@mixin matcha-base($theme: ()) {
-    // API nova: chamável sem arg — matcha-base(). $theme é plumbing vestigial repassado
-    // aos component-mixins (todos var-based após a virada); default () permite call limpo.
-    @include vendor-chart($theme);
-    @include base-typography-theme($theme);
-
-    @include matcha-cards-theme($theme);
-    @include matcha-horizontal-tree-theme($theme);
-    @include matcha-audio-player-theme($theme);
-    @include matcha-color-pick-theme($theme);
-    @include matcha-draggable-theme($theme);
-    @include matcha-scrollbox-shadow($theme);
-    @include matcha-scrollbar-theme($theme);
-
-    @include matcha-table-cell-theme($theme);
-    @include matcha-table-modern($theme); // canon DSV3 1:1 Figma 15641:275
-    @include matcha-toolbar($theme); // canon DSV3 1:1 Figma 15866:92
-    @include matcha-button-toggle($theme);
-    @include matcha-button-theme($theme);
-    @include matcha-ripple-theme($theme);
-    @include matcha-tooltip-theme($theme);
-    @include matcha-header-theme($theme); // DSV3 lib component (não app)
-    @include app-page-header-theme($theme); // LEGACY da app (page-header)
-    @include matcha-menu-theme($theme);
-    @include matcha-drop-list-theme($theme);
-    @include matcha-form-field($theme);
-    @include matcha-checkbox($theme);
-    @include matcha-spin($theme);
-    @include matcha-spinner-theme($theme);
-    @include matcha-hint-text($theme);
-    @include matcha-slide-toggle-theme($theme);
-    @include matcha-tabs($theme);
-    @include matcha-tabs-modern($theme);
-    @include matcha-modal-theme($theme);
-    @include matcha-skeleton-theme($theme);
-    @include matcha-radio($theme);
-    @include matcha-avatar-theme($theme);
-    @include matcha-drawer-theme($theme);
-    @include matcha-autocomplete-theme($theme);
-    @include matcha-panel-theme($theme);
-    @include matcha-option-theme($theme);
-    @include matcha-select-theme($theme);
-    @include matcha-select-multiple-theme($theme);
-    @include matcha-paginator-theme($theme);
-    @include matcha-slider-theme($theme);
-    @include matcha-highlight-theme($theme);
-    @include matcha-divider-theme($theme);
-    @include matcha-chip-theme($theme);
-    @include matcha-progress-bar-theme($theme);
-    @include matcha-page-builder-theme($theme);
-    @include matcha-snack-bar-theme($theme);
-    @include matcha-chip-theme($theme);
-    @include matcha-date-theme($theme);
-    @include matcha-calendar-theme($theme);
-    @include matcha-timepicker-theme($theme);
-    @include matcha-badge-theme($theme);
-    @include matcha-empty-state-theme($theme);
-    @include matcha-tree-view-theme($theme);
-    @include matcha-nav-theme($theme);
-    @include matcha-list-theme($theme);
-    @include matcha-icon-theme($theme);
-    @include matcha-text-editor-theme($theme);
-    @include matcha-chart-card-theme($theme);
-    @include matcha-crop-theme($theme);
-    @include matcha-footer-theme($theme);
-    @include matcha-file-uploader-theme($theme);
-    @include matcha-drop-image-theme($theme);
-    @include matcha-notification-theme($theme);
-    @include matcha-section-theme($theme);
-    @include matcha-form-section-theme($theme);
-    @include matcha-accordion-theme($theme);
-    @include matcha-breadcrumb-theme($theme);
-    @include matcha-image-theme($theme);
-    @include matcha-stepper-theme($theme);
-    @include matcha-command-palette-theme($theme);
-    @include matcha-profile-card-theme($theme);
-    @include matcha-flag($theme);
-    @include matcha-emoji-theme($theme);
-    @include matcha-page-layout-theme($theme);
-}
-
-// matcha-components() — REMOVIDO no major (era o shim retrocompat @deprecated).
-// API nova (ver src/app/app.theme.scss):
-//   @include matcha-primitives();                       // :root primitivas
-//   @include matcha-base();                             // estrutural 1× global (agnóstico)
-//   @include colors-classes-dynamic();                  // classes utilitárias (inclui -static)
-//   .theme-X { @include matcha-css-custom-properties($is-dark);  // --matcha-color-*
-//              @include elevation-theme($is-dark);
-//              @include base-body-reset-theme();
+// TOKENS
+@forward "./tokens/animations-tokens";
+@use "./tokens/animations-tokens" as *;
+@forward "./tokens/breakpoints-tokens";
+@use "./tokens/breakpoints-tokens" as *;
+@forward "./tokens/material-palette";
+@use "./tokens/material-palette" as *; // paletas Material legadas ($mat-*, $blue-grey, …) — consumidas só pelo old API (palette/light-theme/dark-theme). A aposentar com o Track B.
+@forward "./tokens/elevation-tokens";
+@use "./tokens/elevation-tokens" as *;
+@forward "./tokens/spacing-tokens";
+@use "./tokens/spacing-tokens" as *;
+@forward "./tokens/typography-tokens";
+@use "./tokens/typography-tokens" as *;
+@forward "./tokens/color-tokens";
+@use "./tokens/color-tokens" as *; // cor — papéis por modo (synced do Figma via sync-tokens)
+@forward "./tokens/static-tokens";
+@use "./tokens/static-tokens" as *; // não-cor (gerado de global.json) — mixin matcha-static-tokens()
+@forward "./tokens/emit-tokens";
+@use "./tokens/emit-tokens" as *; // emissão — mixin matcha-css-custom-properties() (consome color-tokens + static-tokens)
+@forward "./tokens/primitives";
+@use "./tokens/primitives" as *; // matcha-primitives() — Camada 1: CSS vars de primitivas (--matcha-prim-*) em :root
+@forward "./tokens/semantic-aliases";
+@use "./tokens/semantic-aliases" as *; // $matcha-prim-aliases-{light,dark} — Camada 2: token semântico → primitiva (rota clássica emite var)
+
+// FUNCTIONS
+@forward "./abstracts/functions";
+@use "./abstracts/functions" as *; // map-contrast() palette() map-color() light-theme() dark-theme() matcha-typography-level() matcha-typography-config() _matcha-get-type-value() matcha-font-size() matcha-line-height() matcha-font-weight() matcha-letter-spacing() matcha-font-family() _get-umbra-map() _get-penumbra-map() _get-ambient-map() elevation-transition-property-value()
+
+// MIXINS
+@forward "./abstracts/theme-api";
+@use "./abstracts/theme-api" as *; // matcha-define-theme() matcha-build-color-map() matcha-role-tokens() matcha-text-on() matcha-contrast-on()
+@forward "./abstracts/colors";
+@use "./abstracts/colors" as *; // colors-classes-static() colors-classes-dynamic()
+@forward "./abstracts/elevation";
+@use "./abstracts/elevation" as *; // elevation() _matcha-theme-elevation() matcha-overridable-elevation() _matcha-theme-overridable-elevation() elevation-transition() elevation-theme()
+@forward "./abstracts/media-breakpoint";
+@use "./abstracts/media-breakpoint" as *; // media-breakpoint()
+
+// TYPOGRAPHY
+@forward "./abstracts/typography";
+@use "./abstracts/typography" as *; // matcha-typography-font-shorthand() matcha-typography-level-to-styles() matcha-reset-typography()
+
+// BASE
+@forward "./base/reset";
+@use "./base/reset" as *; // base-body-reset-theme()
+
+// COMPONENTS
+@forward "./components/matcha-audio-player";
+@use "./components/matcha-audio-player" as *; //matcha-audio-player-theme($theme)
+@forward "./components/matcha-autocomplete";
+@use "./components/matcha-autocomplete" as *; // matcha-autocomplete-theme($theme)
+@forward "./components/matcha-option";
+@use "./components/matcha-option" as *; // matcha-option-theme($theme)
+@forward "./components/matcha-panel";
+@use "./components/matcha-panel" as *; // matcha-panel-theme($theme)
+@forward "./components/matcha-select";
+@use "./components/matcha-select" as *; // matcha-select-theme($theme)
+@forward "./components/matcha-select-multiple";
+@use "./components/matcha-select-multiple" as *; // matcha-select-multiple-theme($theme)
+@forward "./components/matcha-buttons";
+@use "./components/matcha-buttons" as *; // matcha-button-theme($theme)
+@forward "./components/matcha-button-toggle";
+@use "./components/matcha-button-toggle" as *; // matcha-button-toggle-theme($theme)
+@forward "./components/matcha-cards";
+@use "./components/matcha-cards" as *; // matcha-cards-theme($theme)
+@forward "./components/matcha-color-pick";
+@use "./components/matcha-color-pick" as *; // matcha-color-pick-theme($theme)
+@forward "./components/matcha-draggable";
+@use "./components/matcha-draggable" as *; // matcha-draggable-theme($theme)
+@forward "./components/matcha-drop-list";
+@use "./components/matcha-drop-list" as *; // matcha-drop-list-theme($theme)
+@forward "./components/matcha-header";
+@use "./components/matcha-header" as *; // matcha-header-theme($theme) — lib component DSV3
+@forward "./components/app-page-header";
+@use "./components/app-page-header" as *; // app-page-header-theme($theme) — page-header LEGACY da app
+@forward "./components/matcha-horizontal-tree";
+@use "./components/matcha-horizontal-tree" as *; // matcha-horizontal-tree-theme($theme)
+@forward "./components/matcha-menu";
+@use "./components/matcha-menu" as *; // matcha-menu-theme($theme)
+@forward "./components/matcha-progress-bar";
+@use "./components/matcha-progress-bar" as *; // matcha-progress-bar-theme($theme)
+@forward "./components/matcha-scrollbar";
+@use "./components/matcha-scrollbar" as *; // matcha-scrollbar-theme($theme)
+@forward "./components/matcha-scrollbox-shadow";
+@use "./components/matcha-scrollbox-shadow" as *; // matcha-scrollbox-shadow-theme($theme)
+@forward "./components/matcha-skeleton";
+@use "./components/matcha-skeleton" as *; // matcha-skeleton-theme($theme)
+@forward "./components/matcha-table";
+@use "./components/matcha-table" as *; // matcha-table-modern (canon DSV3 1:1 Figma)
+@forward "./components/matcha-table-cell";
+@use "./components/matcha-table-cell" as *; // matcha-table-cell-theme($theme)
+@forward "./components/matcha-contact";
+@use "./components/matcha-contact" as *; // matcha-contact (átomo de exibição de contato)
+@forward "./components/matcha-tooltip";
+@use "./components/matcha-tooltip" as *; // matcha-tooltip-theme($theme)
+@forward "./components/matcha-form-field";
+@use "./components/matcha-form-field" as *;
+@forward "./components/matcha-checkbox";
+@use "./components/matcha-checkbox" as *;
+@forward "./components/matcha-accordion";
+@use "./components/matcha-accordion" as *;
+@forward "./components/matcha-ripple";
+@use "./components/matcha-ripple" as *; // matcha-ripple-theme($theme)
+@forward "./components/matcha-spin";
+@use "./components/matcha-spin" as *; // matcha-spin-theme($theme)
+@forward "./components/matcha-spinner";
+@use "./components/matcha-spinner" as *; // matcha-spinner-theme($theme)
+@forward "./components/matcha-hint-text";
+@use "./components/matcha-hint-text" as *; // matcha-hint-theme($theme)
+@forward "./components/matcha-slide-toggle";
+@use "./components/matcha-slide-toggle" as *; // matcha-slide-toggle($theme)
+@forward "./components/matcha-radio";
+@use "./components/matcha-radio" as *; // matcha-radio($theme)
+@forward "./components/matcha-avatar";
+@use "./components/matcha-avatar" as *; // matcha-avatar($theme)
+@forward "./components/matcha-paginator";
+@use "./components/matcha-paginator" as *; // matcha-paginator($theme)
+@forward "./components/matcha-slider";
+@use "./components/matcha-slider" as *; // matcha-slider($theme)
+@forward "./components/matcha-divider";
+@use "./components/matcha-divider" as *; // matcha-divider($theme)
+@forward "./components/matcha-highlight";
+@use "./components/matcha-highlight" as *; // matcha-highlight($theme)
+@forward "./components/matcha-tabs";
+@use "./components/matcha-tabs" as *; // matcha-tabs($theme)
+@forward "./components/matcha-modal";
+@use "./components/matcha-modal" as *; // matcha-modal($theme)
+@forward "./components/matcha-drawer";
+@use "./components/matcha-drawer" as *; // matcha-drawer-theme($theme)
+@forward "./components/matcha-chip";
+@use "./components/matcha-chip" as *; // matcha-chip($theme)
+@forward "./components/matcha-status-pill";
+@use "./components/matcha-status-pill" as *; // matcha-status-pill
+@forward "./components/matcha-date";
+@use "./components/matcha-date" as *; // matcha-date-theme($theme)
+@forward "./components/matcha-calendar";
+@use "./components/matcha-calendar" as *; // matcha-calendar-theme($theme)
+@forward "./components/matcha-page-builder";
+@use "./components/matcha-page-builder" as *; // matcha-page-builder($theme)
+@forward "./components/matcha-snack-bar";
+@use "./components/matcha-snack-bar" as *; // matcha-snack-bar-theme($theme)
+@forward "./components/matcha-timepicker";
+@use "./components/matcha-timepicker" as *; // matcha-timepicker-theme($theme)
+@forward "./components/matcha-badge";
+@use "./components/matcha-badge" as *; // matcha-badge-theme($theme)
+@forward "./components/matcha-empty-state";
+@use "./components/matcha-empty-state" as *; // matcha-empty-state-theme($theme)
+@forward "./components/matcha-tree-view";
+@use "./components/matcha-tree-view" as *; // matcha-tree-view-theme($theme)
+@forward "./components/matcha-nav";
+@use "./components/matcha-nav" as *; // matcha-nav-theme($theme)
+@forward "./components/matcha-list";
+@use "./components/matcha-list" as *; // matcha-list-theme($theme)
+@forward "./components/matcha-icon";
+@use "./components/matcha-icon" as *; // matcha-icon-theme($theme)
+@forward "./components/matcha-text-editor";
+@use "./components/matcha-text-editor" as *; // matcha-text-editor-theme($theme)
+@forward "./components/matcha-chart-card";
+@use "./components/matcha-chart-card" as *; // matcha-chart-card-theme($theme)
+@forward "./components/matcha-crop";
+@use "./components/matcha-crop" as *; // matcha-crop-theme($theme)
+@forward "./components/matcha-footer";
+@use "./components/matcha-footer" as *; // matcha-footer-theme($theme)
+@forward "./components/matcha-file-uploader";
+@use "./components/matcha-file-uploader" as *; // matcha-file-uploader-theme($theme)
+@forward "./components/matcha-drop-image";
+@use "./components/matcha-drop-image" as *; // matcha-drop-image-theme($theme)
+@forward "./components/matcha-notification";
+@use "./components/matcha-notification" as *; // matcha-notification-theme($theme)
+@forward "./components/matcha-section";
+@use "./components/matcha-section" as *; // matcha-section-theme($theme)
+@forward "./components/matcha-form-section";
+@use "./components/matcha-form-section" as *; // matcha-form-section-theme($theme)
+@forward "./components/matcha-breadcrumb";
+@use "./components/matcha-breadcrumb" as *; // matcha-breadcrumb-theme($theme)
+@forward "./components/matcha-image";
+@use "./components/matcha-image" as *; // matcha-image-theme($theme)
+@forward "./components/matcha-stepper";
+@use "./components/matcha-stepper" as *; // matcha-stepper-theme($theme)
+@forward "./components/matcha-toolbar";
+@use "./components/matcha-toolbar" as *; // matcha-toolbar-modern (canon DSV3 1:1 Figma 15866:92)
+@forward "./components/matcha-command-palette";
+@use "./components/matcha-command-palette" as *; // matcha-command-palette-theme($theme)
+@forward "./components/matcha-profile-card";
+@use "./components/matcha-profile-card" as *; // matcha-profile-card-theme($theme)
+@forward "./components/matcha-flag";
+@use "./components/matcha-flag" as *; // matcha-flag-theme($theme)
+@forward "./components/matcha-emoji";
+@use "./components/matcha-emoji" as *; // matcha-emoji-theme($theme)
+
+// LAYOUT
+@forward "./layout/matcha-page-layout";
+@use "./layout/matcha-page-layout" as *; // matcha-page-layout-theme($theme)
+
+// VENDORS
+@forward "./vendors/charts";
+@use "./vendors/charts" as *;
+
+// ─── FONT LOADING — Manrope (SELF-HOSTED · zero dependência externa) ─────────
+// REGRA DE OURO: fontes self-hosted, nunca @import/<link> do Google Fonts.
+// Variable font (weight 400–800), woff2 local em fonts/manrope/.
+// Atualizar: baixar de https://fonts.google.com/specimen/Manrope (licença OFL),
+// pegar os woff2 latin + latin-ext e substituir os arquivos abaixo.
+@font-face {
+    font-family: "Manrope";
+    font-style: normal;
+    font-weight: 400 800;
+    font-display: swap;
+    src: url("fonts/manrope/manrope-latin.woff2") format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+    font-family: "Manrope";
+    font-style: normal;
+    font-weight: 400 800;
+    font-display: swap;
+    src: url("fonts/manrope/manrope-latin-ext.woff2") format("woff2");
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+// CircularStd removido (2026-06-03): fonte comercial licenciada + fora da regra de
+// ouro. Fonte canônica do DS é a Manrope (self-hosted acima). O token
+// --matcha-font-family já resolve para 'Manrope'.
+
+// -------------------------------------------------------------------------------------------------------------------
+// @ CORE - Mixins and Includes
+// -------------------------------------------------------------------------------------------------------------------
+@mixin matcha-typography($config: null) {
+    @if $config ==null {
+        $config: matcha-typography-config();
+    }
+
+    @include matcha-reset-typography($config);
+}
+
+// matcha-base — CSS estrutural/componentes, theme-AGNÓSTICO (consome var(--matcha-color-*)
+// e tokens; nenhuma cor compile-time após o Track B). Deve ser emitido UMA VEZ, GLOBAL
+// (fora de classe de tema) — ver src/app/app.theme.scss. A cor vem da classe de tema
+// (.theme-default-* / skin) via as CSS vars. Track B3.
+// matcha-base — estrutural theme-AGNÓSTICO (componentes + vendor-chart + base-typography).
+// 100% var(--matcha-*) — emitir 1× GLOBAL (ver app.theme.scss). NÃO inclui base-body-reset
+// (usa & p/ pintar bg/fg do elemento de tema → emitido por classe de tema).
+@mixin matcha-base($theme: ()) {
+    // API nova: chamável sem arg — matcha-base(). $theme é plumbing vestigial repassado
+    // aos component-mixins (todos var-based após a virada); default () permite call limpo.
+    @include vendor-chart($theme);
+    @include base-typography-theme($theme);
+
+    @include matcha-cards-theme($theme);
+    @include matcha-horizontal-tree-theme($theme);
+    @include matcha-audio-player-theme($theme);
+    @include matcha-color-pick-theme($theme);
+    @include matcha-draggable-theme($theme);
+    @include matcha-scrollbox-shadow($theme);
+    @include matcha-scrollbar-theme($theme);
+
+    @include matcha-table-cell-theme($theme);
+    @include matcha-table-modern($theme); // canon DSV3 1:1 Figma 15641:275
+    @include matcha-toolbar($theme); // canon DSV3 1:1 Figma 15866:92
+    @include matcha-button-toggle($theme);
+    @include matcha-button-theme($theme);
+    @include matcha-ripple-theme($theme);
+    @include matcha-tooltip-theme($theme);
+    @include matcha-header-theme($theme); // DSV3 lib component (não app)
+    @include app-page-header-theme($theme); // LEGACY da app (page-header)
+    @include matcha-menu-theme($theme);
+    @include matcha-drop-list-theme($theme);
+    @include matcha-form-field($theme);
+    @include matcha-checkbox($theme);
+    @include matcha-spin($theme);
+    @include matcha-spinner-theme($theme);
+    @include matcha-hint-text($theme);
+    @include matcha-slide-toggle-theme($theme);
+    @include matcha-tabs($theme);
+    @include matcha-tabs-modern($theme);
+    @include matcha-modal-theme($theme);
+    @include matcha-skeleton-theme($theme);
+    @include matcha-radio($theme);
+    @include matcha-avatar-theme($theme);
+    @include matcha-drawer-theme($theme);
+    @include matcha-autocomplete-theme($theme);
+    @include matcha-panel-theme($theme);
+    @include matcha-option-theme($theme);
+    @include matcha-select-theme($theme);
+    @include matcha-select-multiple-theme($theme);
+    @include matcha-paginator-theme($theme);
+    @include matcha-slider-theme($theme);
+    @include matcha-highlight-theme($theme);
+    @include matcha-divider-theme($theme);
+    @include matcha-chip-theme($theme);
+    @include matcha-progress-bar-theme($theme);
+    @include matcha-page-builder-theme($theme);
+    @include matcha-snack-bar-theme($theme);
+    @include matcha-chip-theme($theme);
+    @include matcha-date-theme($theme);
+    @include matcha-calendar-theme($theme);
+    @include matcha-timepicker-theme($theme);
+    @include matcha-badge-theme($theme);
+    @include matcha-empty-state-theme($theme);
+    @include matcha-tree-view-theme($theme);
+    @include matcha-nav-theme($theme);
+    @include matcha-list-theme($theme);
+    @include matcha-icon-theme($theme);
+    @include matcha-text-editor-theme($theme);
+    @include matcha-chart-card-theme($theme);
+    @include matcha-crop-theme($theme);
+    @include matcha-footer-theme($theme);
+    @include matcha-file-uploader-theme($theme);
+    @include matcha-drop-image-theme($theme);
+    @include matcha-notification-theme($theme);
+    @include matcha-section-theme($theme);
+    @include matcha-form-section-theme($theme);
+    @include matcha-accordion-theme($theme);
+    @include matcha-breadcrumb-theme($theme);
+    @include matcha-image-theme($theme);
+    @include matcha-stepper-theme($theme);
+    @include matcha-command-palette-theme($theme);
+    @include matcha-profile-card-theme($theme);
+    @include matcha-flag($theme);
+    @include matcha-emoji-theme($theme);
+    @include matcha-page-layout-theme($theme);
+}
+
+// matcha-components() — REMOVIDO no major (era o shim retrocompat @deprecated).
+// API nova (ver src/app/app.theme.scss):
+//   @include matcha-primitives();                       // :root primitivas
+//   @include matcha-base();                             // estrutural 1× global (agnóstico)
+//   @include colors-classes-dynamic();                  // classes utilitárias (inclui -static)
+//   .theme-X { @include matcha-css-custom-properties($is-dark);  // --matcha-color-*
+//              @include elevation-theme($is-dark);
+//              @include base-body-reset-theme();
 //              @include matcha-typography($config); }